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

chrome/browser/resources/plugins.js

Index: chrome/browser/resources/plugins.js
diff --git a/chrome/browser/resources/plugins.js b/chrome/browser/resources/plugins.js
index 77ec1aebd8571b0360e663816d62c7e676068739..7bc1bf4bb55a2bcb0d91c1565f21b24478c50b56 100644
--- a/chrome/browser/resources/plugins.js
+++ b/chrome/browser/resources/plugins.js
@@ -103,7 +103,7 @@ function loadShowDetailsFromPrefs(show_details) {
       show_details ? 'none' : 'inline';
 
   document.body.className =
-      show_details ? 'showTmiMode' : 'hideTmiMode';
+      show_details ? 'show-tmi-mode' : 'hide-tmi-mode';
 }
 
 /**
@@ -117,7 +117,7 @@ function returnPluginsData(pluginsData){
   // Set all page content to be visible so we can measure heights.
   bodyContainer.style.visibility = 'hidden';
   body.className = '';
-  var slidables = document.getElementsByClassName('showInTmiMode');
+  var slidables = document.getElementsByClassName('show-in-tmi-mode');
   for (var i = 0; i < slidables.length; i++)
     slidables[i].style.height = 'auto';
 
@@ -172,7 +172,7 @@ function returnPluginsData(pluginsData){
 
   // Explicitly set the height for each element that wants to be "slid" in and
   // out when the tmiModeExpanded is toggled.
-  var slidables = document.getElementsByClassName('showInTmiMode');
+  var slidables = document.getElementsByClassName('show-in-tmi-mode');
   for (var i = 0; i < slidables.length; i++)
     slidables[i].style.height = slidables[i].offsetHeight + 'px';
 
@@ -183,7 +183,7 @@ function returnPluginsData(pluginsData){
      tmiModeExpanded ? 'none' : 'inline';
   bodyContainer.style.visibility = 'visible';
   body.className = tmiModeExpanded ?
-     'showTmiModeInitial' : 'hideTmiModeInitial';
+     'show-tmi-mode-initial' : 'hide-tmi-mode-initial';
 }
 
 /**
@@ -210,7 +210,7 @@ function toggleTmiMode() {
       tmiModeExpanded ? 'none' : 'inline';
 
   document.body.className =
-      tmiModeExpanded ? 'showTmiMode' : 'hideTmiMode';
+      tmiModeExpanded ? 'show-tmi-mode' : 'hide-tmi-mode';

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

my hawk vision tells me this fits on one line

really I think that in JS we should just be toggling a class somewhere and leave
the rest to CSS but please refrain from making a functional change like that in
this CL.

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

Done.

 
   chrome.send('saveShowDetailsToPrefs', [String(tmiModeExpanded)]);
 }