Serving version 1 of the web app. All code has been copied from the

netlog_viewer/main.css

Index: netlog_viewer/main.css
diff --git a/netlog_viewer/main.css b/netlog_viewer/main.css
new file mode 100644
index 0000000000000000000000000000000000000000..4b5dab150a02bdcc613d4b86588a11cfa3537148
--- /dev/null
+++ b/netlog_viewer/main.css
@@ -0,0 +1,155 @@
+/* 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.
+ */
+
+/* Only common styles should be declared here. */
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  overflow: hidden;  /* Prevents scroll bar flickering on resize. */
+}
+
+ul {
+  padding-left: 2em;
+}
+
+/**
+ * This class is used to create the splitter widget in
+ * ResizbleVerticalSplitView.
+ */
+.vertical-splitter {
+  -webkit-user-select: none;
+  border-left: 1px solid #afafaf;
+  cursor: ew-resize;
+  position: absolute;
+  width: 10px;
+}
+
+/* Needs to be wider on touch devices. */
+.touch .vertical-splitter {
+  width: 5mm;
+}
+
+.log-source-entry {
+  margin: 5px;
+}
+
+pre {
+  font-size: 133%;
+}
+
+/**
+ * This class should be given to top-level content boxes (like the view's main
+ * DIV). It gives them a consistent padding, and makes them scrollable.
+ */
+.content-box {
+  overflow: auto;
+  padding: 20px 10px 10px 20px;
+}
+
+.deindent-header,
+.content-box h1,
+.content-box h2,
+.content-box h3,
+.content-box h4,
+.content-box h5,
+.content-box h6 {
+  margin-left: -10px;
+}
+
+/**
+ * Styles for TABLE that uses a thin collapsed border.
+ */
+table.styled-table {
+  border-collapse: collapse;
+}
+
+table.styled-table,
+.styled-table th,
+.styled-table td {
+  border: 1px solid #777;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+#tab-list {
+  border-right: 1px solid rgb(170,170,170);
+  display: inline-block;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 0;
+}
+
+#tab-list a {
+  display: inline-block;
+  font-size: 16px;
+  margin: 0;
+  padding: 2px 10px;
+  text-decoration: none;
+  white-space: nowrap;
+  width: 100%;
+}
+
+#tab-list a,
+#tab-list a:visited {
+  color: rgb(140,140,140);
+}
+
+#tab-list .selected,
+#tab-list a:hover {
+  color: black;
+}
+
+.styled-table th {
+  background: rgb(224,236,255);
+}
+
+.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 {
+  font-weight: bold;
+  text-decoration: none;
+}
+
+/**
+ * Styling for text indicating a potential problem or error state.
+ */
+.warning-text {
+  color: rgb(238, 0, 0);
+}
+
+/**
+ * Styling for help windows that appear when mousing over an element.
+ */
+.mouse-over-help {
+  background: #EEE;
+  border: 1px solid black;
+  padding: 5px;
+  z-index: 1;
+}
+
+/**
+ * Styling for elements that show a help window on mouse over.
+ */
+.mouse-over-help-hover {
+  color: blue;
+  cursor: help;
+}
+