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 277 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
288 -webkit-margin-start: auto; | 288 -webkit-margin-start: auto; |
289 background-position: center; | 289 background-position: center; |
290 background-repeat: no-repeat; | 290 background-repeat: no-repeat; |
291 flex: none; | 291 flex: none; |
292 height: 27px; | 292 height: 27px; |
293 margin: 8px 0; | 293 margin: 8px 0; |
294 width: 27px; | 294 width: 27px; |
295 } | 295 } |
296 | 296 |
297 .custom-icon.faded { | 297 .custom-icon.faded { |
298 -webkit-transition: opacity 200ms ease-in-out, | 298 transition: opacity 200ms ease-in-out, |
299 visibility 200ms ease-in-out; | 299 visibility 200ms ease-in-out; |
Dan Beam
2016/11/29 06:17:12
indent off
Eric Willigers
2016/11/30 04:04:56
Done.
| |
300 } | 300 } |
301 | 301 |
302 .custom-icon-hardlocked { | 302 .custom-icon-hardlocked { |
303 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED); | 303 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED); |
304 } | 304 } |
305 | 305 |
306 .custom-icon-hardlocked.icon-with-tooltip:hover { | 306 .custom-icon-hardlocked.icon-with-tooltip:hover { |
307 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED_HOVER); | 307 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED_HOVER); |
308 } | 308 } |
309 | 309 |
(...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
384 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT) | 384 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT) |
385 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_HOVER) | 385 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_HOVER) |
386 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_PRESSED) | 386 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_PRESSED) |
387 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED) | 387 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED) |
388 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_HOVER) | 388 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_HOVER) |
389 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_PRESSED); | 389 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_PRESSED); |
390 display: none; | 390 display: none; |
391 } | 391 } |
392 | 392 |
393 .custom-icon-spinner { | 393 .custom-icon-spinner { |
394 -webkit-animation: easy-unlock-spinner-animation 2s steps(45) infinite; | 394 animation: easy-unlock-spinner-animation 2s steps(45) infinite; |
395 background-image: url(chrome://theme/IDR_EASY_UNLOCK_SPINNER); | 395 background-image: url(chrome://theme/IDR_EASY_UNLOCK_SPINNER); |
396 } | 396 } |
397 | 397 |
398 @-webkit-keyframes easy-unlock-spinner-animation { | 398 @keyframes easy-unlock-spinner-animation { |
399 from { background-position: 0 } | 399 from { background-position: 0 } |
400 to { background-position: -1215px } | 400 to { background-position: -1215px } |
401 } | 401 } |
402 | 402 |
403 .interactive-custom-icon { | 403 .interactive-custom-icon { |
404 cursor: pointer; | 404 cursor: pointer; |
405 } | 405 } |
406 | 406 |
407 .pod[auth-type='onlineSignIn'] .custom-icon-container { | 407 .pod[auth-type='onlineSignIn'] .custom-icon-container { |
408 display: none; | 408 display: none; |
(...skipping 537 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
946 } | 946 } |
947 | 947 |
948 .horizontal-line { | 948 .horizontal-line { |
949 border-bottom: 1px double #cccccc; | 949 border-bottom: 1px double #cccccc; |
950 bottom: 8px; | 950 bottom: 8px; |
951 position: relative; | 951 position: relative; |
952 } | 952 } |
953 | 953 |
954 /* Animations for the animated ellipsis: */ | 954 /* Animations for the animated ellipsis: */ |
955 .animated-ellipsis-component0 { | 955 .animated-ellipsis-component0 { |
956 -webkit-animation: ellipsis-component0 1.5s infinite; | 956 animation: ellipsis-component0 1.5s infinite; |
957 } | 957 } |
958 | 958 |
959 @-webkit-keyframes ellipsis-component0 { | 959 @keyframes ellipsis-component0 { |
960 0% { opacity: 0; } | 960 0% { opacity: 0; } |
961 25% { opacity: 1; } | 961 25% { opacity: 1; } |
962 50% { opacity: 1; } | 962 50% { opacity: 1; } |
963 75% { opacity: 1; } | 963 75% { opacity: 1; } |
964 100% { opacity: 0; } | 964 100% { opacity: 0; } |
965 } | 965 } |
966 | 966 |
967 .animated-ellipsis-component1 { | 967 .animated-ellipsis-component1 { |
968 -webkit-animation: ellipsis-component1 1.5s infinite; | 968 animation: ellipsis-component1 1.5s infinite; |
969 } | 969 } |
970 | 970 |
971 @-webkit-keyframes ellipsis-component1 { | 971 @keyframes ellipsis-component1 { |
972 0% { opacity: 0; } | 972 0% { opacity: 0; } |
973 25% { opacity: 0; } | 973 25% { opacity: 0; } |
974 50% { opacity: 1; } | 974 50% { opacity: 1; } |
975 75% { opacity: 1; } | 975 75% { opacity: 1; } |
976 100% { opacity: 0; } | 976 100% { opacity: 0; } |
977 } | 977 } |
978 | 978 |
979 .animated-ellipsis-component2 { | 979 .animated-ellipsis-component2 { |
980 -webkit-animation: ellipsis-component2 1.5s infinite; | 980 animation: ellipsis-component2 1.5s infinite; |
981 } | 981 } |
982 | 982 |
983 @-webkit-keyframes ellipsis-component2 { | 983 @keyframes ellipsis-component2 { |
984 0% { opacity: 0; } | 984 0% { opacity: 0; } |
985 25% { opacity: 0; } | 985 25% { opacity: 0; } |
986 50% { opacity: 0; } | 986 50% { opacity: 0; } |
987 75% { opacity: 1; } | 987 75% { opacity: 1; } |
988 100% { opacity: 0; } | 988 100% { opacity: 0; } |
989 } | 989 } |
OLD | NEW |