| 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, visibility 200ms ease-in-out; |
| 299 visibility 200ms ease-in-out; | |
| 300 } | 299 } |
| 301 | 300 |
| 302 .custom-icon-hardlocked { | 301 .custom-icon-hardlocked { |
| 303 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED); | 302 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED); |
| 304 } | 303 } |
| 305 | 304 |
| 306 .custom-icon-hardlocked.icon-with-tooltip:hover { | 305 .custom-icon-hardlocked.icon-with-tooltip:hover { |
| 307 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED_HOVER); | 306 background-image: url(chrome://theme/IDR_EASY_UNLOCK_HARDLOCKED_HOVER); |
| 308 } | 307 } |
| 309 | 308 |
| (...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 384 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT) | 383 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT) |
| 385 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_HOVER) | 384 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_HOVER) |
| 386 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_PRESSED) | 385 url(chrome://theme/IDR_EASY_UNLOCK_LOCKED_WITH_PROXIMITY_HINT_PRESSED) |
| 387 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED) | 386 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED) |
| 388 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_HOVER) | 387 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_HOVER) |
| 389 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_PRESSED); | 388 url(chrome://theme/IDR_EASY_UNLOCK_UNLOCKED_PRESSED); |
| 390 display: none; | 389 display: none; |
| 391 } | 390 } |
| 392 | 391 |
| 393 .custom-icon-spinner { | 392 .custom-icon-spinner { |
| 394 -webkit-animation: easy-unlock-spinner-animation 2s steps(45) infinite; | 393 animation: easy-unlock-spinner-animation 2s steps(45) infinite; |
| 395 background-image: url(chrome://theme/IDR_EASY_UNLOCK_SPINNER); | 394 background-image: url(chrome://theme/IDR_EASY_UNLOCK_SPINNER); |
| 396 } | 395 } |
| 397 | 396 |
| 398 @-webkit-keyframes easy-unlock-spinner-animation { | 397 @keyframes easy-unlock-spinner-animation { |
| 399 from { background-position: 0 } | 398 from { background-position: 0 } |
| 400 to { background-position: -1215px } | 399 to { background-position: -1215px } |
| 401 } | 400 } |
| 402 | 401 |
| 403 .interactive-custom-icon { | 402 .interactive-custom-icon { |
| 404 cursor: pointer; | 403 cursor: pointer; |
| 405 } | 404 } |
| 406 | 405 |
| 407 .pod[auth-type='onlineSignIn'] .custom-icon-container { | 406 .pod[auth-type='onlineSignIn'] .custom-icon-container { |
| 408 display: none; | 407 display: none; |
| (...skipping 16 matching lines...) Expand all Loading... |
| 425 .launch-app-button { | 424 .launch-app-button { |
| 426 display: inline; | 425 display: inline; |
| 427 margin-top: 6px !important; | 426 margin-top: 6px !important; |
| 428 max-width: 100%; | 427 max-width: 100%; |
| 429 overflow: hidden; | 428 overflow: hidden; |
| 430 text-overflow: ellipsis; | 429 text-overflow: ellipsis; |
| 431 } | 430 } |
| 432 | 431 |
| 433 .pod[auth-type='onlineSignIn'] .reauth-hint-container { | 432 .pod[auth-type='onlineSignIn'] .reauth-hint-container { |
| 434 display: flex; | 433 display: flex; |
| 434 justify-content: center; |
| 435 margin-top: 8px; | 435 margin-top: 8px; |
| 436 width: 100%; | 436 width: 100%; |
| 437 justify-content: center; | |
| 438 } | 437 } |
| 439 | 438 |
| 440 .reauth-hint-container .reauth-warning { | 439 .reauth-hint-container .reauth-warning { |
| 441 -webkit-mask-image: url(../../../ui/webui/resources/images/warning.svg); | 440 -webkit-mask-image: url(../../../ui/webui/resources/images/warning.svg); |
| 442 -webkit-mask-position: center; | 441 -webkit-mask-position: center; |
| 443 -webkit-mask-repeat: no-repeat; | 442 -webkit-mask-repeat: no-repeat; |
| 444 -webkit-mask-size: 20px; | 443 -webkit-mask-size: 20px; |
| 445 background-color: #f4b400; | 444 background-color: #f4b400; |
| 446 height: 24px; | 445 height: 24px; |
| 447 width: 24px; | 446 width: 24px; |
| (...skipping 498 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 946 } | 945 } |
| 947 | 946 |
| 948 .horizontal-line { | 947 .horizontal-line { |
| 949 border-bottom: 1px double #cccccc; | 948 border-bottom: 1px double #cccccc; |
| 950 bottom: 8px; | 949 bottom: 8px; |
| 951 position: relative; | 950 position: relative; |
| 952 } | 951 } |
| 953 | 952 |
| 954 /* Animations for the animated ellipsis: */ | 953 /* Animations for the animated ellipsis: */ |
| 955 .animated-ellipsis-component0 { | 954 .animated-ellipsis-component0 { |
| 956 -webkit-animation: ellipsis-component0 1.5s infinite; | 955 animation: ellipsis-component0 1.5s infinite; |
| 957 } | 956 } |
| 958 | 957 |
| 959 @-webkit-keyframes ellipsis-component0 { | 958 @keyframes ellipsis-component0 { |
| 960 0% { opacity: 0; } | 959 0% { opacity: 0; } |
| 961 25% { opacity: 1; } | 960 25% { opacity: 1; } |
| 962 50% { opacity: 1; } | 961 50% { opacity: 1; } |
| 963 75% { opacity: 1; } | 962 75% { opacity: 1; } |
| 964 100% { opacity: 0; } | 963 100% { opacity: 0; } |
| 965 } | 964 } |
| 966 | 965 |
| 967 .animated-ellipsis-component1 { | 966 .animated-ellipsis-component1 { |
| 968 -webkit-animation: ellipsis-component1 1.5s infinite; | 967 animation: ellipsis-component1 1.5s infinite; |
| 969 } | 968 } |
| 970 | 969 |
| 971 @-webkit-keyframes ellipsis-component1 { | 970 @keyframes ellipsis-component1 { |
| 972 0% { opacity: 0; } | 971 0% { opacity: 0; } |
| 973 25% { opacity: 0; } | 972 25% { opacity: 0; } |
| 974 50% { opacity: 1; } | 973 50% { opacity: 1; } |
| 975 75% { opacity: 1; } | 974 75% { opacity: 1; } |
| 976 100% { opacity: 0; } | 975 100% { opacity: 0; } |
| 977 } | 976 } |
| 978 | 977 |
| 979 .animated-ellipsis-component2 { | 978 .animated-ellipsis-component2 { |
| 980 -webkit-animation: ellipsis-component2 1.5s infinite; | 979 animation: ellipsis-component2 1.5s infinite; |
| 981 } | 980 } |
| 982 | 981 |
| 983 @-webkit-keyframes ellipsis-component2 { | 982 @keyframes ellipsis-component2 { |
| 984 0% { opacity: 0; } | 983 0% { opacity: 0; } |
| 985 25% { opacity: 0; } | 984 25% { opacity: 0; } |
| 986 50% { opacity: 0; } | 985 50% { opacity: 0; } |
| 987 75% { opacity: 1; } | 986 75% { opacity: 1; } |
| 988 100% { opacity: 0; } | 987 100% { opacity: 0; } |
| 989 } | 988 } |
| OLD | NEW |