[WebUI] Fix all CSS nits in chrome/browser/resources/chromeos.

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 30 matching lines @@
 
 #inner-container {
   height: 294px;
   padding: 20px;
   position: relative;
   width: 640px;
 }
 
 #security-info a,
 #eula a {
-  color: #006668;
+  color: rgb(0, 102, 104);
   text-decoration: none;
 }
 
 #eula #stats-help-link {
-  color: #316ac5;
+  color: rgb(49, 106, 197);
 }
 
 hr.shadow {
   -webkit-mask: -webkit-linear-gradient(left, rgba(0,0,0,0),
                                         black 50%, rgba(0,0,0,0));
   border: none;
   opacity: 0.3
 }
 
 hr.top {
@@ skipping 37 matching lines @@
 
 #header-sections {
   display: inline-block;
   height: 30px;
   position: relative;
 }
 
 .header-section:before {
   /* Divider in header between product name and title,
      like "[Product name] > [step header]"  */
-  content: "\00A0\203A\00A0\00A0";
+  content: '\00A0\203A\00A0\00A0';
 }
 
 .header-section {
   -webkit-transition: left 200ms, opacity 200ms ease-in-out;
   position: absolute;
   text-transform: lowercase;
   width: 20em;
 }
 
 html[dir=rtl] .header-section {
@@ skipping 76 matching lines @@
   height: 8px;
   opacity: 0.1;
   width: 8px;
 }
 
 .progdot-active {
   opacity: 0.5;
 }
 
 .control-with-label {
-  margin: 10px 0 10px 0;
+  -webkit-box-align: start;
   display: -webkit-box;
-  -webkit-box-align: start;
+  margin: 10px 0;
 }
 
 .menu-area {
-  margin: 5px 5px 5px 5px;
+  margin: 5px;
 }
 
 .menu-control {
   font-family: inherit;
   line-height: 20px;
   position: relative;
   width: 250px;
 }
 
 .label {
@@ skipping 40 matching lines @@
 }
 
 #user-image-grid img {
   background-color: white;
   height: 50px;
   vertical-align: middle;
   width: 50px;
 }
 
 #user-image-grid [role=listitem] {
+  border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
   display: inline-block;
   margin: 4px;
   padding: 3px;
 }
 
 #user-image-grid [selected] {
   border: 2px solid rgb(0, 102, 204);
   padding: 2px;
 }
 
@@ skipping 10 matching lines @@
   top: 3px;
   visibility: hidden;
   width: 50px;
 }
 
 .profile-image-loading #profile-image .spinner-bg {
   visibility: visible;
 }
 
 #profile-image .spinner {
+  left: 14px;
   position: absolute;
-  left: 14px;
   top: 14px;
 }
 
 #user-image-preview {
   border-radius: 4px;
   float: right;
   margin: 4px;
   max-width: 220px;
 }
 
 html[dir=rtl] #user-image-preview {
   float: left;
 }
 
 #user-image-preview-img {
   max-height: 220px;
   max-width: 220px;
 }
 
 .default-image #user-image-preview-img {
+  background: white;
   border: solid 1px #cacaca;
-  background: white;
 }
 
 #user-image-preview-caption {
   color: dimGray;
   font-size: smaller;
   margin: 8px 4px;
 }
 
 #footer {
   height: 28px;  /* Same as button height */
@@ skipping 64 matching lines @@
 #oobe.eula + #security-info {
   visibility: visible;
 }
 
 #update div {
   margin: 6em auto;
   width: 32em;
 }
 
 #update #update-cancel-hint {
-  color: #a00;
+  color: rgb(170, 0, 0);
   left: 50%;
   margin: 1em -16em;
   position: absolute;
 }
 
 #update progress {
   margin: 13px 0;
   width: 380px;
 }
 
@@ skipping 29 matching lines @@
 
 #eulas.one-column #cros-eula-frame {
   width: 100%;
 }
 
 #eulas.one-column #oem-eula {
   display: none;
 }
 
 #security-info-popup {
-  -webkit-box-shadow: 0 5px 80px #505050;
   background: white;
+  border: 1px solid rgb(188, 193, 208);
   border-radius: 2px;
-  border: 1px solid rgb(188, 193, 208);
+  box-shadow: 0 5px 80px #505050;
   min-height: 250px;
   position: relative;
   width: 460px;
   z-index: 10;
 }
 
 #security-info-popup h1 {
   -webkit-padding-end: 24px;
   -webkit-user-select: none;
   background: -webkit-linear-gradient(white, #F8F8F8);
-  color: #53637d;
+  color: rgb(83, 99, 125);
   font-size: 105%;
   font-weight: bold;
   margin: 0;
   padding: 10px 15px 8px 15px;
   text-shadow: white 0 1px 2px;
 }
 
 .popup-content-area {
   padding: 0 20px 60px 20px;
 }
@@ skipping 18 matching lines @@
 }
 
 #popup-overlay {
   -webkit-box-align: center;
   -webkit-box-pack: center;
   -webkit-transition: 250ms opacity;
   background: rgba(255, 255, 255, .75);
   bottom: 0;
   display: -webkit-box;
   left: 0;
-  padding-bottom: 130px;
-  padding: 20px;
+  padding: 20px 20px 130px;

[Dan Beam, 2012/03/29 07:03:30]

whoops...

   position: fixed;
   right: 0;
   top: 0;
   z-index: 5;
 }
 
 #enroll-login-screen {
   display: -webkit-box;
   width: 630px;
 }
@@ skipping 226 matching lines @@
 }
 
 #notification-area a {
   color: rgb(37, 79, 155);
 }
 
 #notification-area .butter-bar {
   margin: 0 auto;
   max-width: 850px;
 }