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

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

Issue 10830332: [cros] Remove vertical clipping in OOBE step container. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Revert #2 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
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 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
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
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
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
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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/chromeos/login/login.html ('k') | chrome/browser/resources/chromeos/login/oobe.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698