OLD | NEW |
(Empty) | |
| 1 /* |
| 2 * Copyright 2017 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. |
| 5 */ |
| 6 |
| 7 .network-timing-table { |
| 8 width: 380px; |
| 9 border-spacing: 0; |
| 10 padding-left: 10px; |
| 11 padding-right: 10px; |
| 12 line-height: initial; |
| 13 } |
| 14 |
| 15 .network-timing-start { |
| 16 border-top: 5px solid transparent; |
| 17 } |
| 18 .network-timing-table-header td, .network-timing-footer td { |
| 19 border-top: 10px solid transparent; |
| 20 } |
| 21 |
| 22 .network-timing-table-header td { |
| 23 color: #bbb; |
| 24 } |
| 25 |
| 26 .network-timing-table-header td:last-child { |
| 27 text-align: right; |
| 28 } |
| 29 |
| 30 .network-timing-table col.labels { |
| 31 width: 156px; |
| 32 } |
| 33 |
| 34 .network-timing-table col.duration { |
| 35 width: 80px; |
| 36 } |
| 37 |
| 38 .network-timing-table td { |
| 39 padding: 2px 0; |
| 40 } |
| 41 |
| 42 .network-timing-table td.caution { |
| 43 font-weight: bold; |
| 44 color: rgb(255, 128, 0); |
| 45 padding: 2px 0; |
| 46 } |
| 47 |
| 48 .network-timing-table hr.break { |
| 49 border: 0; |
| 50 height: 1px; |
| 51 background-image: linear-gradient(to right, #eee, #bbb, #eee); |
| 52 } |
| 53 |
| 54 .network-timing-footer td:last-child { |
| 55 font-weight: bold; |
| 56 text-align: right; |
| 57 } |
| 58 |
| 59 .network-timing-row { |
| 60 position: relative; |
| 61 height: 15px; |
| 62 } |
| 63 |
| 64 .network-timing-bar { |
| 65 position: absolute; |
| 66 min-width: 1px; |
| 67 top: 0; |
| 68 bottom: 0; |
| 69 } |
| 70 |
| 71 .network-timing-bar-title { |
| 72 color: #222; |
| 73 white-space: nowrap; |
| 74 text-align: right; |
| 75 } |
| 76 |
| 77 .network-timing-bar.queueing, |
| 78 .network-timing-bar.total { |
| 79 border: 1px solid rgba(0, 0, 0, 0.1); |
| 80 } |
| 81 |
| 82 .network-timing-bar.blocking, -theme-preserve { |
| 83 background-color: #AAAAAA; |
| 84 } |
| 85 |
| 86 .network-timing-bar.proxy, -theme-preserve { |
| 87 background-color: #A1887F; |
| 88 } |
| 89 |
| 90 .network-timing-bar.dns, -theme-preserve { |
| 91 background-color: #009688; |
| 92 } |
| 93 |
| 94 .network-timing-bar.connecting, |
| 95 .network-timing-bar.serviceworker, |
| 96 .network-timing-bar.serviceworker-preparation, -theme-preserve { |
| 97 background-color: #FF9800; |
| 98 } |
| 99 |
| 100 .network-timing-bar.ssl, -theme-preserve { |
| 101 background-color: #9C27B0; |
| 102 } |
| 103 |
| 104 .network-timing-bar.sending, -theme-preserve { |
| 105 background-color: #B0BEC5; |
| 106 } |
| 107 |
| 108 .network-timing-bar.waiting, -theme-preserve { |
| 109 background-color: #00C853; |
| 110 } |
| 111 |
| 112 .network-timing-bar.receiving, -theme-preserve, |
| 113 .network-timing-bar.receiving-push, -theme-preserve { |
| 114 background-color: #03A9F4; |
| 115 } |
| 116 |
| 117 .network-timing-bar.push, -theme-preserve { |
| 118 background-color: #8CDBff; |
| 119 } |
| 120 |
| 121 .network-timing-bar.server-timing, -theme-preserve { |
| 122 background-color: #ddd; |
| 123 } |
| 124 |
| 125 .network-timing-table td.network-timing-metric { |
| 126 white-space: nowrap; |
| 127 max-width: 150px; |
| 128 overflow-x: hidden; |
| 129 text-overflow: ellipsis; |
| 130 } |
| 131 |
| 132 .network-timing-bar.proxy, |
| 133 .network-timing-bar.dns, |
| 134 .network-timing-bar.ssl, |
| 135 .network-timing-bar.connecting, |
| 136 .network-timing-bar.blocking { |
| 137 height: 10px; |
| 138 margin: auto; |
| 139 } |
OLD | NEW |