| 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 |