OLD | NEW |
1 /* | 1 /* |
2 * Copyright (c) 2011 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2011 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 body { | 7 body { |
8 margin: 0; | 8 margin: 0; |
9 } | 9 } |
10 | 10 |
(...skipping 274 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
285 padding: 0 10px; | 285 padding: 0 10px; |
286 | 286 |
287 display: -webkit-box; | 287 display: -webkit-box; |
288 -webkit-box-orient: horizontal; | 288 -webkit-box-orient: horizontal; |
289 -webkit-box-align: center; | 289 -webkit-box-align: center; |
290 } | 290 } |
291 | 291 |
292 .gallery .edit-modal > .range { | 292 .gallery .edit-modal > .range { |
293 margin: 4px 10px 4px 0; | 293 margin: 4px 10px 4px 0; |
294 } | 294 } |
| 295 |
| 296 .gallery .share-menu { |
| 297 position: absolute; |
| 298 right: 10px; |
| 299 bottom: 80px; |
| 300 background-color: rgba(240,240,240,1);; |
| 301 opacity: 1.0; |
| 302 -webkit-transition: opacity 0.5s ease-in-out; |
| 303 padding: 10px; |
| 304 display: -webkit-box; |
| 305 -webkit-box-orient: vertical; |
| 306 -webkit-box-align: stretch; |
| 307 -webkit-box-pack: start; |
| 308 } |
| 309 |
| 310 .gallery .share-menu[hidden] { |
| 311 opacity: 0.0; |
| 312 pointer-events: none; |
| 313 } |
| 314 |
| 315 .gallery .share-menu > div { |
| 316 cursor: pointer; |
| 317 background-color: rgba(0,0,0,0); |
| 318 padding: 5px; |
| 319 display: -webkit-box; |
| 320 -webkit-box-align: center; |
| 321 -webkit-box-pack: start; |
| 322 } |
| 323 |
| 324 .gallery .share-menu > div:hover { |
| 325 background-color: rgba(200,200,200,1); |
| 326 } |
| 327 |
| 328 .gallery .share-menu > div > img { |
| 329 margin-right: 5px; |
| 330 } |
OLD | NEW |