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 |