| OLD | NEW |
| 1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2014 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 body { | 5 body { |
| 6 -webkit-user-select: none; | 6 -webkit-user-select: none; |
| 7 background-color: black; | 7 background-color: black; |
| 8 font-size: 84%; | 8 font-size: 84%; |
| 9 margin: 0; | 9 margin: 0; |
| 10 } | 10 } |
| (...skipping 22 matching lines...) Expand all Loading... |
| 33 url(../../file_manager/foreground/images/common/2x/bubble_point_white.png) 2
x); | 33 url(../../file_manager/foreground/images/common/2x/bubble_point_white.png) 2
x); |
| 34 display: block; | 34 display: block; |
| 35 height: 11px; | 35 height: 11px; |
| 36 left: 24px; | 36 left: 24px; |
| 37 margin: 0 0 0 -5px; | 37 margin: 0 0 0 -5px; |
| 38 outline: none; | 38 outline: none; |
| 39 position: absolute; | 39 position: absolute; |
| 40 width: 17px; | 40 width: 17px; |
| 41 } | 41 } |
| 42 | 42 |
| 43 html[dir='rtl'] .bubble .pointer { |
| 44 margin: 0 -5px 0 0; |
| 45 left: auto; |
| 46 right: 24px; |
| 47 } |
| 48 |
| 43 .bubble .pointer:not(.bottom) { | 49 .bubble .pointer:not(.bottom) { |
| 44 top: -11px; | 50 top: -11px; |
| 45 } | 51 } |
| 46 | 52 |
| 47 .bubble .pointer.bottom { | 53 .bubble .pointer.bottom { |
| 48 transform: rotate(180deg); | 54 transform: rotate(180deg); |
| 49 bottom: -11px; | 55 bottom: -11px; |
| 50 } | 56 } |
| 51 | 57 |
| 52 .bubble .close-x { | 58 .bubble .close-x { |
| 53 background: -webkit-image-set( | 59 background: -webkit-image-set( |
| 54 url(../../file_manager/foreground/images/common/close_x_gray.png) 1x, | 60 url(../../file_manager/foreground/images/common/close_x_gray.png) 1x, |
| 55 url(../../file_manager/foreground/images/common/2x/close_x_gray.png) 2x); | 61 url(../../file_manager/foreground/images/common/2x/close_x_gray.png) 2x); |
| 56 height: 21px; | 62 height: 21px; |
| 57 opacity: 0.3; | 63 opacity: 0.3; |
| 58 position: absolute; | 64 position: absolute; |
| 59 right: 3px; | 65 right: 3px; |
| 60 top: 3px; | 66 top: 3px; |
| 61 width: 21px; | 67 width: 21px; |
| 62 } | 68 } |
| 63 | 69 |
| 70 html[dir='rtl'] .bubble .close-x { |
| 71 right: auto; |
| 72 left: 3px; |
| 73 } |
| 74 |
| 64 .bubble .close-x:hover { | 75 .bubble .close-x:hover { |
| 65 opacity: 0.7; | 76 opacity: 0.7; |
| 66 } | 77 } |
| 67 | 78 |
| 68 paper-ripple, | 79 paper-ripple, |
| 69 paper-button::shadow paper-ripple { | 80 paper-button::shadow paper-ripple { |
| 70 color: black; | 81 color: black; |
| 71 } | 82 } |
| 72 | 83 |
| 73 files-toggle-ripple::shadow .ripple.activated { | 84 files-toggle-ripple::shadow .ripple.activated { |
| (...skipping 279 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 353 /* Bubble */ | 364 /* Bubble */ |
| 354 | 365 |
| 355 .gallery .toolbar .bubble { | 366 .gallery .toolbar .bubble { |
| 356 bottom: 65px; | 367 bottom: 65px; |
| 357 font-size: 85%; | 368 font-size: 85%; |
| 358 left: 20px; | 369 left: 20px; |
| 359 position: absolute; | 370 position: absolute; |
| 360 width: 220px; | 371 width: 220px; |
| 361 } | 372 } |
| 362 | 373 |
| 374 html[dir='rtl'] .gallery .toolbar .bubble { |
| 375 left: auto; |
| 376 right: 20px; |
| 377 } |
| 378 |
| 363 .gallery:not([editing]) .toolbar .bubble { | 379 .gallery:not([editing]) .toolbar .bubble { |
| 364 display: none; | 380 display: none; |
| 365 } | 381 } |
| 366 | 382 |
| 367 /* Middle spacer */ | 383 /* Middle spacer */ |
| 368 | 384 |
| 369 .gallery .middle-spacer { | 385 .gallery .middle-spacer { |
| 370 align-items: center; | 386 align-items: center; |
| 371 display: flex; | 387 display: flex; |
| 372 flex: 1 0 auto; | 388 flex: 1 0 auto; |
| (...skipping 991 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1364 .thumbnail-view .animation-thumbnail { | 1380 .thumbnail-view .animation-thumbnail { |
| 1365 background-repeat: no-repeat; | 1381 background-repeat: no-repeat; |
| 1366 background-size: cover; | 1382 background-size: cover; |
| 1367 display: none; | 1383 display: none; |
| 1368 position: absolute; | 1384 position: absolute; |
| 1369 } | 1385 } |
| 1370 | 1386 |
| 1371 .thumbnail-view .animation-thumbnail.animating { | 1387 .thumbnail-view .animation-thumbnail.animating { |
| 1372 display: block; | 1388 display: block; |
| 1373 } | 1389 } |
| OLD | NEW |