Added connection history (minus the history data)

remoting/webapp/connection_history.css

Index: remoting/webapp/connection_history.css
diff --git a/remoting/webapp/connection_history.css b/remoting/webapp/connection_history.css
new file mode 100644
index 0000000000000000000000000000000000000000..1407f69aa730b5499977f2cc297c4aec5762de47
--- /dev/null
+++ b/remoting/webapp/connection_history.css
@@ -0,0 +1,93 @@
+/* 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.
+ */
+
+#connection-history-dialog {
+  margin-top: -80px;
+  height: 580px;
+  width: 880px;
+}
+
+#connection-history-options {
+  margin-top: 30px;
+  display: -webkit-box;
+}
+
+#connection-history-scroller {
+  margin-top: 30px;
+  height: 370px;
+  width: 100%;
+  overflow: auto;
+}
+
+#connection-history-table {
+  width: 100%;
+  line-height: 2.1;
+  border-bottom: 1px solid #ebebeb;
+}
+
+#connection-history-table td:last-child {
+  text-align: right;
+}
+
+#connection-history-table thead td {
+  font-weight: bold;
+}
+
+#close-connection-history {
+  position: absolute;
+  bottom: 0;
+  __MSG_@@bidi_end_edge__: 0;
+}
+
+.internal-frame-of-reference {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.link-list > a {
+  margin-right: 16px;
+}
+
+a.no-link {
+  color: inherit;
+  cursor: inherit;
+}
+
+.no-expand {
+  width: 1px;
+  padding-right: 20px;
+}
+
+.connection-history-summary td {
+  border-top: 1px solid #EBEBEB;
+}
+
+.connection-history-summary:hover,
+.connection-history-summary.expanded,
+.connection-history-summary.expanded + .connection-history-detail {
+  background-color: #f8f8f8;
+}
+
+.connection-history-detail td div {
+  height: 0;
+  overflow: hidden;
+}
+
+.connection-history-summary.expanded + .connection-history-detail td div {
+  height: auto;
+}
+
+.connection-history-summary.expanded .zippy {
+  background-image: url('disclosure_arrow_down.png');
+}
+
+.zippy {
+  width: 30px;
+  height: 11px;
+  background-image: url('disclosure_arrow_right.png');
+  background-repeat: no-repeat;
+  background-position: 10px 50%;
+}