[cros] WebUI OOBE polishing.

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

 /* Copyright (c) 2011 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.
  */
 
 html,
 body {
   height: 100%;
@@ skipping 150 matching lines @@
   margin: 10px 0 10px 0;
   display: -webkit-box;
   -webkit-box-align: start;
 }
 
 .menu-area {
   margin: 5px 5px 5px 5px;
 }
 
 .menu-control {
+  font-family: inherit;
+  line-height: 20px;
   width: 250px;
 }
 
 .label {
   margin: 5px 5px 5px 0;
   padding: 5px 5px 5px 0;
   width: 170px;
 }
 
 #connect {
@@ skipping 29 matching lines @@
 #user-image-preview {
   border-radius: 4px;
   float: right;
   height: 250px;
   margin: 4px;
   width: 250px;
 }
 
 #footer button {
   display: none;
-  height: 29px;
+  font-family: inherit;
+  height: 28px;
 }
 
 #oobe.connect #continue-button,
 #oobe.eula #back-button,
 #oobe.eula #accept-button,
 #oobe.signin #signin-button,
 #oobe.user-image #ok-button,
 #oobe.oauth-enrollment #oauth-enroll-cancel-button,
 #oobe.oauth-enrollment #oauth-enroll-done-button {
   display: inline-block;
 }
 
 #oobe.connect #connect-dot,
 #oobe.eula #eula-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: 0.4;
 }
 
+#account-picker-dot,
 #enrollment-dot,
-#oauth-enrollment-dot {
+#oauth-enrollment-dot,
+#update-dot {
   display: none;
 }
 
 #connect table {
   margin: 7em auto;
 }
 
 #security-info {
   bottom: 10px;
   position: absolute;
@@ skipping 106 matching lines @@
 }
 
 [hidden] {
   display: none !important;
 }
 
 #popup-overlay {
   -webkit-box-align: center;
   -webkit-box-pack: center;
   -webkit-transition: 0.25s opacity;
-  background: #fff;
+  background: rgba(255, 255, 255, .75);
   bottom: 0;
   display: -webkit-box;
   left: 0;
-  opacity: 0.75;
   padding-bottom: 130px;
   padding: 20px;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 5;
 }
 
 #enroll-login-screen {
   display: -webkit-box;
@@ skipping 260 matching lines @@
   -webkit-user-select: none;
   -webkit-box-align: start;
   background-image: url('../../shared/images/select.png'),
                     -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
   background-position: center right;
   background-repeat: no-repeat;
   border: 1px solid #aaa;
   color: #555;
   display: -webkit-box;
   font-size: inherit;
-  height: 20px;
+  height: 22px;
   margin: 0;
   overflow: hidden;
-  padding-top: 1px;
-  padding-bottom: 1px;
+  padding-top: 2px;
+  padding-bottom: 2px;
   text-overflow: ellipsis;
-  text-align: left;  
+  text-align: left;
   text-indent: 4px;
   white-space: nowrap;
   z-index: 10;
 }
 
 .dropdown-title:hover {
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   background-image: url('../../shared/images/select.png'),
                     -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
-  color: #333;  
+  color: #333;
   background-position: center right;
   background-repeat: no-repeat;
 }
 
 .dropdown-title img {
-  height: 20px;
   maring-top: -1px;
 }
 
 .dropdown-title div {
   margin-top: 1px;
 }
 
 .dropdown-container {
   background: #f7f7f7;
   border: 1px solid #7c91bf;
@@ skipping 73 matching lines @@
 }
 
 .dropdown-overlay {
   bottom: 0;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 5;
 }