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 164 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
175 | 175 |
176 .capslock-on .pod.focused input[type='password']:not([hidden]) ~ .capslock-hint
{ | 176 .capslock-on .pod.focused input[type='password']:not([hidden]) ~ .capslock-hint
{ |
177 visibility: visible; | 177 visibility: visible; |
178 } | 178 } |
179 | 179 |
180 .remove-user-button { | 180 .remove-user-button { |
181 -webkit-transition: width 100ms ease-in-out, background 200ms ease-in-out; | 181 -webkit-transition: width 100ms ease-in-out, background 200ms ease-in-out; |
182 background: url('../../../../../ui/resources/close_bar.png') center center no-
repeat; | 182 background: url('../../../../../ui/resources/close_bar.png') center center no-
repeat; |
183 background-color: rgba(255, 255, 255, 0.3); | 183 background-color: rgba(255, 255, 255, 0.3); |
184 border: 0; | 184 border: 0; |
185 border-radius: 4px; | 185 border-radius: 2px; |
186 box-shadow: none; | 186 box-shadow: none; |
187 height: 16px; | 187 height: 16px; |
188 margin: 0; | 188 margin: 0; |
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:hover .remove-user-button { | 199 .user-image:hover ~ .remove-user-button { |
200 opacity: 1; | 200 opacity: 1; |
201 } | 201 } |
202 | 202 |
| 203 .pod.focused .remove-user-button { |
| 204 /* Track shifting of .user-image on pod focus. */ |
| 205 -webkit-transform: translateY(-1px); |
| 206 -webkit-transition: -webkit-transform 140ms ease; |
| 207 opacity: 1; |
| 208 } |
| 209 |
203 .remove-user-button:hover { | 210 .remove-user-button:hover { |
204 background-image: url('../../../../../ui/resources/close_bar_h.png'); | 211 background-image: url('../../../../../ui/resources/close_bar_h.png'); |
205 box-shadow: none; | 212 box-shadow: none; |
206 } | 213 } |
207 | 214 |
208 .remove-user-button.active { | 215 .remove-user-button.active { |
209 background-color: rgb(233, 73, 73); | 216 background-color: rgb(233, 73, 73); |
210 background-image: none; | 217 background-image: none; |
211 color: white; | 218 color: white; |
212 font-size: 10px; | 219 font-size: 10px; |
(...skipping 11 matching lines...) Expand all Loading... |
224 padding: 3px 0; | 231 padding: 3px 0; |
225 position: absolute; | 232 position: absolute; |
226 /* Width of .user-image. */ | 233 /* Width of .user-image. */ |
227 width: 160px; | 234 width: 160px; |
228 z-index: 1; | 235 z-index: 1; |
229 } | 236 } |
230 | 237 |
231 .pod.focused .signed-in-indicator { | 238 .pod.focused .signed-in-indicator { |
232 /* Track shifting of .user-image on pod focus. */ | 239 /* Track shifting of .user-image on pod focus. */ |
233 -webkit-transform: translateY(-1px); | 240 -webkit-transform: translateY(-1px); |
| 241 -webkit-transition: -webkit-transform 140ms ease; |
234 } | 242 } |
OLD | NEW |