Chromium Code Reviews| 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 415 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 426 } | 426 } |
| 427 | 427 |
| 428 .action-box-button:hover { | 428 .action-box-button:hover { |
| 429 background-image: url(chrome://theme/IDR_OOBE_ACTION_BOX_BUTTON_HOVER); | 429 background-image: url(chrome://theme/IDR_OOBE_ACTION_BOX_BUTTON_HOVER); |
| 430 } | 430 } |
| 431 | 431 |
| 432 .action-box-area.active .action-box-button { | 432 .action-box-area.active .action-box-button { |
| 433 background-image: url(chrome://theme/IDR_OOBE_ACTION_BOX_BUTTON_PRESSED); | 433 background-image: url(chrome://theme/IDR_OOBE_ACTION_BOX_BUTTON_PRESSED); |
| 434 } | 434 } |
| 435 | 435 |
| 436 .action-box-area .action-box-icon { | |
| 437 display: none; | |
| 438 } | |
| 439 | |
| 436 .user-type-icon-area { | 440 .user-type-icon-area { |
| 437 left: 0; | 441 left: 0; |
| 438 z-index: 5; | 442 z-index: 5; |
| 439 } | 443 } |
| 440 | 444 |
| 441 html[dir=rtl] .user-type-icon-area { | 445 html[dir=rtl] .user-type-icon-area { |
| 442 left: auto; | 446 left: auto; |
| 443 right: 0; | 447 right: 0; |
| 444 } | 448 } |
| 445 | 449 |
| (...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 564 .action-box-remove-user-warning-table td { | 568 .action-box-remove-user-warning-table td { |
| 565 padding: 0; | 569 padding: 0; |
| 566 } | 570 } |
| 567 | 571 |
| 568 .action-box-remove-user-warning-table-numbers { | 572 .action-box-remove-user-warning-table-numbers { |
| 569 color: #757575; | 573 color: #757575; |
| 570 text-align: end; | 574 text-align: end; |
| 571 } | 575 } |
| 572 | 576 |
| 573 .action-box-remove-user-warning .remove-warning-button { | 577 .action-box-remove-user-warning .remove-warning-button { |
| 574 width: 100%; | 578 background: rgb(210, 63, 49); |
|
tommycli
2016/02/20 00:36:39
Where is this color from? Is it a paper-color?
Moe
2016/02/22 14:46:46
it's specified in the mocks and it's not a google
| |
| 579 border-radius: 2px; | |
| 580 color: #fff; | |
|
tommycli
2016/02/20 00:36:39
white
Moe
2016/02/22 14:46:46
Done.
| |
| 581 line-height: 32px; | |
| 582 min-width: 72px; | |
| 583 padding: 0 16px; | |
| 584 } | |
| 585 | |
| 586 .action-box-remove-user-warning .remove-warning-button.keyboard-focus { | |
| 587 font-weight: normal; | |
| 575 } | 588 } |
| 576 | 589 |
| 577 /* Hide dialog elements not in a correct category. Only combinations currently | 590 /* Hide dialog elements not in a correct category. Only combinations currently |
| 578 in use are included here. */ | 591 in use are included here. */ |
| 579 .pod.legacy-supervised .non-sync, | 592 .pod.legacy-supervised .non-sync, |
| 580 .pod.legacy-supervised .action-box-remove-user-warning-text, | 593 .pod.legacy-supervised .action-box-remove-user-warning-text, |
| 581 .pod:not(.legacy-supervised) | 594 .pod:not(.legacy-supervised) |
| 582 .action-box-remove-legacy-supervised-user-warning-text, | 595 .action-box-remove-legacy-supervised-user-warning-text, |
| 583 .pod.synced .non-sync, | 596 .pod.synced .non-sync, |
| 584 .pod.has-no-stats .has-stats { | 597 .pod.has-no-stats .has-stats { |
| (...skipping 230 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 815 -webkit-animation: ellipsis-component2 1.5s infinite; | 828 -webkit-animation: ellipsis-component2 1.5s infinite; |
| 816 } | 829 } |
| 817 | 830 |
| 818 @-webkit-keyframes ellipsis-component2 { | 831 @-webkit-keyframes ellipsis-component2 { |
| 819 0% { opacity: 0; } | 832 0% { opacity: 0; } |
| 820 25% { opacity: 0; } | 833 25% { opacity: 0; } |
| 821 50% { opacity: 0; } | 834 50% { opacity: 0; } |
| 822 75% { opacity: 1; } | 835 75% { opacity: 1; } |
| 823 100% { opacity: 0; } | 836 100% { opacity: 0; } |
| 824 } | 837 } |
| OLD | NEW |