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 452 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
463 html[dir=rtl] #add-user-button { | 463 html[dir=rtl] #add-user-button { |
464 background-position: right center; | 464 background-position: right center; |
465 } | 465 } |
466 | 466 |
467 body.login-display { | 467 body.login-display { |
468 margin: 0; | 468 margin: 0; |
469 padding: 0; | 469 padding: 0; |
470 } | 470 } |
471 | 471 |
472 body.login-display #oobe { | 472 body.login-display #oobe { |
473 -webkit-margin-start: -500px; | 473 -webkit-margin-start: -550px; |
474 -webkit-transition: all .8s ease; | 474 width: 1100px; |
475 width: 1000px; | |
476 } | 475 } |
477 | 476 |
478 body.login-display #oobe hr { | 477 body.login-display #oobe hr { |
479 -webkit-transition: all .8s ease; | 478 -webkit-transition: all .8s ease; |
480 width: 1000px; /* Necessary. Otherwise hr shrinks to 0 first when switching | 479 width: 1100px; /* Necessary. Otherwise hr shrinks to 0 first when switching |
481 from 640px to full width. */ | 480 from 640px to full width. */ |
482 } | 481 } |
483 | 482 |
484 body.login-display #oobe.signin hr, | 483 body.login-display #oobe.signin hr, |
485 body.login-display #oobe.gaia-signin hr { | 484 body.login-display #oobe.gaia-signin hr { |
486 width: 640px; | 485 width: 640px; |
487 } | 486 } |
488 | 487 |
489 body.login-display #inner-container { | 488 body.login-display #inner-container { |
490 height: 262px; | 489 height: 262px; |
491 padding: 0; | 490 padding: 0; |
492 width: 1000px; | 491 width: 1100px; |
493 } | 492 } |
494 | 493 |
495 body.login-display .step { | 494 body.login-display .step { |
496 left: 180px; /* (1000px - 640px) / 2, make it center in oobe div */ | 495 left: 230px; /* (1100px - 640px) / 2, make it center in oobe div */ |
497 } | 496 } |
498 | 497 |
499 body.login-display #header { | 498 body.login-display #header { |
500 visibility: hidden; | 499 visibility: hidden; |
501 } | 500 } |
502 | 501 |
503 body.login-display #footer { | 502 body.login-display #footer { |
504 margin-left: auto; | 503 margin-left: auto; |
505 margin-right: auto; | 504 margin-right: auto; |
506 width: 640px; /* Same width as .step screens */ | 505 width: 640px; /* Same width as .step screens */ |
(...skipping 21 matching lines...) Expand all Loading... |
528 #version-labels { | 527 #version-labels { |
529 -webkit-transition: all .5s linear; | 528 -webkit-transition: all .5s linear; |
530 bottom: 10px; | 529 bottom: 10px; |
531 color: #999; | 530 color: #999; |
532 font-size: 11px; | 531 font-size: 11px; |
533 left: 10px; | 532 left: 10px; |
534 opacity: 1.0; | 533 opacity: 1.0; |
535 position: absolute; | 534 position: absolute; |
536 text-shadow: 0 1px 1px #fff; | 535 text-shadow: 0 1px 1px #fff; |
537 } | 536 } |
OLD | NEW |