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 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
96 } | 96 } |
97 | 97 |
98 html[oobe=old] #inner-container { | 98 html[oobe=old] #inner-container { |
99 height: 294px; | 99 height: 294px; |
100 padding: 20px; | 100 padding: 20px; |
101 width: 640px; | 101 width: 640px; |
102 } | 102 } |
103 | 103 |
104 html[oobe=new] #inner-container { | 104 html[oobe=new] #inner-container { |
105 border-radius: 2px; | 105 border-radius: 2px; |
| 106 padding: 0; |
| 107 } |
| 108 |
| 109 html[oobe=new] #inner-container.animation { |
106 overflow: hidden; | 110 overflow: hidden; |
107 padding: 0; | |
108 } | 111 } |
109 | 112 |
110 /* Screens that have a border and background. */ | 113 /* Screens that have a border and background. */ |
111 html[oobe=new] #oobe.connect #inner-container, | 114 html[oobe=new] #oobe.connect #inner-container, |
112 html[oobe=new] #oobe.eula #inner-container, | 115 html[oobe=new] #oobe.eula #inner-container, |
113 html[oobe=new] #oobe.update #inner-container, | 116 html[oobe=new] #oobe.update #inner-container, |
114 html[oobe=new] #oobe.gaia-signin #inner-container, | 117 html[oobe=new] #oobe.gaia-signin #inner-container, |
115 html[oobe=new] #oobe.enrollment #inner-container, | 118 html[oobe=new] #oobe.enrollment #inner-container, |
116 html[oobe=new] #oobe.oauth-enrollment #inner-container, | 119 html[oobe=new] #oobe.oauth-enrollment #inner-container, |
117 html[oobe=new] #oobe.user-image #inner-container { | 120 html[oobe=new] #oobe.user-image #inner-container { |
(...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
237 display: none; | 240 display: none; |
238 } | 241 } |
239 | 242 |
240 #step-logo { | 243 #step-logo { |
241 -webkit-margin-start: 17px; | 244 -webkit-margin-start: 17px; |
242 position: absolute; | 245 position: absolute; |
243 top: 15px; | 246 top: 15px; |
244 } | 247 } |
245 | 248 |
246 html[oobe=new] #connect .step-contents { | 249 html[oobe=new] #connect .step-contents { |
247 -webkit-margin-after: 82px; | 250 margin: 33px auto 82px; |
248 -webkit-margin-before: 33px; | 251 width: 435px; |
249 -webkit-margin-start: 145px; | |
250 } | 252 } |
251 | 253 |
252 html[oobe=new] #eula .step-contents { | 254 html[oobe=new] #eula .step-contents { |
253 -webkit-margin-after: 30px; | 255 -webkit-margin-after: 30px; |
254 -webkit-margin-start: 32px; | 256 -webkit-margin-start: 32px; |
255 } | 257 } |
256 | 258 |
257 html[oobe=new] #gaia-signin .step-contents { | 259 html[oobe=new] #gaia-signin .step-contents { |
258 -webkit-box-pack: center; | 260 -webkit-box-pack: center; |
259 display: -webkit-box; | 261 display: -webkit-box; |
(...skipping 511 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
771 #account-picker-dot, | 773 #account-picker-dot, |
772 #enrollment-dot, | 774 #enrollment-dot, |
773 #oauth-enrollment-dot { | 775 #oauth-enrollment-dot { |
774 display: none; | 776 display: none; |
775 } | 777 } |
776 | 778 |
777 #welcome-message { | 779 #welcome-message { |
778 color: #444; | 780 color: #444; |
779 font-size: 16px; | 781 font-size: 16px; |
780 margin-bottom: 30px; | 782 margin-bottom: 30px; |
781 width: 435px; | |
782 } | 783 } |
783 | 784 |
784 #connect table { | 785 #connect table { |
785 margin: 7em auto; | 786 margin: 7em auto; |
786 } | 787 } |
787 | 788 |
788 /* TODO(nkostylev): Cleanup, security-info - old design, | 789 /* TODO(nkostylev): Cleanup, security-info - old design, |
789 security-tpm - new design. */ | 790 security-tpm - new design. */ |
790 #security-info { | 791 #security-info { |
791 bottom: 10px; | 792 bottom: 10px; |
(...skipping 529 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1321 width: 100%; | 1322 width: 100%; |
1322 } | 1323 } |
1323 | 1324 |
1324 .background-initial { | 1325 .background-initial { |
1325 opacity: 0; | 1326 opacity: 0; |
1326 } | 1327 } |
1327 | 1328 |
1328 .background-final { | 1329 .background-final { |
1329 opacity: 1; | 1330 opacity: 1; |
1330 } | 1331 } |
OLD | NEW |