Cleanup some classnames to match style.

chrome/browser/resources/net_internals/main.css

 /*

[mmenke, 2012/02/28 22:15:02]

Should we be putting a second asterisk on these?

[eroman, 2012/02/28 22:28:32]

We have some inconsistencies. I'll do another pass and try to match them all.
For this CL will leave as-is (I just need to add the spaces so liscence
pre-submit doesn't barf).

-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) 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.
+ */
 
 /* Only common styles should be declared here. */
 
 * {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
 }
 body {
   font-family: sans-serif;
 }
 
 /* This class is used to create the splitter widget in
    ResizbleVerticalSplitView */
 .vertical-splitter {
   background: #bfbfbf;
   border-left: 1px inset black;
   border-right: 1px solid black;
   position: absolute;
   width: 8px;
   cursor: col-resize;
   user-select: none;
 }
 
-.logSourceEntry {
+.log-source-entry {
   margin: 5px;
 }
 
-.logSourceEntry * p {
+.log-source-entry * p {
   font-weight: bold;
   font-size: 12px;
 }
 
-.logSourceEntry * td {
+.log-source-entry * td {
   font-size: 10px;
 }
 
-/* TODO(eroman): make this a classname instead */
-#events-view-details-log-box,
-#events-view-details-timeline-box,
-#http-cache-view-tab-content,
-#proxy-view-tab-content,
-#capture-view-tab-content,
-#import-view-tab-content,
-#export-view-tab-content,
-#dns-view-tab-content,
-#sockets-view-tab-content,
-#spdy-view-tab-content,
-#service-providers-view-tab-content,
-#test-view-tab-content,
-#hsts-view-tab-content,
-#http-throttling-view-tab-content,
-#logs-view-tab-content,
-#prerender-view-tab-content,
-#http-pipeline-view-tab-content,
-#chromeos-view-tab-content {
+/* This class should be given to top-level content boxes (like the view's main
+ * DIV). It gives them a consistent margin, and makes them scrollable. */

[mmenke, 2012/02/28 22:15:02]

nit:  Should make this consistent with the other comments:

/*
 * Blah
 */

[eroman, 2012/02/28 22:28:32]

Done.

However we use both styles in this file.

+.content-box {

[mmenke, 2012/02/28 22:15:02]

Much better.

   overflow: auto;
   padding: 10px;
 }
 
 /*
  * Styles for TABLE that uses a thin collapsed border.
  */
-table.styledTable {
+table.styled-table {
   border-collapse: collapse;
 }
 
-table.styledTable,
-.styledTable th,
-.styledTable td {
+table.styled-table,
+.styled-table th,
+.styled-table td {

[mmenke, 2012/02/28 22:15:02]

The unit tests use the name of this class to make locating tables a little
easier, so you'll need to update NetInternalsTest.getStyledTableDescendent as
well.

[eroman, 2012/02/28 22:28:32]

Done.

   border: 1px solid #777;
   padding-right: 4px;
   padding-left: 4px;
 }
 
-.styledTable th {
+.styled-table th {
   background: rgb(224,236,255);
 }
 
-.styledTable th.title {
+.styled-table th.title {
   background: rgb(255,217,217);
 }
 
 /**
  * Styling for event logs.
  */
 .event-log p {
   white-space: nowrap;
 }
 
 .event-log h4 {
   margin: 0;
 }
 
 .event-log a {
   text-decoration: none;
   font-weight: bold;
 }
 
 /**
- * Styling for an emphasized button.
- */
-.bigButton {
-  font-size: 100%;
-  font-weight: bold;
-}
-
-/**
  * Styling for text indicating a potential problem or error state.
  */
-.warningText {
+.warning-text {
   color: red;
 }