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

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

Issue 7584029: Fixed TPM dialog shield style (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 9 years, 4 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) 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 the Out of the box experience (OOBE) flow. 5 * This is the stylesheet used by the Out of the box experience (OOBE) flow.
6 */ 6 */
7 7
8 body { 8 body {
9 background: -webkit-gradient(radial, center center, 0, center center, 400, 9 background: -webkit-gradient(radial, center center, 0, center center, 400,
10 from(#fefefe), to(#efefef)); 10 from(#fefefe), to(#efefef));
(...skipping 18 matching lines...) Expand all
29 position: relative; 29 position: relative;
30 width: 640px; 30 width: 640px;
31 } 31 }
32 32
33 #security-info a, 33 #security-info a,
34 #eula a { 34 #eula a {
35 color: #006668; 35 color: #006668;
36 text-decoration: none; 36 text-decoration: none;
37 } 37 }
38 38
39 #eula #stats-help-link {
40 color: #316ac5;
41 }
42
39 hr.shadow { 43 hr.shadow {
40 -webkit-mask: -webkit-linear-gradient(left, rgba(0,0,0,0), 44 -webkit-mask: -webkit-linear-gradient(left, rgba(0,0,0,0),
41 black 50%, rgba(0,0,0,0)); 45 black 50%, rgba(0,0,0,0));
42 -webkit-mask-clip: padding-box; 46 -webkit-mask-clip: padding-box;
43 border: none; 47 border: none;
44 opacity: 0.3 48 opacity: 0.3
45 } 49 }
46 50
47 hr.top { 51 hr.top {
48 background: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.0)); 52 background: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.0));
(...skipping 13 matching lines...) Expand all
62 background: url('chrome://theme/IDR_PRODUCT_LOGO_64') left center no-repeat; 66 background: url('chrome://theme/IDR_PRODUCT_LOGO_64') left center no-repeat;
63 background-size: 48px; 67 background-size: 48px;
64 color: #737373; 68 color: #737373;
65 display: -webkit-box; 69 display: -webkit-box;
66 font-size: 20px; 70 font-size: 20px;
67 height: 48px; 71 height: 48px;
68 line-height: 48px; 72 line-height: 48px;
69 padding-left: 54px; 73 padding-left: 54px;
70 } 74 }
71 75
76 #header span,
77 #logging span,
78 #user-image-screen-curtain p,
79 .label {
80 cursor: default;
81 }
82
72 #header-sections { 83 #header-sections {
73 position: relative; 84 position: relative;
74 } 85 }
75 86
76 .header-section:before { 87 .header-section:before {
77 /* Divider in header between product name and title, 88 /* Divider in header between product name and title,
78 like "[Product name] > [step header]" */ 89 like "[Product name] > [step header]" */
79 content: "\00A0\203A\00A0\00A0"; 90 content: "\00A0\203A\00A0\00A0";
80 } 91 }
81 92
82 .header-section { 93 .header-section {
83 -webkit-transition: left .2s, opacity .2s ease-in-out; 94 -webkit-transition: left .2s, opacity .2s ease-in-out;
84 position: absolute; 95 position: absolute;
96 text-transform: lowercase;
85 width: 20em; 97 width: 20em;
86 } 98 }
87 99
88 .header-section.right { 100 .header-section.right {
89 left: 50px; 101 left: 50px;
90 } 102 }
91 103
92 .header-section.left { 104 .header-section.left {
93 left: -20px; 105 left: -20px;
94 } 106 }
95 107
altimofeev 2011/08/08 17:14:45 is it needed?
108
96 .step { 109 .step {
97 -webkit-transition: left .2s, opacity .2s, visibility .2s ease-in-out; 110 -webkit-transition: left .2s, opacity .2s, visibility .2s ease-in-out;
98 left: 0; 111 left: 0;
99 min-height: 294px; 112 min-height: 294px;
100 opacity: 1; 113 opacity: 1;
101 position: absolute; 114 position: absolute;
102 width: 640px; 115 width: 640px;
103 } 116 }
104 117
105 .step.right { 118 .step.right {
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
158 width: 250px; 171 width: 250px;
159 } 172 }
160 173
161 #connect { 174 #connect {
162 box-sizing: border-box; 175 box-sizing: border-box;
163 padding: 60px 0 0 145px; 176 padding: 60px 0 0 145px;
164 } 177 }
165 178
166 #logging { 179 #logging {
167 clear: both; 180 clear: both;
181 font-size: small;
168 margin-top: 20px; 182 margin-top: 20px;
169 } 183 }
170 184
171 #user-image-list { 185 #user-image-list {
172 display: inline-block; 186 display: inline-block;
173 width: 360px; 187 width: 360px;
174 } 188 }
175 189
176 #user-image-list img { 190 #user-image-list img {
177 border-radius: 4px; 191 border-radius: 4px;
(...skipping 12 matching lines...) Expand all
190 #user-image-preview { 204 #user-image-preview {
191 border-radius: 4px; 205 border-radius: 4px;
192 float: right; 206 float: right;
193 height: 250px; 207 height: 250px;
194 margin: 4px; 208 margin: 4px;
195 width: 250px; 209 width: 250px;
196 } 210 }
197 211
198 #footer button { 212 #footer button {
199 display: none; 213 display: none;
214 height: 29px;
200 } 215 }
201 216
202 #oobe.connect #continue-button, 217 #oobe.connect #continue-button,
203 #oobe.eula #back-button, 218 #oobe.eula #back-button,
204 #oobe.eula #accept-button, 219 #oobe.eula #accept-button,
205 #oobe.signin #signin-button, 220 #oobe.signin #signin-button,
206 #oobe.user-image #ok-button { 221 #oobe.user-image #ok-button {
207 display: inline-block; 222 display: inline-block;
208 } 223 }
209 224
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
260 } 275 }
261 276
262 .eula-frame { 277 .eula-frame {
263 border: none; 278 border: none;
264 height: 200px; 279 height: 200px;
265 margin-right: 10px; 280 margin-right: 10px;
266 padding: 0 0 0 5px; 281 padding: 0 0 0 5px;
267 width: 310px; 282 width: 310px;
268 } 283 }
269 284
285 #cros-eula,
286 #oem-eula {
287 border: 1px solid #d9d9d9;
288 }
289
270 #eulas.one-column #cros-eula { 290 #eulas.one-column #cros-eula {
271 width: 100%; 291 width: 100%;
272 } 292 }
273 293
274 #eulas.one-column #cros-eula-frame { 294 #eulas.one-column #cros-eula-frame {
275 width: 100%; 295 width: 100%;
276 } 296 }
277 297
278 #eulas.one-column #oem-eula { 298 #eulas.one-column #oem-eula {
279 display: none; 299 display: none;
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after
326 } 346 }
327 347
328 [hidden] { 348 [hidden] {
329 display: none !important; 349 display: none !important;
330 } 350 }
331 351
332 #popup-overlay { 352 #popup-overlay {
333 -webkit-box-align: center; 353 -webkit-box-align: center;
334 -webkit-box-pack: center; 354 -webkit-box-pack: center;
335 -webkit-transition: 0.25s opacity; 355 -webkit-transition: 0.25s opacity;
336 background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), 356 background: #ffffff;
altimofeev 2011/08/08 17:14:45 nit: #fff
337 rgba(127, 127, 127, 0.5) 35%,
338 rgba(0, 0, 0, 0.7));
339 bottom: 0; 357 bottom: 0;
340 display: -webkit-box; 358 display: -webkit-box;
341 left: 0; 359 left: 0;
360 opacity: 0.75;
342 padding-bottom: 130px; 361 padding-bottom: 130px;
343 padding: 20px; 362 padding: 20px;
344 position: fixed; 363 position: fixed;
345 right: 0; 364 right: 0;
346 top: 0; 365 top: 0;
347 z-index: 5; 366 z-index: 5;
348 } 367 }
349 368
350 #enroll-login-screen { 369 #enroll-login-screen {
351 display: -webkit-box; 370 display: -webkit-box;
(...skipping 268 matching lines...) Expand 10 before | Expand all | Expand 10 after
620 #version-labels { 639 #version-labels {
621 -webkit-transition: all .5s linear; 640 -webkit-transition: all .5s linear;
622 bottom: 10px; 641 bottom: 10px;
623 color: #999; 642 color: #999;
624 font-size: 11px; 643 font-size: 11px;
625 left: 10px; 644 left: 10px;
626 opacity: 1.0; 645 opacity: 1.0;
627 position: absolute; 646 position: absolute;
628 text-shadow: 0 1px 1px #fff; 647 text-shadow: 0 1px 1px #fff;
629 } 648 }
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