1 /* Copyright 2013 The Chromium Authors. All rights reserved. 2 * Use of this source code is governed by a BSD-style license that can be 3 * found in the LICENSE file. 4 */ 5 6 #waterfall-view-controls { 7 background-color: #FFF; 8 border-color: #000; 9 border-style: solid; 10 border-width: 1px; 11 padding-left: 5px; 12 position: fixed; 13 top: 40px; 14 } 15 16 .waterfall-view-url-cell { 17 display: inline-block; 18 overflow: hidden; 19 text-overflow: ellipsis; 20 white-space: nowrap; 21 width: 250px; 22 } 23 24 .waterfall-view-row { 25 white-space: nowrap; 26 } 27 28 .waterfall-view-row * { 29 display: inline-block; 30 padding-top: 0; 31 } 32 33 .waterfall-view-bar > * { 34 height: 15px; 35 } 36 37 .waterfall-view-popup-list { 38 background-color: rgba(255, 255, 255, 0.8); 39 border-color: #000; 40 border-style: solid; 41 border-width: 2px; 42 color: #000; 43 padding-right: 1em; 44 z-index: -1; 45 } 46 47 .waterfall-view-popup-list > li { 48 display: list-item; 49 } 50 .waterfall-view-popup-list-url-item { 51 text-overflow: ellipsis; 52 white-space: nowrap; 53 } 54 55 .waterfall-view-bar.error { 56 border-color: rgba(255, 0, 0, 0.8); 57 border-style: solid; 58 border-width: 1px; 59 height: 18px; 60 } 61 62 .waterfall-view-row .http-stream-request { 63 background: -webkit-linear-gradient(top, #EEE, rgba(0, 0, 0, 0.5)); 64 } 65 66 .waterfall-view-row .http-stream-request-bound-to-job { 67 background: -webkit-linear-gradient(top, #EEE, rgba(200, 200, 200, 0.5)); 68 } 69 70 .waterfall-view-row .http-transaction-read-headers { 71 background: -webkit-linear-gradient(top, #EEE, rgba(255, 0, 0, 0.5)); 72 } 73 74 .waterfall-view-row .url-request { 75 background: -webkit-linear-gradient(top, #EEE, rgba(0, 0, 255, 0.5)); 76 } 77 78 .waterfall-view-row .http-stream-job { 79 background: -webkit-linear-gradient(top, #EEE, rgba(0, 255, 0, 0.5)); 80 } 81 82 .waterfall-view-row .proxy-service { 83 background: -webkit-linear-gradient(top, #EEE, rgba(122, 122, 0, 0.5)); 84 } 85 86 .waterfall-view-row .socket-pool-connect-job { 87 background: -webkit-linear-gradient(top, #EEE, rgba(0, 122, 122, 0.5)); 88 } 89 90 .waterfall-view-row .host-resolver-impl { 91 background: -webkit-linear-gradient(top, #EEE, rgba(122, 0, 122, 0.5)); 92 } 93 94 .waterfall-view-row .socket { 95 background: -webkit-linear-gradient(top, #EEE, rgba(122, 178, 0, 0.5)); 96 } 97 98 .waterfall-view-row .tcp-connect { 99 background: -webkit-linear-gradient(top, #EEE, rgba(0, 178, 122, 0.5)); 100 } 101 102 .waterfall-view-row .ssl-connect { 103 background: -webkit-linear-gradient(top, #EEE, rgba(55, 122, 178, 0.5)); 104 } 105 106 .waterfall-view-popup { 107 display: inline-block; 108 position: absolute; 109 } 110 111 .waterfall-view-time-scale-row { 112 white-space: nowrap; 113 } 114 115 .waterfall-view-time-scale { 116 border-color: #000; 117 border-left-style: solid; 118 border-width: 1px; 119 box-sizing: border-box; 120 display: inline-block; 121 height: 15px; 122 } 123 124 /* Colors every fifth bar red. */ 125 .waterfall-view-time-scale-special { 126 border-color: rgb(255, 0, 0); 127 } 128