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

chrome/browser/resources/plugins.js

 // 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 variable structure is here to document the structure that the template
  * expects to correctly populate the page.
  */
 var pluginDataFormat = {
   'plugins': [
@@ skipping 85 matching lines @@
 }
 
 function loadShowDetailsFromPrefs(show_details) {
   tmiModeExpanded = show_details;
   document.getElementById('collapse').style.display =
       show_details ? 'inline' : 'none';
   document.getElementById('expand').style.display =
       show_details ? 'none' : 'inline';
 
   document.body.className =
-      show_details ? 'showTmiMode' : 'hideTmiMode';
+      show_details ? 'show-tmi-mode' : 'hide-tmi-mode';
 }
 
 /**
  * Called by the web_ui_ to re-populate the page with data representing the
  * current state of installed plugins.
  */
 function returnPluginsData(pluginsData){
   var bodyContainer = document.getElementById('body-container');
   var body = document.body;
 
   // 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';
 
   renderTemplate(pluginsData);
 
   // Add handlers to dynamically created HTML elements.
   var links = document.getElementsByClassName('disable-plugin-link');
   for (var i = 0; i < links.length; i++) {
     links[i].onclick = function () {
       handleEnablePlugin(this, false, false);
@@ skipping 34 matching lines @@
   var maxLabelWidth = 0;
   for (var i = 0; i < labels.length; i++)
     labels[i].style.width = 'auto';
   for (var i = 0; i < labels.length; i++)
     maxLabelWidth = Math.max(maxLabelWidth, labels[i].offsetWidth);
   for (var i = 0; i < labels.length; i++)
     labels[i].style.width = maxLabelWidth + 'px';
 
   // 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';
 
   // Reset visibility of page based on the current tmi mode.
   document.getElementById('collapse').style.display =
      tmiModeExpanded ? 'inline' : 'none';
   document.getElementById('expand').style.display =
      tmiModeExpanded ? 'none' : 'inline';
   bodyContainer.style.visibility = 'visible';
   body.className = tmiModeExpanded ?
-     'showTmiModeInitial' : 'hideTmiModeInitial';
+     'show-tmi-mode-initial' : 'hide-tmi-mode-initial';
 }
 
 /**
  * Handles a 'enable' or 'disable' button getting clicked.
  */
 function handleEnablePlugin(node, enable, isGroup) {
   // Tell the C++ PluginsDOMHandler to enable/disable the plugin.
   chrome.send('enablePlugin', [String(node.path), String(enable),
               String(isGroup)]);
 }
 
 // Keeps track of whether details have been made visible (expanded) or not.
 var tmiModeExpanded = false;

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

this is awesome if tmi == too much info

 
 /*
  * Toggles visibility of details.
  */
 function toggleTmiMode() {
   tmiModeExpanded = !tmiModeExpanded;
 
   document.getElementById('collapse').style.display =
       tmiModeExpanded ? 'inline' : 'none';
   document.getElementById('expand').style.display =
       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)]);
 }
 
 function handleSetPluginAlwaysAllowed(el) {
   chrome.send('setPluginAlwaysAllowed', [el.identifier, el.checked]);
 }
 
 /**
  * Determines whether a plugin's version should be displayed.
@@ skipping 28 matching lines @@
 setInterval(requestPluginsData, 30000);
 
 // Get data and have it displayed upon loading.
 document.addEventListener('DOMContentLoaded', requestPluginsData);
 
 // Add handlers to static HTML elements.
 document.getElementById('collapse').onclick = toggleTmiMode;
 document.getElementById('expand').onclick = toggleTmiMode;
 document.getElementById('details-link').onclick = toggleTmiMode;