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

chrome/browser/resources/keyboard/main.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.
-*/
+/* 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.
+ */

[Evan Stade, 2012/04/03 02:59:48]

:(

[Dan Beam, 2012/04/03 04:15:06]

Done.

 
 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 {
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
   margin: 0 auto;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
 }
 
 div.keyboard {
+  -webkit-box-flex: 1;
+  display: -webkit-box;
   margin: 0 auto;
-  display: -webkit-box;
   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-right: 5px;
   margin-top: 5px;
-  margin-right: 5px;
-  -webkit-box-flex: 1;
 }
 
 div.row > div {
+  -webkit-box-flex: 1;
   display: -webkit-box;
-  -webkit-box-flex: 1;
 }
 
 .handwritingcanvas {
+  border: 1px solid gray;
   border-radius: 4px;
-  border: 1px solid gray;
   color: #dbdbdb;
   font-family: sans-serif;
   margin: 5px 0 0 5px;
   text-align: center;
 }
 
 .ime {
   border: 1px solid gray;
   color: #dbdbdb;
   display: inline-block;
   font-family: sans-serif;
   margin: 0;
   text-align: center;
   white-space: nowrap;
 }
 
 .panel {
   border: 0;
   clear: both;
   margin-left: 5px;
   text-align: left;
 }
 
 .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;
   */
   color: #535353;
   display: -webkit-box;
   font-family: sans-serif;
   font-weight: 100;
   margin-left: 5px;
   position: relative;
-  -webkit-box-flex: 1;
 }
 
 .key > div {
   bottom: 0;
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   top: 0;
 }
@@ skipping 14 matching lines @@
   background: -webkit-linear-gradient(#d6d6d6, #acacac);
   border: 1px solid rgba(125,125,125,0.5);
   /* Do not use box shadow until performance improves
    * http://code.google.com/p/chromium/issues/detail?id=99045
   box-shadow: 0 0 15px #fff;
   */
 }
 
 div.moddown {
   background: -webkit-linear-gradient(#d6d6d6, #acacac);
-  border-color: #304a9b;
+  border-color: rgb(48, 74, 155);
 }
 
 .image-key {
+  background-position: center center;
+  background-repeat: no-repeat;
   background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center center;
   height: 100%;
   width: 100%;
 }
 
 .text-key {
   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,
 .com,
 .comma,
 .handwriting-backspace,
 .hide,
 .mic,
 .period,
 .return,
 .symbol {
   -webkit-box-flex: 1.3;
 }
 
 .backspace,
-.left_shift {
+.left-shift {
   -webkit-box-flex: 1.6;
 }
 
 .space {
   -webkit-box-flex: 4.8;
 }
 
 .handwriting-mic,
 .handwriting-space {
   -webkit-box-flex: 3.7;
 }
 
 .handwriting-clear,
 .handwriting-return {
   -webkit-box-flex: 5;
 }
 
 .nodisplay {
   display: none;
 }