| 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 |