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 356 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
367 } | 367 } |
368 | 368 |
369 .pod[auth-type='onlineSignIn'] .reauth-hint-container { | 369 .pod[auth-type='onlineSignIn'] .reauth-hint-container { |
370 display: flex; | 370 display: flex; |
371 margin-top: 8px; | 371 margin-top: 8px; |
372 width: 100%; | 372 width: 100%; |
373 justify-content: center; | 373 justify-content: center; |
374 } | 374 } |
375 | 375 |
376 .reauth-hint-container .reauth-warning { | 376 .reauth-hint-container .reauth-warning { |
377 color: #f4b400; | 377 -webkit-mask-image: url(../../../ui/webui/resources/images/warning.svg); |
378 display: inline-flex; | 378 -webkit-mask-position: center; |
| 379 -webkit-mask-repeat: no-repeat; |
| 380 -webkit-mask-size: 20px; |
| 381 background-color: #f4b400; |
| 382 height: 24px; |
| 383 width: 24px; |
379 } | 384 } |
380 | 385 |
381 .reauth-hint-container .reauth-name-hint { | 386 .reauth-hint-container .reauth-name-hint { |
382 align-self: center; | 387 align-self: center; |
383 color: #565656; | 388 color: #565656; |
384 font-size: 16px; | 389 font-size: 16px; |
385 outline: none; | 390 outline: none; |
386 overflow: hidden; | 391 overflow: hidden; |
387 padding: 0 6px; | 392 padding: 0 6px; |
388 text-align: center; | 393 text-align: center; |
(...skipping 432 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
821 -webkit-animation: ellipsis-component2 1.5s infinite; | 826 -webkit-animation: ellipsis-component2 1.5s infinite; |
822 } | 827 } |
823 | 828 |
824 @-webkit-keyframes ellipsis-component2 { | 829 @-webkit-keyframes ellipsis-component2 { |
825 0% { opacity: 0; } | 830 0% { opacity: 0; } |
826 25% { opacity: 0; } | 831 25% { opacity: 0; } |
827 50% { opacity: 0; } | 832 50% { opacity: 0; } |
828 75% { opacity: 1; } | 833 75% { opacity: 1; } |
829 100% { opacity: 0; } | 834 100% { opacity: 0; } |
830 } | 835 } |
OLD | NEW |