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

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

Issue 2535493002: Reduce webkit CSS prefixes in ui/ styles (Closed)
Patch Set: js 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,
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698