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 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
54 -webkit-transition: border-color 200ms; | 54 -webkit-transition: border-color 200ms; |
55 border: 1px solid transparent; | 55 border: 1px solid transparent; |
56 /* Don't grey out disabled buttons. */ | 56 /* Don't grey out disabled buttons. */ |
57 color: buttontext !important; | 57 color: buttontext !important; |
58 } | 58 } |
59 | 59 |
60 button.custom-appearance:focus { | 60 button.custom-appearance:focus { |
61 border-color: rgb(77, 144, 254); | 61 border-color: rgb(77, 144, 254); |
62 } | 62 } |
63 | 63 |
| 64 button:not(.custom-appearance) { |
| 65 min-width: 72px !important; |
| 66 } |
| 67 |
| 68 #back-button { |
| 69 -webkit-margin-end: 8px; |
| 70 } |
| 71 |
64 #outer-container { | 72 #outer-container { |
65 -webkit-box-align: center; | 73 -webkit-box-align: center; |
66 -webkit-box-pack: center; | 74 -webkit-box-pack: center; |
67 bottom: 41px; /* Leave space for the header bar */ | 75 bottom: 41px; /* Leave space for the header bar */ |
68 display: -webkit-box; | 76 display: -webkit-box; |
69 left: 0; | 77 left: 0; |
70 position: absolute; | 78 position: absolute; |
71 right: 0; | 79 right: 0; |
72 top: 0; | 80 top: 0; |
73 } | 81 } |
(...skipping 263 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
337 | 345 |
338 html[oobe=new] #progress-dots { | 346 html[oobe=new] #progress-dots { |
339 -webkit-box-pack: center; | 347 -webkit-box-pack: center; |
340 -webkit-margin-before: 15px; | 348 -webkit-margin-before: 15px; |
341 display: -webkit-box; | 349 display: -webkit-box; |
342 } | 350 } |
343 | 351 |
344 .progdot { | 352 .progdot { |
345 -webkit-margin-end: 12px; | 353 -webkit-margin-end: 12px; |
346 background: black; | 354 background: black; |
347 opacity: 0.1; | 355 opacity: 0.4; |
348 } | 356 } |
349 | 357 |
350 html[oobe=old] .progdot { | 358 html[oobe=old] .progdot { |
351 border-radius: 2px; | 359 border-radius: 2px; |
352 height: 8px; | 360 height: 8px; |
353 width: 8px; | 361 width: 8px; |
354 } | 362 } |
355 | 363 |
356 html[oobe=new] .progdot { | 364 html[oobe=new] .progdot { |
| 365 background: white; |
357 height: 10px; | 366 height: 10px; |
358 width: 10px; | 367 width: 10px; |
359 } | 368 } |
360 | 369 |
361 .progdot-active { | 370 .progdot-active { |
362 opacity: 0.5; | 371 opacity: 0.5; |
363 } | 372 } |
364 | 373 |
365 .control-with-label { | 374 .control-with-label { |
366 -webkit-box-align: start; | 375 -webkit-box-align: start; |
(...skipping 345 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
712 | 721 |
713 #oobe.connect #connect-dot, | 722 #oobe.connect #connect-dot, |
714 #oobe.eula #eula-dot, | 723 #oobe.eula #eula-dot, |
715 #oobe.signin #signin-dot, | 724 #oobe.signin #signin-dot, |
716 #oobe.gaia-signin #gaia-signin-dot, | 725 #oobe.gaia-signin #gaia-signin-dot, |
717 #oobe.enrollment #signin-dot, | 726 #oobe.enrollment #signin-dot, |
718 #oobe.enrollment #gaia-signin-dot, | 727 #oobe.enrollment #gaia-signin-dot, |
719 #oobe.oauth-enrollment #signin-dot, | 728 #oobe.oauth-enrollment #signin-dot, |
720 #oobe.oauth-enrollment #gaia-signin-dot, | 729 #oobe.oauth-enrollment #gaia-signin-dot, |
721 #oobe.user-image #user-image-dot { | 730 #oobe.user-image #user-image-dot { |
722 opacity: 0.4; | 731 opacity: 1; |
723 } | 732 } |
724 | 733 |
725 #account-picker-dot, | 734 #account-picker-dot, |
726 #enrollment-dot, | 735 #enrollment-dot, |
727 #oauth-enrollment-dot, | 736 #oauth-enrollment-dot, |
728 #update-dot { | 737 #update-dot { |
729 display: none; | 738 display: none; |
730 } | 739 } |
731 | 740 |
732 #connect table { | 741 #connect table { |
(...skipping 135 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
868 #update #update-estimated-time-left { | 877 #update #update-estimated-time-left { |
869 -webkit-margin-before: 4px; | 878 -webkit-margin-before: 4px; |
870 } | 879 } |
871 | 880 |
872 #update #update-estimated-time-left { | 881 #update #update-estimated-time-left { |
873 color: #666; | 882 color: #666; |
874 font-size: 13px; | 883 font-size: 13px; |
875 text-align: center; | 884 text-align: center; |
876 } | 885 } |
877 | 886 |
878 button:not(.custom-appearance) { | |
879 min-width: 80px; | |
880 } | |
881 | |
882 .eula-columns { | 887 .eula-columns { |
883 display: -webkit-box; | 888 display: -webkit-box; |
884 width: 630px; | 889 width: 630px; |
885 } | 890 } |
886 | 891 |
887 .eula-frame { | 892 .eula-frame { |
888 border: none; | 893 border: none; |
889 height: 200px; | 894 height: 200px; |
890 padding: 0 0 0 5px; | 895 padding: 0 0 0 5px; |
891 width: 313px; | 896 width: 313px; |
(...skipping 375 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1267 width: 100%; | 1272 width: 100%; |
1268 } | 1273 } |
1269 | 1274 |
1270 .background-initial { | 1275 .background-initial { |
1271 opacity: 0; | 1276 opacity: 0; |
1272 } | 1277 } |
1273 | 1278 |
1274 .background-final { | 1279 .background-final { |
1275 opacity: 1; | 1280 opacity: 1; |
1276 } | 1281 } |
OLD | NEW |