OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 196 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
207 background-image: none; | 207 background-image: none; |
208 border-radius: 4px; | 208 border-radius: 4px; |
209 color: white; | 209 color: white; |
210 font-size: 10px; | 210 font-size: 10px; |
211 height: initial; | 211 height: initial; |
212 padding: 2px 4px; | 212 padding: 2px 4px; |
213 width: initial; | 213 width: initial; |
214 } | 214 } |
215 | 215 |
216 .signed-in-indicator { | 216 .signed-in-indicator { |
| 217 -webkit-transition: all .14s ease; |
217 background: rgba(0, 0, 0, 0.5); | 218 background: rgba(0, 0, 0, 0.5); |
218 color: white; | 219 color: white; |
219 font-size: small; | 220 font-size: small; |
220 margin: 5px; | 221 margin: 5px; |
221 position: absolute; | 222 position: absolute; |
222 padding-bottom: 3px; | 223 padding-bottom: 3px; |
223 padding-top: 3px; | 224 padding-top: 3px; |
224 text-align: center; | 225 text-align: center; |
225 /* Width of .user-image. */ | 226 /* Width of .user-image. */ |
226 width: 160px; | 227 width: 160px; |
227 z-index: 1; | 228 z-index: 1; |
228 } | 229 } |
| 230 |
| 231 .pod.focused .signed-in-indicator { |
| 232 /* Track shifting of .user-image on pod focus. */ |
| 233 -webkit-transform: translateY(-1px); |
| 234 } |
OLD | NEW |