| 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 10 matching lines...) Expand all Loading... |
| 517 background-repeat: no-repeat; | 516 background-repeat: no-repeat; |
| 518 } | 517 } |
| 519 | 518 |
| 520 .error-message-padding { | 519 .error-message-padding { |
| 521 margin-bottom: 10px; | 520 margin-bottom: 10px; |
| 522 } | 521 } |
| 523 | 522 |
| 524 html[dir=rtl] .error-message { | 523 html[dir=rtl] .error-message { |
| 525 background-position: right top; | 524 background-position: right top; |
| 526 } | 525 } |
| OLD | NEW |