15c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/* 25c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. 35c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> 45c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 55c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Redistribution and use in source and binary forms, with or without 65c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * modification, are permitted provided that the following conditions 75c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * are met: 85c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 95c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 1. Redistributions of source code must retain the above copyright 105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * notice, this list of conditions and the following disclaimer. 115c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 2. Redistributions in binary form must reproduce the above copyright 125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * notice, this list of conditions and the following disclaimer in the 135c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * documentation and/or other materials provided with the distribution. 145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of 155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * its contributors may be used to endorse or promote products derived 165c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * from this software without specific prior written permission. 175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 185c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY 195c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 215c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY 225c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF 275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 305c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).network-larger-resources-status-bar-item .glyph { 315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) -webkit-mask-position: -224px 0; 325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)#network-views { 355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) background: rgb(203, 203, 203); 365c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 375c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 385c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)#network-close-button { 395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) position: absolute; 405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) top: 8px; 415c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) left: 5px; 425c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) z-index: 10; 435c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) display: none; 445c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 455c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 46926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)#network-views.small #network-close-button { 475c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) top: 4px; 485c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 495c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 50f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.network.panel.viewing-resource #network-close-button { 515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) display: block; 525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 535c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)#network-views .network-item-view .tabbed-pane-header { 55f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles) flex: 0 0 31px; 565c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) padding-top: 8px; 5753e740f4a82e17f3ae59772501622dc354e42336Torne (Richard Coles) padding-left: 13px; 585c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) white-space: nowrap; 595c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 605c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 615c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)#network-views.small .network-item-view .tabbed-pane-header { 6251b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) flex-basis: 23px; 635c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) padding-top: 0; 645c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 655c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 665c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).network-item-view { 675c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) display: none; 685c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) background: white; 695c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 705c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 715c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).network-item-view.visible { 72926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) display: -webkit-flex; 735c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 745c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 755c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).network-item-view .tabbed-pane-header { 7651b2906e11752df6c18351cf520e30522d3b53a1Torne (Richard Coles) border-bottom: 1px solid rgb(205, 205, 205); 775c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 785c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 795c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).resource-timing-view { 805c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) display: none; 815c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) position: absolute; 825c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) top: 0; 835c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) right: 0; 845c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) left: 0; 855c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) bottom: 0; 865c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) margin: 6px; 875c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) color: rgb(30%, 30%, 30%); 885c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 895c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 905c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).resource-timing-view table { 915c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) border-spacing: 21px 0; 925c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 935c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 94e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles)/* Network timing is shared between popover and network item view pane */ 95e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) 96e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-table td { 97e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) padding: 2px 0; 98e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles)} 99e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) 100e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-table td.caution { 101e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) font-weight: bold; 102e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) color: rgb(255, 128, 0); 103e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) padding: 2px 0; 104e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles)} 105e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) 106e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-row { 107e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) position: relative; 1089e12abdf8c3a23d52091ea54ebb6a04d327f9300Torne (Richard Coles) height: 15px; 109e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles)} 110e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) 111e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-bar { 112e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) position: absolute; 113e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) min-width: 1px; 114e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) top: 0; 115e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) bottom: 0; 116e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles)} 117e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) 118e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-bar-title { 119e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) position: absolute; 120e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) color: #222; 1219e12abdf8c3a23d52091ea54ebb6a04d327f9300Torne (Richard Coles) padding: 0 3px; 1229e12abdf8c3a23d52091ea54ebb6a04d327f9300Torne (Richard Coles) line-height: 15px; 1235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 125e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-bar.blocking, 126e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-bar.proxy { 127e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) background-color: rgb(205, 205, 205); 1285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 130e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-bar.dns { 131e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) background-color: rgb(31, 124, 131); 1325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 134e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-bar.connecting, 1357242dc3dbeb210b5e876a3c42d1ec1a667fc621aPrimiano Tucci.network-timing-bar.ssl, 1367242dc3dbeb210b5e876a3c42d1ec1a667fc621aPrimiano Tucci.network-timing-bar.serviceworker { 137e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) background-color: rgb(229, 130, 38); 1385c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 140e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-bar.sending { 141e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) background-color: rgb(95, 221, 95); 1425c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1435c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 144e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-bar.waiting { 145e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) background-color: rgb(95, 221, 95); 1465c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1475c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 148e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles).network-timing-bar.receiving { 149e38fbeeb576b5094e34e038ab88d9d6a5c5c2214Torne (Richard Coles) background-color: rgb(65, 137, 215); 1505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 1525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).resource-timing-view.visible { 1535c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) display: block; 1545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1555c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 156f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles).panel.network .split-view { 157f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles) flex: auto; 158f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles) position: relative; 159f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles)} 160f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles) 161f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles).network-filters-header { 162f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles) flex: 0 0 23px; 163d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) padding-right: 4px; 164f79f16f17ddc4f842d7b7a38603e280e94be826aTorne (Richard Coles)} 165