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 |