| 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 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 44 margin: 0 -5px 0 0; | 44 margin: 0 -5px 0 0; |
| 45 left: auto; | 45 left: auto; |
| 46 right: 24px; | 46 right: 24px; |
| 47 } | 47 } |
| 48 | 48 |
| 49 .bubble .pointer:not(.bottom) { | 49 .bubble .pointer:not(.bottom) { |
| 50 top: -11px; | 50 top: -11px; |
| 51 } | 51 } |
| 52 | 52 |
| 53 .bubble .pointer.bottom { | 53 .bubble .pointer.bottom { |
| 54 bottom: -11px; |
| 54 transform: rotate(180deg); | 55 transform: rotate(180deg); |
| 55 bottom: -11px; | |
| 56 } | 56 } |
| 57 | 57 |
| 58 .bubble .close-x { | 58 .bubble .close-x { |
| 59 background: -webkit-image-set( | 59 background: -webkit-image-set( |
| 60 url(../../file_manager/foreground/images/common/close_x_gray.png) 1x, | 60 url(../../file_manager/foreground/images/common/close_x_gray.png) 1x, |
| 61 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); |
| 62 height: 21px; | 62 height: 21px; |
| 63 opacity: 0.3; | 63 opacity: 0.3; |
| 64 position: absolute; | 64 position: absolute; |
| 65 right: 3px; | 65 right: 3px; |
| (...skipping 391 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 457 overflow: hidden; | 457 overflow: hidden; |
| 458 position: absolute; | 458 position: absolute; |
| 459 width: 100%; | 459 width: 100%; |
| 460 } | 460 } |
| 461 | 461 |
| 462 .gallery .image-wrapper > img { | 462 .gallery .image-wrapper > img { |
| 463 position: absolute; | 463 position: absolute; |
| 464 } | 464 } |
| 465 | 465 |
| 466 .gallery .image-wrapper > img:not(.cached) { | 466 .gallery .image-wrapper > img:not(.cached) { |
| 467 -webkit-animation: fadeIn 500ms ease-in; | 467 animation: fadeIn 500ms ease-in; |
| 468 } | 468 } |
| 469 | 469 |
| 470 @-webkit-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; | 480 -webkit-transition: opacity 500ms ease-in; |
| (...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 564 transition-property: opacity, transform; | 564 transition-property: opacity, transform; |
| 565 transition-timing-function: linear; | 565 transition-timing-function: linear; |
| 566 } | 566 } |
| 567 | 567 |
| 568 .gallery[editing] .edit-mode-toolbar .saved { | 568 .gallery[editing] .edit-mode-toolbar .saved { |
| 569 color: white; | 569 color: white; |
| 570 opacity: 0.5; | 570 opacity: 0.5; |
| 571 } | 571 } |
| 572 | 572 |
| 573 .gallery .edit-mode-toolbar .saved[highlighted] { | 573 .gallery .edit-mode-toolbar .saved[highlighted] { |
| 574 opacity: 1; |
| 574 transform: scaleX(1.1) scaleY(1.1) rotate(0); | 575 transform: scaleX(1.1) scaleY(1.1) rotate(0); |
| 575 opacity: 1; | |
| 576 } | 576 } |
| 577 | 577 |
| 578 /* Editor buttons. */ | 578 /* Editor buttons. */ |
| 579 | 579 |
| 580 .gallery .toolbar .edit-main { | 580 .gallery .toolbar .edit-main { |
| 581 align-items: center; | 581 align-items: center; |
| 582 color: white; | 582 color: white; |
| 583 display: flex; | 583 display: flex; |
| 584 height: 48px; | 584 height: 48px; |
| 585 justify-content: center; | 585 justify-content: center; |
| (...skipping 838 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 |