Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(24)

Side by Side Diff: chrome/browser/resources/chromeos/login/user_pod_row.css

Issue 10207009: [cros] Remove user button style fixes. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698