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

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

Issue 9006010: [cros] Vertical align of usernames, password fields and buttons. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 9 years 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) 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 15 matching lines...) Expand all
26 } 26 }
27 27
28 .pod .user-image { 28 .pod .user-image {
29 -webkit-box-shadow: 0 3px 12px #ccc; 29 -webkit-box-shadow: 0 3px 12px #ccc;
30 -webkit-transition: all 140ms ease; 30 -webkit-transition: all 140ms ease;
31 background-color: #fff; 31 background-color: #fff;
32 border: 1px solid #ccc; 32 border: 1px solid #ccc;
33 border-radius: 2px; 33 border-radius: 2px;
34 height: 160px; 34 height: 160px;
35 padding: 4px; 35 padding: 4px;
36 margin-bottom: 18px; 36 margin-bottom: 10px;
Nikita (slow) 2011/12/20 14:43:37 nit: alpha-sorting for properties.
Ivan Korotkov 2011/12/20 15:12:19 Done.
37 width: 160px; 37 width: 160px;
38 } 38 }
39 39
40 .pod.focused { 40 .pod.focused {
41 background-color: #ebebeb; 41 background-color: #ebebeb;
42 cursor: default; 42 cursor: default;
43 } 43 }
44 44
45 .pod.faded { 45 .pod.faded {
46 opacity: .75; 46 opacity: .75;
(...skipping 22 matching lines...) Expand all
69 .pod.zoom { 69 .pod.zoom {
70 -webkit-transform: scale(2.2); 70 -webkit-transform: scale(2.2);
71 opacity: 0; 71 opacity: 0;
72 } 72 }
73 73
74 .name { 74 .name {
75 -webkit-transition: opacity 800ms ease; 75 -webkit-transition: opacity 800ms ease;
76 color: #565656; 76 color: #565656;
77 font-weight: bold; 77 font-weight: bold;
78 font-size: 15px; 78 font-size: 15px;
79 margin: 4px 0;
79 overflow: hidden; 80 overflow: hidden;
80 text-align: center; 81 text-align: center;
81 text-overflow: ellipsis; 82 text-overflow: ellipsis;
82 } 83 }
83 84
84 .name.init { 85 .name.init {
85 opacity: 0; 86 opacity: 0;
86 } 87 }
87 88
88 .pod.focused .name { 89 .pod.focused .name {
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
121 0 0 1px #c0c0c0; 122 0 0 1px #c0c0c0;
122 -webkit-transition: -webkit-box-shadow 200ms, background 200ms, border 200ms; 123 -webkit-transition: -webkit-box-shadow 200ms, background 200ms, border 200ms;
123 background: #f8f8f8; 124 background: #f8f8f8;
124 border-color: #4080fa; 125 border-color: #4080fa;
125 outline: none; 126 outline: none;
126 } 127 }
127 128
128 .pod .enter-guest-button, 129 .pod .enter-guest-button,
129 .pod .signin-button { 130 .pod .signin-button {
130 box-sizing: border-box; 131 box-sizing: border-box;
131 height: 24px; 132 height: 26px;
132 width: 94px; 133 width: 94px;
Nikita (slow) 2011/12/20 14:43:37 nit: alpha-sorting for properties.
Ivan Korotkov 2011/12/20 15:12:19 Done.
133 left: 46px; 134 left: 46px;
134 opacity: 0; 135 opacity: 0;
135 padding: 0; 136 padding: 0;
136 position: absolute; 137 position: absolute;
137 top: 193px; 138 top: 193px;
138 visibility: hidden; 139 visibility: hidden;
139 } 140 }
140 141
141 .pod.focused .enter-guest-button, 142 .pod.focused .enter-guest-button,
142 .pod.focused .signin-button { 143 .pod.focused .signin-button {
(...skipping 82 matching lines...) Expand 10 before | Expand all | Expand 10 after
225 text-align: center; 226 text-align: center;
226 /* Width of .user-image. */ 227 /* Width of .user-image. */
227 width: 160px; 228 width: 160px;
228 z-index: 1; 229 z-index: 1;
229 } 230 }
230 231
231 .pod.focused .signed-in-indicator { 232 .pod.focused .signed-in-indicator {
232 /* Track shifting of .user-image on pod focus. */ 233 /* Track shifting of .user-image on pod focus. */
233 -webkit-transform: translateY(-1px); 234 -webkit-transform: translateY(-1px);
234 } 235 }
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