OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 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 * This is the stylesheet used by user pods row of account picker UI. | 5 * This is the stylesheet used by user pods row of account picker UI. |
6 */ | 6 */ |
7 | 7 |
8 podrow { | 8 podrow { |
9 /* Temporarily disabled because animation interferes with updating screen's | 9 /* Temporarily disabled because animation interferes with updating screen's |
10 size. */ | 10 size. */ |
(...skipping 484 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
495 | 495 |
496 .action-box-area.active ~ .action-box-menu:not(.menu-moved-up) { | 496 .action-box-area.active ~ .action-box-menu:not(.menu-moved-up) { |
497 top: 18px; | 497 top: 18px; |
498 } | 498 } |
499 | 499 |
500 .action-box-area.active ~ .action-box-menu.menu-moved-up { | 500 .action-box-area.active ~ .action-box-menu.menu-moved-up { |
501 bottom: 207px; | 501 bottom: 207px; |
502 } | 502 } |
503 | 503 |
504 .action-box-area.menu-moved-up { | 504 .action-box-area.menu-moved-up { |
505 -webkit-transform: rotate(180deg); | 505 transform: rotate(180deg); |
506 } | 506 } |
507 | 507 |
508 html[dir=rtl] .action-box-area.active ~ .action-box-menu { | 508 html[dir=rtl] .action-box-area.active ~ .action-box-menu { |
509 left: 5px; | 509 left: 5px; |
510 right: auto; | 510 right: auto; |
511 } | 511 } |
512 | 512 |
513 .action-box-menu-title { | 513 .action-box-menu-title { |
514 color: #757575; | 514 color: #757575; |
515 display: flex; | 515 display: flex; |
(...skipping 299 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
815 -webkit-animation: ellipsis-component2 1.5s infinite; | 815 -webkit-animation: ellipsis-component2 1.5s infinite; |
816 } | 816 } |
817 | 817 |
818 @-webkit-keyframes ellipsis-component2 { | 818 @-webkit-keyframes ellipsis-component2 { |
819 0% { opacity: 0; } | 819 0% { opacity: 0; } |
820 25% { opacity: 0; } | 820 25% { opacity: 0; } |
821 50% { opacity: 0; } | 821 50% { opacity: 0; } |
822 75% { opacity: 1; } | 822 75% { opacity: 1; } |
823 100% { opacity: 0; } | 823 100% { opacity: 0; } |
824 } | 824 } |
OLD | NEW |