OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 -webkit-box-align: center; | 9 -webkit-box-align: center; |
10 -webkit-box-pack: center; | 10 -webkit-box-pack: center; |
(...skipping 178 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
189 min-width: 16px; | 189 min-width: 16px; |
190 opacity: 0; | 190 opacity: 0; |
191 padding: 0; | 191 padding: 0; |
192 position: absolute; | 192 position: absolute; |
193 right: 14px; | 193 right: 14px; |
194 top: 14px; | 194 top: 14px; |
195 width: 16px; | 195 width: 16px; |
196 } | 196 } |
197 | 197 |
198 .pod .remove-user-button:focus, | 198 .pod .remove-user-button:focus, |
| 199 .pod .remove-user-button:hover, |
199 .user-image:hover ~ .remove-user-button { | 200 .user-image:hover ~ .remove-user-button { |
200 opacity: 1; | 201 opacity: 1; |
201 } | 202 } |
202 | 203 |
203 .pod.focused .remove-user-button { | 204 .pod.focused .remove-user-button { |
204 /* Track shifting of .user-image on pod focus. */ | 205 /* Track shifting of .user-image on pod focus. */ |
205 -webkit-transform: translateY(-1px); | 206 -webkit-transform: translateY(-1px); |
206 -webkit-transition: -webkit-transform 140ms ease; | 207 -webkit-transition: -webkit-transform 140ms ease; |
207 opacity: 1; | 208 opacity: 1; |
208 } | 209 } |
(...skipping 24 matching lines...) Expand all Loading... |
233 /* Width of .user-image. */ | 234 /* Width of .user-image. */ |
234 width: 160px; | 235 width: 160px; |
235 z-index: 1; | 236 z-index: 1; |
236 } | 237 } |
237 | 238 |
238 .pod.focused .signed-in-indicator { | 239 .pod.focused .signed-in-indicator { |
239 /* Track shifting of .user-image on pod focus. */ | 240 /* Track shifting of .user-image on pod focus. */ |
240 -webkit-transform: translateY(-1px); | 241 -webkit-transform: translateY(-1px); |
241 -webkit-transition: -webkit-transform 140ms ease; | 242 -webkit-transition: -webkit-transform 140ms ease; |
242 } | 243 } |
OLD | NEW |