Add extra views to the new net internals page. This adds tabs along the top f...

chrome/browser/resources/net_internals/main.css

Index: chrome/browser/resources/net_internals/main.css
===================================================================
--- chrome/browser/resources/net_internals/main.css	(revision 43430)
+++ chrome/browser/resources/net_internals/main.css	(working copy)
@@ -6,6 +6,7 @@
 
 * {
   -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
 }
 body {
   font-family: sans-serif;
@@ -132,3 +133,54 @@
 .logSourceEntry * td {
   font-size: 10px;
 }
+
+#categoryTabHandles ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+#categoryTabHandles {
+  border-bottom: 1px solid #555;
+  background: #aaa;
+  overflow: hidden;
+}
+
+#categoryTabHandles li {
+  float: left;
+  margin-left: 5px;
+}
+
+#categoryTabHandles a {
+  text-decoration: none;
+  text-align: center;
+  display: block;
+  width: 9em;
+  padding: 5px;
+  background: #ccc;
+}
+
+#categoryTabHandles a:hover {
+  background: #eee;
+}
+
+#categoryTabHandles a:visited,
+#categoryTabHandles a  {
+  color: blue;
+}
+
+#categoryTabHandles .selected {
+  background: white;
+}
+
+#categoryTabHandles a.selected {
+  position:relative;
+  top: 1px;
+  font-weight: bold;
+  color: black;
+}
+
+#detailsLogBox,
+#detailsTimelineBox {
+  overflow: auto;
+}