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

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

Issue 2535493002: Reduce webkit CSS prefixes in ui/ styles (Closed)
Patch Set: sort Created 4 years 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 277 matching lines...) Expand 10 before | Expand all | Expand 10 after
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
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698