| 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 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 59 } | 59 } |
| 60 | 60 |
| 61 .pod.faded { | 61 .pod.faded { |
| 62 opacity: .75; | 62 opacity: .75; |
| 63 } | 63 } |
| 64 | 64 |
| 65 podrow[ncolumns='6'] .pod { | 65 podrow[ncolumns='6'] .pod { |
| 66 transform: scale3d(0.8, 0.8, 0.8); | 66 transform: scale3d(0.8, 0.8, 0.8); |
| 67 } | 67 } |
| 68 | 68 |
| 69 html[dir=rtl] .pin-keyboard-input-non-pin { |
| 70 direction: rtl; |
| 71 } |
| 72 |
| 69 .pod.focused { | 73 .pod.focused { |
| 70 /* Focused pod has the same size no matter how many pods. */ | 74 /* Focused pod has the same size no matter how many pods. */ |
| 71 cursor: default; | 75 cursor: default; |
| 72 transform: scale3d(1, 1, 1) !important; | 76 transform: scale3d(1, 1, 1) !important; |
| 73 z-index: 1; | 77 z-index: 1; |
| 74 } | 78 } |
| 75 | 79 |
| 76 .pod.focused[auth-type='userClick'] { | 80 .pod.focused[auth-type='userClick'] { |
| 77 cursor: pointer; | 81 cursor: pointer; |
| 78 } | 82 } |
| (...skipping 798 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 877 -webkit-animation: ellipsis-component2 1.5s infinite; | 881 -webkit-animation: ellipsis-component2 1.5s infinite; |
| 878 } | 882 } |
| 879 | 883 |
| 880 @-webkit-keyframes ellipsis-component2 { | 884 @-webkit-keyframes ellipsis-component2 { |
| 881 0% { opacity: 0; } | 885 0% { opacity: 0; } |
| 882 25% { opacity: 0; } | 886 25% { opacity: 0; } |
| 883 50% { opacity: 0; } | 887 50% { opacity: 0; } |
| 884 75% { opacity: 1; } | 888 75% { opacity: 1; } |
| 885 100% { opacity: 0; } | 889 100% { opacity: 0; } |
| 886 } | 890 } |
| OLD | NEW |