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 222 matching lines @@
   display: none;
 }
 
 #step-logo {
   -webkit-margin-start: 17px;
   position: absolute;
   top: 15px;
 }
 
 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 109 matching lines @@
 }
 
 html[oobe=new] #progress-dots {
   -webkit-box-pack: center;
   -webkit-margin-before: 15px;
   display: -webkit-box;
 }
 
 .progdot {
   -webkit-margin-end: 12px;
-  background: black;
   opacity: 0.4;
 }
 
 html[oobe=old] .progdot {
+  background: black;
   border-radius: 2px;
   height: 8px;
   width: 8px;
 }
 
 html[oobe=new] .progdot {
   background: white;
   height: 10px;
   width: 10px;
 }
 
 .progdot-active {
   opacity: 0.5;
 }
 
 .control-with-label {
   -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 325 matching lines @@
 #oobe.user-image #ok-button,
 #oobe.oauth-enrollment #oauth-enroll-cancel-button,
 #oobe.oauth-enrollment #oauth-enroll-try-again-button,
 #oobe.oauth-enrollment #oauth-enroll-explain-button,
 #oobe.oauth-enrollment #oauth-enroll-done-button {
   display: block;
 }
 
 #oobe.connect #connect-dot,
 #oobe.eula #eula-dot,
+#oobe.update #update-dot,
 #oobe.signin #signin-dot,
 #oobe.gaia-signin #gaia-signin-dot,
 #oobe.enrollment #signin-dot,
 #oobe.enrollment #gaia-signin-dot,
 #oobe.oauth-enrollment #signin-dot,
 #oobe.oauth-enrollment #gaia-signin-dot,
 #oobe.user-image #user-image-dot {
   opacity: 1;
 }
 
 #account-picker-dot,
 #enrollment-dot,
-#oauth-enrollment-dot,
-#update-dot {
+#oauth-enrollment-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 32 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 div {
   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 45px;
 }
 
 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;
 }