src/third_party/WebKit/Source/devtools/front_end/networkPanel.css

   1 /*
   2  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
   3  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
   4  *
   5  * Redistribution and use in source and binary forms, with or without
   6  * modification, are permitted provided that the following conditions
   7  * are met:
   8  *
   9  * 1.  Redistributions of source code must retain the above copyright
  10  *     notice, this list of conditions and the following disclaimer.
  11  * 2.  Redistributions in binary form must reproduce the above copyright
  12  *     notice, this list of conditions and the following disclaimer in the
  13  *     documentation and/or other materials provided with the distribution.
  14  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  15  *     its contributors may be used to endorse or promote products derived
  16  *     from this software without specific prior written permission.
  17  *
  18  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  19  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  20  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  21  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  22  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  23  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  24  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  25  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  26  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  27  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28  */
  29
  30 .network-larger-resources-status-bar-item .glyph {
  31     -webkit-mask-position: -224px 0;
  32 }
  33
  34 #network-views {
  35     background: rgb(203, 203, 203);
  36 }
  37
  38 #network-close-button {
  39     position: absolute;
  40     top: 8px;
  41     left: 5px;
  42     z-index: 10;
  43     display: none;
  44 }
  45
  46 #network-views.small #network-close-button {
  47     top: 4px;
  48 }
  49
  50 .network.panel.viewing-resource #network-close-button {
  51     display: block;
  52 }
  53
  54 #network-views .network-item-view .tabbed-pane-header {
  55     flex: 0 0 31px;
  56     padding-top: 8px;
  57     padding-left: 13px;
  58     white-space: nowrap;
  59 }
  60
  61 #network-views.small .network-item-view .tabbed-pane-header {
  62     flex-basis: 23px;
  63     padding-top: 0;
  64 }
  65
  66 .network-item-view {
  67     display: none;
  68     background: white;
  69 }
  70
  71 .network-item-view.visible {
  72     display: -webkit-flex;
  73 }
  74
  75 .network-item-view .tabbed-pane-header {
  76     border-bottom: 1px solid rgb(205, 205, 205);
  77 }
  78
  79 .resource-timing-view {
  80     display: none;
  81     position: absolute;
  82     top: 0;
  83     right: 0;
  84     left: 0;
  85     bottom: 0;
  86     margin: 6px;
  87     color: rgb(30%, 30%, 30%);
  88 }
  89
  90 .resource-timing-view table {
  91     border-spacing: 21px 0;
  92 }
  93
  94 /* Network timing is shared between popover and network item view pane */
  95
  96 .network-timing-table td {
  97     padding: 2px 0;
  98 }
  99
 100 .network-timing-table td.caution {
 101     font-weight: bold;
 102     color: rgb(255, 128, 0);
 103     padding: 2px 0;
 104 }
 105
 106 .network-timing-row {
 107     position: relative;
 108     height: 15px;
 109 }
 110
 111 .network-timing-bar {
 112     position: absolute;
 113     min-width: 1px;
 114     top: 0;
 115     bottom: 0;
 116 }
 117
 118 .network-timing-bar-title {
 119     position: absolute;
 120     color: #222;
 121     padding: 0 3px;
 122     line-height: 15px;
 123 }
 124
 125 .network-timing-bar.blocking,
 126 .network-timing-bar.proxy {
 127     background-color: rgb(205, 205, 205);
 128 }
 129
 130 .network-timing-bar.dns {
 131     background-color: rgb(31, 124, 131);
 132 }
 133
 134 .network-timing-bar.connecting,
 135 .network-timing-bar.ssl,
 136 .network-timing-bar.serviceworker {
 137     background-color: rgb(229, 130, 38);
 138 }
 139
 140 .network-timing-bar.sending {
 141     background-color: rgb(95, 221, 95);
 142 }
 143
 144 .network-timing-bar.waiting {
 145     background-color: rgb(95, 221, 95);
 146 }
 147
 148 .network-timing-bar.receiving {
 149     background-color: rgb(65, 137, 215);
 150 }
 151
 152 .resource-timing-view.visible {
 153     display: block;
 154 }
 155
 156 .panel.network .split-view {
 157     flex: auto;
 158     position: relative;
 159 }
 160
 161 .network-filters-header {
 162     flex: 0 0 23px;
 163     padding-right: 4px;
 164 }