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