Chromium Code Reviews| 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 |