Home | History | Annotate | Download | only in net_internals 
      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 }
    179