New OOBE design: minor content update

chrome/browser/resources/chromeos/login/oobe.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  *
  * This is the stylesheet used by the Out of the box experience (OOBE) flow,
  * sign in and lock screens.
  */
 
 html,
 body {
@@ skipping 210 matching lines @@
 
 html[dir=ltr] .step-logo {
   left: 17px;
 }
 
 html[dir=rtl] .step-logo {
   right: 17px;
 }
 
 html[oobe=new] #connect .step-contents {
-  /* TODO(nkostylev): Update after content layout changes. */
   -webkit-margin-after: 82px;
-  -webkit-margin-before: 82px;
+  -webkit-margin-before: 33px;
   -webkit-margin-start: 145px;
 }
 
 html[oobe=new] #eula .step-contents {
   -webkit-margin-after: 30px;
   -webkit-margin-start: 32px;
 }
 
 html[oobe=new] #gaia-signin .step-contents {
   -webkit-box-pack: center;
@@ skipping 131 matching lines @@
   -webkit-box-align: start;
   display: -webkit-box;
   margin: 10px 0;
 }
 
 .menu-area {
   margin: 5px;
 }
 
 .menu-control {
+  color: #444;
   font-family: inherit;
   line-height: 20px;
   position: relative;
   width: 250px;
 }
 
 .label,
 .flexible-label {
   display: block;
   margin: 5px 5px 5px 0;
@@ skipping 336 matching lines @@
   opacity: 1;
 }
 
 #account-picker-dot,
 #enrollment-dot,
 #oauth-enrollment-dot,
 #update-dot {
   display: none;
 }
 
+#welcome-message {
+  color: #444;
+  font-size: 16px;
+  margin-bottom: 30px;
+  width: 435px;
+}
+
 #connect table {
   margin: 7em auto;
 }
 
 /* TODO(nkostylev): Cleanup, security-info - old design,
    security-tpm - new design. */
 #security-info {
   bottom: 10px;
   left: 0;
   position: absolute;
@@ skipping 33 matching lines @@
 
 html[dir=ltr] #security-tpm {
   left: 49px;
 }
 
 html[dir=rtl] #security-tpm {
   right: 49px;
 }
 
 html[oobe=old] #update div,
-#update #update-screen-curtain {
+html[oobe=old] #update #update-screen-curtain {

[Ivan Korotkov, 2012/08/10 20:32:52]

Isn't it a DIV already? Do we need both rules?

[Nikita (slow), 2012/08/10 20:47:24]

Done.

   width: 32em;
 }
 
 html[oobe=old] #update div {
   margin: 6em auto;
 }
 
 #update-screen-curtain p {
   text-align: center;
 }
 
 #update #update-screen-curtain {
   -webkit-box-align: start;
   -webkit-box-pack: center;
+}
+
+#update #update-checking-progress {
+  -webkit-box-align: start;
+  -webkit-box-pack: center;
+  color: #9c9c9c;
   display: -webkit-box;
 }
 
+
 html[oobe=old] #update #update-screen-curtain {
   margin: 9em auto;
 }
 
 html[oobe=new] #update #update-screen-curtain {
-  margin: 120px auto;
+  margin: 87px 90px;
 }
 
 html[oobe=new] #update-screen-main {
-  /* TODO(nkostylev): Update after strings are updated. */
-  margin: 85px auto;
+  margin: 85px 45px;
   min-height: 114px;
-  width: 448px;
+  text-align: center;
 }
 
 #update #update-checking-ellipsis {
   width: 16px;
 }
 
 html[dir=ltr] #update #update-checking-ellipsis {
   text-align: left;
 }
 
@@ skipping 19 matching lines @@
 }
 
 html[oobe=new][dir=rtl] #update #update-cancel-hint {
   right: 137px;
 }
 
 #update #update-upper-label {
   -webkit-margin-after: 4px;
 }
 
+#update #checking-updates-label {
+  -webkit-margin-after: 34px;
+}
+
 #update #update-bottom-label {
   -webkit-margin-after: 4px;
   -webkit-margin-before: 4px;
+  text-align: left;
+}
+
+html[oobe=old] #update progress {
+  -webkit-margin-start: 74px;
 }
 
 #update progress {
   -webkit-margin-after: 4px;
   -webkit-margin-before: 34px;
-  -webkit-margin-start: 74px;
   height: 15px;
   width: 300px;
 }
 
 #update #update-estimated-time-left {
   -webkit-margin-before: 4px;
 }
 
 #update #update-estimated-time-left {
-  color: #666;
+  color: #a3a3a3;
   font-size: 13px;
   text-align: center;
 }
 
 .eula-columns {
   display: -webkit-box;
   width: 630px;
 }
 
 .eula-frame {
@@ skipping 379 matching lines @@
   width: 100%;
 }
 
 .background-initial {
   opacity: 0;
 }
 
 .background-final {
   opacity: 1;
 }