OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 * sign in and lock screens. | 6 * sign in and lock screens. |
7 */ | 7 */ |
8 | 8 |
9 html, | 9 html, |
10 body { | 10 body { |
(...skipping 693 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
704 | 704 |
705 .step-extra-controls > *:not(:first-child) { | 705 .step-extra-controls > *:not(:first-child) { |
706 -webkit-margin-before: 7px; | 706 -webkit-margin-before: 7px; |
707 } | 707 } |
708 | 708 |
709 html[dir=rtl] .step-extra-controls { | 709 html[dir=rtl] .step-extra-controls { |
710 left: auto; | 710 left: auto; |
711 right: 49px; | 711 right: 49px; |
712 } | 712 } |
713 | 713 |
714 #update-screen-curtain p { | 714 .throbber { |
715 text-align: center; | 715 -webkit-animation: throbber-animation 1s steps(36) infinite; |
| 716 -webkit-margin-before: 2px; |
| 717 -webkit-margin-end: 4px; |
| 718 background-image: url(chrome://theme/IDR_CROS_DEFAULT_THROBBER); |
| 719 display: inline-block; |
| 720 height: 16px; |
| 721 width: 16px; |
| 722 } |
| 723 |
| 724 @-webkit-keyframes throbber-animation { |
| 725 from { |
| 726 background-position: 0; |
| 727 } |
| 728 to { |
| 729 background-position: -576px; |
| 730 } |
716 } | 731 } |
717 | 732 |
718 #update #update-screen-curtain { | 733 #update #update-screen-curtain { |
719 -webkit-box-align: start; | 734 -webkit-box-align: start; |
720 -webkit-box-pack: center; | 735 -webkit-box-pack: center; |
721 } | 736 } |
722 | 737 |
723 #update #update-checking-progress { | 738 #update #update-checking-progress { |
724 -webkit-box-align: start; | 739 -webkit-box-align: start; |
725 -webkit-box-pack: center; | 740 -webkit-box-pack: center; |
726 color: #9c9c9c; | 741 color: #9c9c9c; |
727 display: -webkit-box; | 742 display: -webkit-box; |
728 } | 743 } |
729 | 744 |
730 #update #update-screen-curtain { | 745 #update #update-screen-curtain { |
731 margin: 45px 45px; | 746 margin: 45px 35px; |
732 } | 747 } |
733 | 748 |
734 #update-screen-main { | 749 #update-screen-main { |
735 margin: 45px 45px; | 750 margin: 45px 35px; |
736 min-height: 114px; | 751 min-height: 114px; |
737 text-align: center; | 752 text-align: center; |
738 } | 753 } |
739 | 754 |
740 #update #update-checking-ellipsis { | |
741 width: 16px; | |
742 } | |
743 | |
744 html[dir=ltr] #update #update-checking-ellipsis { | |
745 text-align: left; | |
746 } | |
747 | |
748 html[dir=rtl] #update #update-checking-ellipsis { | |
749 text-align: right; | |
750 } | |
751 | |
752 #update #update-cancel-hint { | 755 #update #update-cancel-hint { |
753 -webkit-margin-before: 15px; | 756 -webkit-margin-before: 15px; |
754 -webkit-margin-start: 45px; | 757 -webkit-margin-start: 45px; |
755 color: rgb(170, 0, 0); | 758 color: rgb(170, 0, 0); |
756 position: absolute; | 759 position: absolute; |
757 } | 760 } |
758 | 761 |
759 #update #update-upper-label { | 762 #update #update-upper-label { |
760 -webkit-margin-after: 4px; | 763 -webkit-margin-after: 4px; |
761 } | 764 } |
762 | 765 |
763 #update #checking-updates-label { | 766 #update #checking-updates-label { |
764 -webkit-margin-after: 34px; | 767 -webkit-margin-after: 90px; |
765 } | 768 } |
766 | 769 |
767 #update #update-bottom-label { | 770 #update #update-bottom-label { |
768 -webkit-margin-after: 4px; | 771 -webkit-margin-after: 4px; |
769 -webkit-margin-before: 4px; | 772 -webkit-margin-before: 4px; |
770 text-align: left; | 773 text-align: left; |
771 } | 774 } |
772 | 775 |
773 #update progress { | 776 #update progress { |
774 -webkit-margin-after: 4px; | 777 -webkit-margin-after: 4px; |
(...skipping 345 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1120 } | 1123 } |
1121 | 1124 |
1122 .background-initial { | 1125 .background-initial { |
1123 opacity: 0; | 1126 opacity: 0; |
1124 } | 1127 } |
1125 | 1128 |
1126 .background-final { | 1129 .background-final { |
1127 opacity: 1; | 1130 opacity: 1; |
1128 } | 1131 } |
1129 | 1132 |
OLD | NEW |