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 background-color: black; | 6 background-color: black; |
7 font-size: 84%; | 7 font-size: 84%; |
8 margin: 0; | 8 margin: 0; |
9 user-select: none; | 9 user-select: none; |
10 } | 10 } |
(...skipping 459 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
470 @keyframes fadeIn { | 470 @keyframes fadeIn { |
471 from { | 471 from { |
472 opacity: 0; | 472 opacity: 0; |
473 } | 473 } |
474 to { | 474 to { |
475 opacity: 1; | 475 opacity: 1; |
476 } | 476 } |
477 } | 477 } |
478 | 478 |
479 .gallery .ribbon-image > .indicator { | 479 .gallery .ribbon-image > .indicator { |
480 -webkit-transition: opacity 500ms ease-in; | |
481 background-image: -webkit-image-set( | 480 background-image: -webkit-image-set( |
482 url(../images/100/slide_view.png) 1x, | 481 url(../images/100/slide_view.png) 1x, |
483 url(../images/200/slide_view.png) 2x); | 482 url(../images/200/slide_view.png) 2x); |
484 background-position: center; | 483 background-position: center; |
485 background-repeat: no-repeat; | 484 background-repeat: no-repeat; |
486 height: 100%; | 485 height: 100%; |
487 opacity: 0; | 486 opacity: 0; |
488 position: absolute; | 487 position: absolute; |
| 488 transition: opacity 500ms ease-in; |
489 width: 100%; | 489 width: 100%; |
490 } | 490 } |
491 | 491 |
492 .gallery .ribbon-image > .indicator.loading { | 492 .gallery .ribbon-image > .indicator.loading { |
493 opacity: 0.2; | 493 opacity: 0.2; |
494 } | 494 } |
495 | 495 |
496 .gallery .ribbon-image[selected] > .selection-frame { | 496 .gallery .ribbon-image[selected] > .selection-frame { |
497 border: 2px solid rgb(27, 168, 243); | 497 border: 2px solid rgb(27, 168, 243); |
498 box-sizing: border-box; | 498 box-sizing: border-box; |
(...skipping 925 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1424 .thumbnail-view .animation-thumbnail { | 1424 .thumbnail-view .animation-thumbnail { |
1425 background-repeat: no-repeat; | 1425 background-repeat: no-repeat; |
1426 background-size: cover; | 1426 background-size: cover; |
1427 display: none; | 1427 display: none; |
1428 position: absolute; | 1428 position: absolute; |
1429 } | 1429 } |
1430 | 1430 |
1431 .thumbnail-view .animation-thumbnail.animating { | 1431 .thumbnail-view .animation-thumbnail.animating { |
1432 display: block; | 1432 display: block; |
1433 } | 1433 } |
OLD | NEW |