| 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 |