| /* Copyright 2013 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. |
| */ |
| |
| #waterfall-view-controls { |
| background-color: #FFF; |
| border-color: #000; |
| border-style: solid; |
| border-width: 1px; |
| padding-left: 5px; |
| position: fixed; |
| top: 40px; |
| /* Displays above time bar and information tables. */ |
| z-index: 3; |
| } |
| |
| #waterfall-view-time-bar-table { |
| border-collapse: collapse; |
| border-spacing: 0; |
| position: absolute; |
| /* Displays above main tab and under information table. */ |
| z-index: 1; |
| } |
| |
| #waterfall-view-information-table { |
| background-color: #FFF; |
| border-collapse: collapse; |
| border-spacing: 0; |
| left: 0; |
| overflow: hidden; |
| position: fixed; |
| /* Displays above time bar table. */ |
| z-index: 2; |
| } |
| |
| .waterfall-view-information-row { |
| height: 25px; |
| margin: 0; |
| padding: 0; |
| white-space: nowrap; |
| } |
| |
| .waterfall-view-url-cell { |
| display: inline-block; |
| font-size: 15px; |
| height: 25px; |
| overflow: hidden; |
| padding-bottom: 0; |
| padding-top: 0; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| width: 250px; |
| } |
| |
| .waterfall-view-id-cell { |
| display: inline-block; |
| font-size: 15px; |
| height: 25px; |
| min-width: 30px; |
| overflow: hidden; |
| padding-bottom: 0; |
| padding-left: 5px; |
| padding-right: 2px; |
| padding-top: 0; |
| } |
| |
| .waterfall-view-table-row { |
| white-space: nowrap; |
| } |
| |
| .waterfall-view-row { |
| height: 25px; |
| padding: 0; |
| } |
| |
| .waterfall-view-row * { |
| display: inline-block; |
| padding-top: 0; |
| } |
| |
| .waterfall-view-bar-component { |
| height: 15px; |
| } |
| |
| .waterfall-view-popup { |
| display: inline-block; |
| position: absolute; |
| /* Displays above info table and controls */ |
| z-index: 4; |
| } |
| |
| .waterfall-view-popup-list { |
| background-color: rgba(255, 255, 255, 0.8); |
| border-color: #000; |
| border-style: solid; |
| border-width: 2px; |
| color: #000; |
| padding-right: 1em; |
| } |
| |
| .waterfall-view-popup-list > li { |
| display: list-item; |
| } |
| .waterfall-view-popup-list-url-item { |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| } |
| |
| .waterfall-view-bar.error { |
| border-color: rgba(255, 0, 0, 0.8); |
| border-style: solid; |
| border-width: 1px; |
| height: 18px; |
| } |
| |
| .waterfall-view-row .http-stream-request { |
| background: -webkit-linear-gradient(top, #EEE, rgba(0, 0, 0, 0.5)); |
| } |
| |
| .waterfall-view-row .http-stream-request-bound-to-job { |
| background: -webkit-linear-gradient(top, #EEE, rgba(200, 200, 200, 0.5)); |
| } |
| |
| .waterfall-view-row .http-transaction-read-headers { |
| background: -webkit-linear-gradient(top, #EEE, rgba(255, 0, 0, 0.5)); |
| } |
| |
| .waterfall-view-row .url-request { |
| background: -webkit-linear-gradient(top, #EEE, rgba(0, 0, 255, 0.5)); |
| } |
| |
| .waterfall-view-row .http-stream-job { |
| background: -webkit-linear-gradient(top, #EEE, rgba(0, 255, 0, 0.5)); |
| } |
| |
| .waterfall-view-row .proxy-service { |
| background: -webkit-linear-gradient(top, #EEE, rgba(122, 122, 0, 0.5)); |
| } |
| |
| .waterfall-view-row .socket-pool-connect-job { |
| background: -webkit-linear-gradient(top, #EEE, rgba(0, 122, 122, 0.5)); |
| } |
| |
| .waterfall-view-row .host-resolver-impl-request { |
| background: -webkit-linear-gradient(top, #EEE, rgba(122, 0, 122, 0.5)); |
| } |
| |
| .waterfall-view-row .socket { |
| background: -webkit-linear-gradient(top, #EEE, rgba(122, 178, 0, 0.5)); |
| } |
| |
| .waterfall-view-row .tcp-connect { |
| background: -webkit-linear-gradient(top, #EEE, rgba(0, 178, 122, 0.5)); |
| } |
| |
| .waterfall-view-row .ssl-connect { |
| background: -webkit-linear-gradient(top, #EEE, rgba(55, 122, 178, 0.5)); |
| } |
| |
| .waterfall-view-time-scale-row { |
| white-space: nowrap; |
| } |
| |
| .waterfall-view-time-scale { |
| border-color: #000; |
| border-left-style: solid; |
| border-width: 1px; |
| box-sizing: border-box; |
| display: inline-block; |
| height: 15px; |
| } |
| |
| /* Colors every fifth bar red. */ |
| .waterfall-view-time-scale-special { |
| border-color: rgb(255, 0, 0); |
| } |