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 21 matching lines...) Expand all Loading... |
32 background-color: #fff; | 32 background-color: #fff; |
33 border: 1px solid #ccc; | 33 border: 1px solid #ccc; |
34 border-radius: 2px; | 34 border-radius: 2px; |
35 height: 160px; | 35 height: 160px; |
36 margin-bottom: 10px; | 36 margin-bottom: 10px; |
37 padding: 4px; | 37 padding: 4px; |
38 width: 160px; | 38 width: 160px; |
39 } | 39 } |
40 | 40 |
41 .pod.focused { | 41 .pod.focused { |
42 background-color: #ebebeb; | |
43 cursor: default; | 42 cursor: default; |
44 } | 43 } |
45 | 44 |
46 .pod.faded { | 45 .pod.faded { |
47 opacity: .75; | 46 opacity: .75; |
48 } | 47 } |
49 | 48 |
50 .pod.focused .user-image { | 49 .pod.focused .user-image { |
51 -webkit-box-shadow: 0 6px 16px #a4a4a4; | 50 -webkit-box-shadow: 0 6px 16px #a4a4a4; |
52 -webkit-transform: translateY(-1px); | 51 -webkit-transform: translateY(-1px); |
(...skipping 167 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
220 position: absolute; | 219 position: absolute; |
221 /* Width of .user-image. */ | 220 /* Width of .user-image. */ |
222 width: 160px; | 221 width: 160px; |
223 z-index: 1; | 222 z-index: 1; |
224 } | 223 } |
225 | 224 |
226 .pod.focused .signed-in-indicator { | 225 .pod.focused .signed-in-indicator { |
227 /* Track shifting of .user-image on pod focus. */ | 226 /* Track shifting of .user-image on pod focus. */ |
228 -webkit-transform: translateY(-1px); | 227 -webkit-transform: translateY(-1px); |
229 } | 228 } |
OLD | NEW |