Index: third_party/WebKit/Source/devtools/front_end/network/networkTimingTable.css |
diff --git a/third_party/WebKit/Source/devtools/front_end/network/networkTimingTable.css b/third_party/WebKit/Source/devtools/front_end/network/networkTimingTable.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a0a4c22a726e299e09a2338d8abc3a8d23c69f6f |
--- /dev/null |
+++ b/third_party/WebKit/Source/devtools/front_end/network/networkTimingTable.css |
@@ -0,0 +1,139 @@ |
+/* |
+ * Copyright 2017 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. |
+ */ |
+ |
+.network-timing-table { |
+ width: 380px; |
+ border-spacing: 0; |
+ padding-left: 10px; |
+ padding-right: 10px; |
+ line-height: initial; |
+} |
+ |
+.network-timing-start { |
+ border-top: 5px solid transparent; |
+} |
+.network-timing-table-header td, .network-timing-footer td { |
+ border-top: 10px solid transparent; |
+} |
+ |
+.network-timing-table-header td { |
+ color: #bbb; |
+} |
+ |
+.network-timing-table-header td:last-child { |
+ text-align: right; |
+} |
+ |
+.network-timing-table col.labels { |
+ width: 156px; |
+} |
+ |
+.network-timing-table col.duration { |
+ width: 80px; |
+} |
+ |
+.network-timing-table td { |
+ padding: 2px 0; |
+} |
+ |
+.network-timing-table td.caution { |
+ font-weight: bold; |
+ color: rgb(255, 128, 0); |
+ padding: 2px 0; |
+} |
+ |
+.network-timing-table hr.break { |
+ border: 0; |
+ height: 1px; |
+ background-image: linear-gradient(to right, #eee, #bbb, #eee); |
+} |
+ |
+.network-timing-footer td:last-child { |
+ font-weight: bold; |
+ text-align: right; |
+} |
+ |
+.network-timing-row { |
+ position: relative; |
+ height: 15px; |
+} |
+ |
+.network-timing-bar { |
+ position: absolute; |
+ min-width: 1px; |
+ top: 0; |
+ bottom: 0; |
+} |
+ |
+.network-timing-bar-title { |
+ color: #222; |
+ white-space: nowrap; |
+ text-align: right; |
+} |
+ |
+.network-timing-bar.queueing, |
+.network-timing-bar.total { |
+ border: 1px solid rgba(0, 0, 0, 0.1); |
+} |
+ |
+.network-timing-bar.blocking, -theme-preserve { |
+ background-color: #AAAAAA; |
+} |
+ |
+.network-timing-bar.proxy, -theme-preserve { |
+ background-color: #A1887F; |
+} |
+ |
+.network-timing-bar.dns, -theme-preserve { |
+ background-color: #009688; |
+} |
+ |
+.network-timing-bar.connecting, |
+.network-timing-bar.serviceworker, |
+.network-timing-bar.serviceworker-preparation, -theme-preserve { |
+ background-color: #FF9800; |
+} |
+ |
+.network-timing-bar.ssl, -theme-preserve { |
+ background-color: #9C27B0; |
+} |
+ |
+.network-timing-bar.sending, -theme-preserve { |
+ background-color: #B0BEC5; |
+} |
+ |
+.network-timing-bar.waiting, -theme-preserve { |
+ background-color: #00C853; |
+} |
+ |
+.network-timing-bar.receiving, -theme-preserve, |
+.network-timing-bar.receiving-push, -theme-preserve { |
+ background-color: #03A9F4; |
+} |
+ |
+.network-timing-bar.push, -theme-preserve { |
+ background-color: #8CDBff; |
+} |
+ |
+.network-timing-bar.server-timing, -theme-preserve { |
+ background-color: #ddd; |
+} |
+ |
+.network-timing-table td.network-timing-metric { |
+ white-space: nowrap; |
+ max-width: 150px; |
+ overflow-x: hidden; |
+ text-overflow: ellipsis; |
+} |
+ |
+.network-timing-bar.proxy, |
+.network-timing-bar.dns, |
+.network-timing-bar.ssl, |
+.network-timing-bar.connecting, |
+.network-timing-bar.blocking { |
+ height: 10px; |
+ margin: auto; |
+} |