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

chrome/browser/resources/plugins.css

Index: chrome/browser/resources/plugins.css
diff --git a/chrome/browser/resources/plugins.css b/chrome/browser/resources/plugins.css
index 398d5e7dd54d1ebbd148386c8548a0bf256d7341..1d0e65fc6b5d4908e8239b1ba72866c6c30a3ab7 100644
--- a/chrome/browser/resources/plugins.css
+++ b/chrome/browser/resources/plugins.css
@@ -1,5 +1,4 @@
-/*
- * Copyright (c) 2012 The Chromium Authors. All rights reserved.
+/* 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.

@@ -15,15 +14,15 @@ a {
 }
 
 div#header {
+  -webkit-padding-start: 0;
+  box-sizing: border-box;
   margin-bottom: 1.05em;
   /* 67px is the height of the header's background image. */
   min-height: 67px;
   overflow: hidden;
   padding-bottom: 20px;
-  -webkit-padding-start: 0;
   padding-top: 20px;
   position: relative;
-  box-sizing: border-box;
 }
 
 #header h1 {
@@ -37,20 +36,20 @@ div#header {
 
 html[dir=rtl] #header h1 {
   background: url('../../app/theme/extensions_section.png') right no-repeat;
-  padding-right: 95px;
   padding-left: 0;
+  padding-right: 95px;
 }
 
 h1 {
   font-size: 156%;
   font-weight: bold;
-  padding: 0;
   margin: 0;
+  padding: 0;
 }
 
 #disabled-container {
-  padding-bottom: 1.5em;
   font-size: 120%;
+  padding-bottom: 1.5em;
 }
 
 #disabled-header {
@@ -64,11 +63,11 @@ div.content {
 }
 
 .section-header {
-  background: #ebeff9;
-  border-top: 1px solid #b5c7de;
+  -webkit-padding-start: 5px;
+  background: rgb(235, 239, 249);
+  border-top: 1px solid rgb(181, 199, 222);
   font-size: 99%;
   padding-bottom: 2px;
-  -webkit-padding-start: 5px;
   padding-top: 3px;
   width: 100%;
 }
@@ -86,42 +85,42 @@ div.content {
 }
 
 .vbox-container {
-  display: -webkit-box;
   -webkit-box-orient: vertical;
+  display: -webkit-box;
 }
 
 .wbox {
-  display: -webkit-box;
   -webkit-box-align: stretch;
   -webkit-box-flex: 1;
+  display: -webkit-box;
 }
 
 #top {
   -webkit-padding-end: 5px;
 }
 
-.showInTmiMode {
+.show-in-tmi-mode {
   overflow: hidden;
 }
 
-body.hideTmiModeInitial .showInTmiMode {
+body.hide-tmi-mode-initial .show-in-tmi-mode {
   height: 0 !important;
   opacity: 0;
 }
 
-body.hideTmiMode .showInTmiMode {
+body.hide-tmi-mode .show-in-tmi-mode {
+  -webkit-transition: all 100ms ease-out;
   height: 0 !important;
   opacity: 0;
-  -webkit-transition: all 100ms ease-out;
 }
 
-body.showTmiModeInitial .showInTmiMode {
+body.show-tmi-mode-initial .show-in-tmi-mode {
   opacity: 1;
 }
 
-body.showTmiMode .showInTmiMode {
-  opacity: 1;
+body.show-tmi-mode .show-in-tmi-mode {
   -webkit-transition: all 100ms ease-in;
+  opacity: 1;
 }
 
 .wbox-tmi-mode {
@@ -145,11 +144,11 @@ body.showTmiMode .showInTmiMode {
 }
 
 .tmi-mode {
-  background: #f4f6fc;
-  border-bottom: 1px solid #edeff5;
+  -webkit-padding-start: 10px;
+  background: rgb(244, 246, 252);
+  border-bottom: 1px solid rgb(237, 239, 245);
   font-size: 89%;
   padding-bottom: 0.8em;
-  -webkit-padding-start: 10px;
   padding-top: 0.8em;
   width: 100%;
 }
@@ -169,13 +168,13 @@ body.showTmiMode .showInTmiMode {
 .plugin-file-disabled {
   background-color: #f0f0f0;
   color: #a0a0a0;
-  padding-top: 5px;
   padding-bottom: 5px;
+  padding-top: 5px;
 }
 
 .plugin-file-enabled {
-  padding-top: 5px;
   padding-bottom: 5px;
+  padding-top: 5px;
 }
 
 .plugin {
@@ -196,9 +195,9 @@ body.showTmiMode .showInTmiMode {
 }
 
 .no-plugins {
+  font-size: 1.2em;
   margin: 6em 0 0;
   text-align: center;
-  font-size: 1.2em;
 }
 
 /* Use tables for layout, so eliminate extra spacing. */
@@ -233,8 +232,8 @@ body.showTmiMode .showInTmiMode {
 
 /* Separate the header from the contents in each MIME Types table. */
 .plugin-details .mime-types .header td {
+  /* border-bottom: 1px solid; */
   padding-bottom: 0.1em;
-  border-bottom: 1px solid;
 }
 
 /* Separate the columns for tables used for horizontal listings only a bit. */
@@ -245,8 +244,8 @@ body.showTmiMode .showInTmiMode {
 /* Match the indentation of .plugin-text. */
 .plugin-actions {
   -webkit-padding-start: 5px;
-  margin-top: 0.2em;
   margin-bottom: 0.2em;
+  margin-top: 0.2em;
 }
 
 .always-allow {