chrome/browser/resources/net_internals/waterfall_view.css

   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   /* Displays above time bar and information tables. */
  15   z-index: 3;
  16 }
  17
  18 #waterfall-view-time-bar-table {
  19   border-collapse: collapse;
  20   border-spacing: 0;
  21   position: absolute;
  22   /* Displays above main tab and under information table. */
  23   z-index: 1;
  24 }
  25
  26 #waterfall-view-information-table {
  27   background-color: #FFF;
  28   border-collapse: collapse;
  29   border-spacing: 0;
  30   left: 0;
  31   overflow: hidden;
  32   position: fixed;
  33   /* Displays above time bar table. */
  34   z-index: 2;
  35 }
  36
  37 .waterfall-view-information-row {
  38   height: 25px;
  39   margin: 0;
  40   padding: 0;
  41   white-space: nowrap;
  42 }
  43
  44 .waterfall-view-url-cell {
  45   display: inline-block;
  46   font-size: 15px;
  47   height: 25px;
  48   overflow: hidden;
  49   padding-bottom: 0;
  50   padding-top: 0;
  51   text-overflow: ellipsis;
  52   white-space: nowrap;
  53   width: 250px;
  54 }
  55
  56 .waterfall-view-id-cell {
  57   display: inline-block;
  58   font-size: 15px;
  59   height: 25px;
  60   min-width: 30px;
  61   overflow: hidden;
  62   padding-bottom: 0;
  63   padding-left: 5px;
  64   padding-right: 2px;
  65   padding-top: 0;
  66 }
  67
  68 .waterfall-view-table-row {
  69   white-space: nowrap;
  70 }
  71
  72 .waterfall-view-row {
  73   height: 25px;
  74   padding: 0;
  75 }
  76
  77 .waterfall-view-row * {
  78   display: inline-block;
  79   padding-top: 0;
  80 }
  81
  82 .waterfall-view-bar-component {
  83   height: 15px;
  84 }
  85
  86 .waterfall-view-popup {
  87   display: inline-block;
  88   position: absolute;
  89   /* Displays above info table and controls */
  90   z-index: 4;
  91 }
  92
  93 .waterfall-view-popup-list {
  94   background-color: rgba(255, 255, 255, 0.8);
  95   border-color: #000;
  96   border-style: solid;
  97   border-width: 2px;
  98   color: #000;
  99   padding-right: 1em;
 100 }
 101
 102 .waterfall-view-popup-list > li {
 103   display: list-item;
 104 }
 105 .waterfall-view-popup-list-url-item {
 106   overflow: hidden;
 107   text-overflow: ellipsis;
 108   white-space: nowrap;
 109 }
 110
 111 .waterfall-view-bar.error {
 112   border-color: rgba(255, 0, 0, 0.8);
 113   border-style: solid;
 114   border-width: 1px;
 115   height: 18px;
 116 }
 117
 118 .waterfall-view-row .http-stream-request {
 119   background: -webkit-linear-gradient(top, #EEE, rgba(0, 0, 0, 0.5));
 120 }
 121
 122 .waterfall-view-row .http-stream-request-bound-to-job {
 123   background: -webkit-linear-gradient(top, #EEE, rgba(200, 200, 200, 0.5));
 124 }
 125
 126 .waterfall-view-row .http-transaction-read-headers {
 127   background: -webkit-linear-gradient(top, #EEE, rgba(255, 0, 0, 0.5));
 128 }
 129
 130 .waterfall-view-row .url-request {
 131   background: -webkit-linear-gradient(top, #EEE, rgba(0, 0, 255, 0.5));
 132 }
 133
 134 .waterfall-view-row .http-stream-job {
 135   background: -webkit-linear-gradient(top, #EEE, rgba(0, 255, 0, 0.5));
 136 }
 137
 138 .waterfall-view-row .proxy-service {
 139   background: -webkit-linear-gradient(top, #EEE, rgba(122, 122, 0, 0.5));
 140 }
 141
 142 .waterfall-view-row .socket-pool-connect-job {
 143   background: -webkit-linear-gradient(top, #EEE, rgba(0, 122, 122, 0.5));
 144 }
 145
 146 .waterfall-view-row .host-resolver-impl-request {
 147   background: -webkit-linear-gradient(top, #EEE, rgba(122, 0, 122, 0.5));
 148 }
 149
 150 .waterfall-view-row .socket {
 151   background: -webkit-linear-gradient(top, #EEE, rgba(122, 178, 0, 0.5));
 152 }
 153
 154 .waterfall-view-row .tcp-connect {
 155   background: -webkit-linear-gradient(top, #EEE, rgba(0, 178, 122, 0.5));
 156 }
 157
 158 .waterfall-view-row .ssl-connect {
 159   background: -webkit-linear-gradient(top, #EEE, rgba(55, 122, 178, 0.5));
 160 }
 161
 162 .waterfall-view-time-scale-row {
 163   white-space: nowrap;
 164 }
 165
 166 .waterfall-view-time-scale {
 167   border-color: #000;
 168   border-left-style: solid;
 169   border-width: 1px;
 170   box-sizing: border-box;
 171   display: inline-block;
 172   height: 15px;
 173 }
 174
 175 /* Colors every fifth bar red. */
 176 .waterfall-view-time-scale-special {
 177   border-color: rgb(255, 0, 0);
 178 }