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} 165