OLD | NEW |
---|---|
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 Loading... | |
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 Loading... | |
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 Loading... | |
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 Loading... | |
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 Loading... | |
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 Loading... | |
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 Loading... | |
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 } |
OLD | NEW |