[WebUI] Fix rest of CSS style nits in misc. dirs so I can turn on CSS checker.

chrome/browser/resources/keyboard/main.css

Index: chrome/browser/resources/keyboard/main.css
diff --git a/chrome/browser/resources/keyboard/main.css b/chrome/browser/resources/keyboard/main.css
index 0ec4f2d9daa80974d2a071ad9b459306b0fc7a98..e03478cb31c925fd089bdf3dde707572b31ff564 100644
--- a/chrome/browser/resources/keyboard/main.css
+++ b/chrome/browser/resources/keyboard/main.css
@@ -1,54 +1,52 @@
-/*
-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.
-*/
+/* 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. */
 
 body {
+  -webkit-user-select: none;
   background: -webkit-linear-gradient(#bababa, #868686) no-repeat;
   color: white;
   margin: 0;
   overflow: hidden;
   padding: 0;
-  -webkit-user-select: none;
 }
 
 div.main {
-  margin: 0 auto;
-  display: -webkit-box;
   -webkit-box-orient: vertical;
+  display: -webkit-box;
+  margin: 0 auto;
 }
 
 div.keyboard {
-  margin: 0 auto;
+  -webkit-box-flex: 1;
   display: -webkit-box;
+  margin: 0 auto;
   text-align: center;
-  -webkit-box-flex: 1;
 }
 
 div.rows {
+  -webkit-box-flex: 1;
+  -webkit-box-orient: vertical;
   display: -webkit-box;
   margin-bottom: 5px;
   text-align: center;
-  -webkit-box-orient: vertical;
-  -webkit-box-flex: 1;
 }
 
 div.row {
+  -webkit-box-flex: 1;
   display: -webkit-box;
-  margin-top: 5px;
   margin-right: 5px;
-  -webkit-box-flex: 1;
+  margin-top: 5px;
 }
 
 div.row > div {
-  display: -webkit-box;
   -webkit-box-flex: 1;
+  display: -webkit-box;
 }
 
 .handwritingcanvas {
-  border-radius: 4px;
   border: 1px solid gray;
+  border-radius: 4px;
   color: #dbdbdb;
   font-family: sans-serif;
   margin: 5px 0 0 5px;
@@ -75,29 +73,30 @@ div.row > div {
 .popup {
   background: rgba(50, 50, 50, 0.95);
   border: 1px solid rgba(50, 50, 50, 0.8);
+  border-radius: 4px;
+  box-shadow: 5px 5px 3px rgba(50, 50, 50, 0.3);
   padding-right: 5px;
   position: absolute;
-  -webkit-border-radius: 4px;
-  -webkit-box-shadow: 5px 5px 3px rgba(50, 50, 50, 0.3);
 }
 
 .button {
-  background: -webkit-linear-gradient(#5a616f, #505662);
+  background: -webkit-linear-gradient(rgb(90, 97, 111), rgb(80, 86, 98));
 }
 .button:active {
-  background: -webkit-linear-gradient(#505662, #5a616f);
+  background: -webkit-linear-gradient(rgb(80, 86, 98), rgb(90, 97, 111));
 }
 
 .auxiliary:active {
-  background: -webkit-linear-gradient(#5a616f, #505662);
+  background: -webkit-linear-gradient(rgb(90, 97, 111), rgb(80, 86, 98));
 }
 
 .key {
+  -webkit-box-flex: 1;
   background: -webkit-linear-gradient(#fff, #cacaca);
-  border-radius: 6px;
   /* Reserving equivalent space to .key:active so
      keys don't shift when selected. */
   border: 1px solid transparent;
+  border-radius: 6px;
   /* Do not use box shadow until performance improves
    * http://code.google.com/p/chromium/issues/detail?id=99045
   box-shadow: 0 1px 1px #000;
@@ -108,7 +107,6 @@ div.row > div {
   font-weight: 100;
   margin-left: 5px;
   position: relative;
-  -webkit-box-flex: 1;
 }
 
 .key > div {
@@ -143,13 +141,13 @@ div.row > div {
 
 div.moddown {
   background: -webkit-linear-gradient(#d6d6d6, #acacac);
-  border-color: #304a9b;
+  border-color: rgb(48, 74, 155);
 }
 
 .image-key {
-  background-size: contain;
-  background-repeat: no-repeat;
   background-position: center center;
+  background-repeat: no-repeat;
+  background-size: contain;
   height: 100%;
   width: 100%;
 }
@@ -158,32 +156,35 @@ div.moddown {
   height: 1.2em;
 }
 
-.backspace > div, .handwriting-backspace > div {
-  background-image: url("del.svg");
+.backspace > div,
+.handwriting-backspace > div {
+  background-image: url('del.svg');
 }
 
 .tab > div {
-  background-image: url("tab.svg");
+  background-image: url('tab.svg');
 }
 
-.return > div, .handwriting-return > div {
-  background-image: url("ret.svg");
+.return > div,
+.handwriting-return > div {
+  background-image: url('ret.svg');
 }
 
-.mic > div, .handwriting-mic > div {
-  background-image: url("mic.svg");
+.mic > div,
+.handwriting-mic > div {
+  background-image: url('mic.svg');
 }
 
 .shift > div.image-key {
-  background-image: url("shift.svg");
+  background-image: url('shift.svg');
 }
 
 .moddown.shift > div.image-key {
-  background-image: url("shift-down.svg");
+  background-image: url('shift-down.svg');
 }
 
 .hide > div {
-  background-image: url("keyboard.svg");
+  background-image: url('keyboard.svg');
 }
 
 .at,