Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(978)

Side by Side Diff: ui/login/account_picker/user_pod_row.css

Issue 2535493002: Reduce webkit CSS prefixes in ui/ styles (Closed)
Patch Set: bluetooth_internals/snackbar.js Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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
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 }
OLDNEW
« no previous file with comments | « ui/login/account_picker/screen_account_picker.js ('k') | ui/login/account_picker/user_pod_row.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698