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 381 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
392 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT) | 392 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT) |
393 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_HOVER) | 393 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_HOVER) |
394 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_PRESSED) | 394 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_PRESSED) |
395 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED) | 395 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED) |
396 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_HOVER) | 396 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_HOVER) |
397 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_PRESSED); | 397 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_PRESSED); |
398 display: none; | 398 display: none; |
399 } | 399 } |
400 | 400 |
401 .custom-icon-spinner { | 401 .custom-icon-spinner { |
402 -webkit-animation: easy-unlock-spinner-animation 2s steps(45) infinite; | 402 animation: easy-unlock-spinner-animation 2s steps(45) infinite; |
403 background-image: url(chrome://theme/IDR_EASY_UNLOCK_SPINNER); | 403 background-image: url(chrome://theme/IDR_EASY_UNLOCK_SPINNER); |
404 } | 404 } |
405 | 405 |
406 @-webkit-keyframes easy-unlock-spinner-animation { | 406 @keyframes easy-unlock-spinner-animation { |
407 from { background-position: 0 } | 407 from { background-position: 0 } |
408 to { background-position: -1215px } | 408 to { background-position: -1215px } |
409 } | 409 } |
410 | 410 |
411 .interactive-custom-icon { | 411 .interactive-custom-icon { |
412 cursor: pointer; | 412 cursor: pointer; |
413 } | 413 } |
414 | 414 |
415 .pod[auth-type='onlineSignIn'] .custom-icon-container { | 415 .pod[auth-type='onlineSignIn'] .custom-icon-container { |
416 display: none; | 416 display: none; |
(...skipping 16 matching lines...) Expand all Loading... |
433 .launch-app-button { | 433 .launch-app-button { |
434 display: inline; | 434 display: inline; |
435 margin-top: 6px !important; | 435 margin-top: 6px !important; |
436 max-width: 100%; | 436 max-width: 100%; |
437 overflow: hidden; | 437 overflow: hidden; |
438 text-overflow: ellipsis; | 438 text-overflow: ellipsis; |
439 } | 439 } |
440 | 440 |
441 .pod[auth-type='onlineSignIn'] .reauth-hint-container { | 441 .pod[auth-type='onlineSignIn'] .reauth-hint-container { |
442 display: flex; | 442 display: flex; |
| 443 justify-content: center; |
443 margin-top: 8px; | 444 margin-top: 8px; |
444 width: 100%; | 445 width: 100%; |
445 justify-content: center; | |
446 } | 446 } |
447 | 447 |
448 .reauth-hint-container .reauth-warning { | 448 .reauth-hint-container .reauth-warning { |
449 -webkit-mask-image: url(../../../ui/webui/resources/images/warning.svg); | 449 -webkit-mask-image: url(../../../ui/webui/resources/images/warning.svg); |
450 -webkit-mask-position: center; | 450 -webkit-mask-position: center; |
451 -webkit-mask-repeat: no-repeat; | 451 -webkit-mask-repeat: no-repeat; |
452 -webkit-mask-size: 20px; | 452 -webkit-mask-size: 20px; |
453 background-color: #f4b400; | 453 background-color: #f4b400; |
454 height: 24px; | 454 height: 24px; |
455 width: 24px; | 455 width: 24px; |
(...skipping 498 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
954 } | 954 } |
955 | 955 |
956 .horizontal-line { | 956 .horizontal-line { |
957 border-bottom: 1px double #cccccc; | 957 border-bottom: 1px double #cccccc; |
958 bottom: 8px; | 958 bottom: 8px; |
959 position: relative; | 959 position: relative; |
960 } | 960 } |
961 | 961 |
962 /* Animations for the animated ellipsis: */ | 962 /* Animations for the animated ellipsis: */ |
963 .animated-ellipsis-component0 { | 963 .animated-ellipsis-component0 { |
964 -webkit-animation: ellipsis-component0 1.5s infinite; | 964 animation: ellipsis-component0 1.5s infinite; |
965 } | 965 } |
966 | 966 |
967 @-webkit-keyframes ellipsis-component0 { | 967 @keyframes ellipsis-component0 { |
968 0% { opacity: 0; } | 968 0% { opacity: 0; } |
969 25% { opacity: 1; } | 969 25% { opacity: 1; } |
970 50% { opacity: 1; } | 970 50% { opacity: 1; } |
971 75% { opacity: 1; } | 971 75% { opacity: 1; } |
972 100% { opacity: 0; } | 972 100% { opacity: 0; } |
973 } | 973 } |
974 | 974 |
975 .animated-ellipsis-component1 { | 975 .animated-ellipsis-component1 { |
976 -webkit-animation: ellipsis-component1 1.5s infinite; | 976 animation: ellipsis-component1 1.5s infinite; |
977 } | 977 } |
978 | 978 |
979 @-webkit-keyframes ellipsis-component1 { | 979 @keyframes ellipsis-component1 { |
980 0% { opacity: 0; } | 980 0% { opacity: 0; } |
981 25% { opacity: 0; } | 981 25% { opacity: 0; } |
982 50% { opacity: 1; } | 982 50% { opacity: 1; } |
983 75% { opacity: 1; } | 983 75% { opacity: 1; } |
984 100% { opacity: 0; } | 984 100% { opacity: 0; } |
985 } | 985 } |
986 | 986 |
987 .animated-ellipsis-component2 { | 987 .animated-ellipsis-component2 { |
988 -webkit-animation: ellipsis-component2 1.5s infinite; | 988 animation: ellipsis-component2 1.5s infinite; |
989 } | 989 } |
990 | 990 |
991 @-webkit-keyframes ellipsis-component2 { | 991 @keyframes ellipsis-component2 { |
992 0% { opacity: 0; } | 992 0% { opacity: 0; } |
993 25% { opacity: 0; } | 993 25% { opacity: 0; } |
994 50% { opacity: 0; } | 994 50% { opacity: 0; } |
995 75% { opacity: 1; } | 995 75% { opacity: 1; } |
996 100% { opacity: 0; } | 996 100% { opacity: 0; } |
997 } | 997 } |
OLD | NEW |