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 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 |