| 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 html, | 8 html, |
| 9 body { | 9 body { |
| 10 height: 100%; | 10 height: 100%; |
| (...skipping 559 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 570 text-align: left; | 570 text-align: left; |
| 571 vertical-align: top; | 571 vertical-align: top; |
| 572 } | 572 } |
| 573 | 573 |
| 574 #oauth-enroll-error-retry { | 574 #oauth-enroll-error-retry { |
| 575 color: -webkit-link; | 575 color: -webkit-link; |
| 576 cursor: pointer; | 576 cursor: pointer; |
| 577 text-decoration: underline; | 577 text-decoration: underline; |
| 578 } | 578 } |
| 579 | 579 |
| 580 @-webkit-keyframes oauth-enroll-spinner { | |
| 581 /* There are 13 animation steps, the numbers below space them evenly. Note | |
| 582 * that a steps(13) declaration produces off-by-one offsets for some frames, | |
| 583 * so for best results we specify positions explicity and use step-end. */ | |
| 584 0% { background-position: 286px 0px; } | |
| 585 7.6923076% { background-position: 264px 0px; } | |
| 586 15.3846153% { background-position: 242px 0px; } | |
| 587 23.0769230% { background-position: 220px 0px; } | |
| 588 30.7692307% { background-position: 198px 0px; } | |
| 589 38.4615384% { background-position: 176px 0px; } | |
| 590 46.1538461% { background-position: 154px 0px; } | |
| 591 53.8461538% { background-position: 132px 0px; } | |
| 592 61.5384615% { background-position: 110px 0px; } | |
| 593 69.2307692% { background-position: 88px 0px; } | |
| 594 76.9230769% { background-position: 66px 0px; } | |
| 595 84.6153846% { background-position: 44px 0px; } | |
| 596 92.3076923% { background-position: 22px 0px; } | |
| 597 100.0000000% { background-position: 0px 0px; } | |
| 598 } | |
| 599 | |
| 600 .oauth-enroll-spinner { | |
| 601 -webkit-animation: oauth-enroll-spinner 1s step-end infinite; | |
| 602 background-image: url('chrome://theme/IDR_SPINNER'); | |
| 603 height: 22px; | |
| 604 width: 22px; | |
| 605 } | |
| 606 | |
| 607 #close-button.visible { | 580 #close-button.visible { |
| 608 display: inline-block; | 581 display: inline-block; |
| 609 } | 582 } |
| 610 | 583 |
| 611 #bubble { | 584 #bubble { |
| 612 -webkit-transition: 0.25s opacity; | 585 -webkit-transition: 0.25s opacity; |
| 613 } | 586 } |
| 614 | 587 |
| 615 #login-header-bar { | 588 #login-header-bar { |
| 616 padding: 8px; | 589 padding: 8px; |
| (...skipping 192 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 809 } | 782 } |
| 810 | 783 |
| 811 #version-labels { | 784 #version-labels { |
| 812 -webkit-transition: all .5s linear; | 785 -webkit-transition: all .5s linear; |
| 813 bottom: 10px; | 786 bottom: 10px; |
| 814 color: #999; | 787 color: #999; |
| 815 font-size: 11px; | 788 font-size: 11px; |
| 816 left: 10px; | 789 left: 10px; |
| 817 opacity: 1.0; | 790 opacity: 1.0; |
| 818 position: absolute; | 791 position: absolute; |
| 792 right: 10px; |
| 819 text-shadow: 0 1px 1px #fff; | 793 text-shadow: 0 1px 1px #fff; |
| 820 } | 794 } |
| 821 | 795 |
| 822 .dropdown-overlay { | 796 .dropdown-overlay { |
| 823 bottom: 0; | 797 bottom: 0; |
| 824 left: 0; | 798 left: 0; |
| 825 position: fixed; | 799 position: fixed; |
| 826 right: 0; | 800 right: 0; |
| 827 top: 0; | 801 top: 0; |
| 828 z-index: 5; | 802 z-index: 5; |
| 829 } | 803 } |
| OLD | NEW |