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

chrome/browser/resources/chromeos/login/user_pod_row.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 user pods row of account picker UI.
  */
 
 podrow {
   -webkit-box-align: center;
   -webkit-box-pack: center;
   -webkit-transition: all 200ms ease-in-out;
   display: -webkit-box;
   height: 225px;
   position: relative;
 }
 
 .pod {
   -webkit-transition: all 230ms ease;
   border-radius: 2px;
   cursor: pointer;
   margin: 0 10px;
   outline: none;
   padding: 10px;
   position: relative;
   text-align: center;
   width: 170px;
 }
 
 .pod .user-image {
-  -webkit-box-shadow: 0 3px 12px #ccc;
   -webkit-transition: all 140ms ease;
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 2px;
+  box-shadow: 0 3px 12px #ccc;
   height: 160px;
   margin-bottom: 10px;
   padding: 4px;
   width: 160px;
 }
 
 .pod.focused {
   cursor: default;
 }
 
 .pod.faded {
   opacity: .75;
 }
 
 .pod.focused .user-image {
-  -webkit-box-shadow: 0 6px 16px #a4a4a4;
   -webkit-transform: translateY(-1px);
+  box-shadow: 0 6px 16px #a4a4a4;
 }
 
 .pod.init {
+  -webkit-transform: scale(2.4);
   opacity: 0;
-  -webkit-transform: scale(2.4);
 }
 
 .pod.left {
   -webkit-transform: translateX(-25px);
   opacity: 0;
 }
 
 .pod.right {
   -webkit-transform: translateX(25px);
   opacity: 0;
 }
 
 .pod.zoom {
   -webkit-transform: scale(2.2);
   opacity: 0;
 }
 
 .name {
   -webkit-transition: opacity 800ms ease;
   color: #565656;
+  font-size: 15px;
   font-weight: bold;
-  font-size: 15px;
   margin: 4px 0;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .name.init {
   opacity: 0;
 }
 
 .pod.focused .name {
   display: none;
 }
 
 .pod input[type='password'] {
   -webkit-border-radius: 2px;
-  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1), 
-                      0 1px 0 white,
-                      0 0 1px transparent,
-                      0 0 1px transparent,
-                      0 0 1px transparent;
-  -webkit-transition: -webkit-box-shadow 100ms, background 100ms, border 500ms;  
+  -webkit-transition: box-shadow 100ms, background 100ms, border 500ms;
   border: 1px solid #aaa;
+  box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1),
+              0 1px 0 white,
+              0 0 1px transparent,
+              0 0 1px transparent,
+              0 0 1px transparent;
   box-sizing: border-box;
   height: 26px;
   padding: 4px 6px; 
   width: 100%;
 }
 
 .pod:not(.focused) input[type='password'] {
   display: none;
 }
 
 .pod input[type='password']:focus {
-  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15),
-                      0 1px 0 transparent,
-                      0 0 1px #c0c0c0,
-                      0 0 1px #c0c0c0,
-                      0 0 1px #c0c0c0;
-  -webkit-transition: -webkit-box-shadow 200ms, background 200ms, border 200ms;
+  -webkit-transition: box-shadow 200ms, background 200ms, border 200ms;
   background: #f8f8f8;
-  border-color: #4080fa;
+  border-color: rgb(64, 128, 250);
+  box-shadow: inset 0 2px 2px rgba(0, 0, 0, .15),
+              0 1px 0 transparent,
+              0 0 1px #c0c0c0,
+              0 0 1px #c0c0c0,
+              0 0 1px #c0c0c0;
   outline: none;
 }
 
 .pod .enter-guest-button,
 .pod .signin-button {
   box-sizing: border-box;
   display: inline-block;
   height: 26px;
+  max-width: 100%;
+  min-width: 94px;
   padding: 4px 8px;
-  min-width: 94px;
-  max-width: 100%;
 }
 
 .pod:not(.focused) .enter-guest-button,
 .pod:not(.focused) .signin-button {
   display: none;
 }
 
 /* TODO(ivankr): this element is anchored to .pod while should be to
  * .password. Perhaps add a DIV container for both .password and .password-hint.
  */
@@ skipping 17 matching lines @@
 .pod.focused input[type='password']:not([hidden]).empty + .password-hint {
   visibility: visible;
 }
 
 .pod .capslock-hint {
   cursor: text;
   padding: 4px 8px;
   position: absolute;
   right: 10px;
   top: 194px;
+  visibility: hidden;
   z-index: 1;
-  visibility: hidden;
 }
 
 html[dir=rtl] .pod .capslock-hint {
   left: 10px;
   right: auto;
 }
 
 .capslock-on .pod.focused input[type='password']:not([hidden]) ~ .capslock-hint {
   visibility: visible;
 }
 
 .remove-user-button {
   -webkit-transition: width 100ms ease-in-out, background 200ms ease-in-out;
-  -webkit-box-shadow: none;
   background: url('../../../../../ui/resources/close_bar.png') center center no-repeat;
   border: 0;
+  box-shadow: none;
   height: 16px;
   margin: 0;
   min-width: 16px;
   padding: 0;
   position: absolute;
   right: 14px;
   top: 14px;
   width: 16px;
 }
 
 .remove-user-button:hover {
-  -webkit-box-shadow: none;
   background: url('../../../../../ui/resources/close_bar_h.png') center center no-repeat;
+  box-shadow: none;
 }
 
 .remove-user-button.active {
-  background-color: #e94949;
+  background-color: rgb(233, 73, 73);
   background-image: none;
   border-radius: 4px;
   color: white;
   font-size: 10px;
   height: initial;
   padding: 2px 4px;
   width: initial;
 }
 
 .signed-in-indicator {
   -webkit-transition: all 140ms ease;
   background: rgba(0, 0, 0, 0.5);
   color: white;
   font-size: small;
   margin: 5px;
   padding: 3px 0;
   position: absolute;
   /* Width of .user-image. */
   width: 160px;
   z-index: 1;
 }
 
 .pod.focused .signed-in-indicator {
   /* Track shifting of .user-image on pod focus. */
   -webkit-transform: translateY(-1px);
 }