Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(195)

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe.css

Issue 10827224: OOBE polishing. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: revert Created 8 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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
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
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
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 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698