[polymer] Merge of master into polymer10-migration

netlog_viewer/status_view.css

Index: netlog_viewer/status_view.css
diff --git a/netlog_viewer/status_view.css b/netlog_viewer/status_view.css
new file mode 100644
index 0000000000000000000000000000000000000000..231b3cb8e4c447c3ad6ad2035ac96264e86b51a5
--- /dev/null
+++ b/netlog_viewer/status_view.css
@@ -0,0 +1,63 @@
+/* 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.
+ */
+
+.capture-status-view {
+  background: rgb(238, 0, 0);
+  font-size: 133%;
+}
+
+.halted-status-view {
+  background: rgb(0, 138, 0);
+}
+
+.loaded-status-view {
+  background: rgb(113, 113, 171);
+}
+
+#capture-status-view {
+  -webkit-align-items: center;
+  display: -webkit-flex;
+}
+
+.capture-status-view-link,
+.capture-status-view-link:visited,
+.capture-status-view-link:active {
+  color: white;
+  text-decoration: none;
+}
+
+.capture-status-view-link:hover {
+  color: white;
+  text-decoration: underline;
+}
+
+/* Completely un-style the SELECT. Will place an arrow over it manually. */
+#capture-status-view-actions {
+  -webkit-appearance: none;
+  background: none;
+  border: none;
+  height: 25px;
+  outline: none;
+  width: 30px;
+}
+
+.capture-status-view-arrow {
+  display: inline-block;
+  position: relative;
+}
+
+.capture-status-view-arrow::after {
+  color: black;
+  content: '\25bc';
+  font-size: 9px;
+  left: 0;
+  line-height: 25px;
+  pointer-events: none;
+  position: absolute;
+  text-align: center;
+  top: 0;
+  width: 100%;
+}
+