1/* 2 * Copyright (C) 2008 Apple Inc. All rights reserved. 3 * Copyright (C) 2009 Google Inc. All rights reserved. 4 * 5 * Redistribution and use in source and binary forms, with or without 6 * modification, are permitted provided that the following conditions are 7 * met: 8 * 9 * * Redistributions of source code must retain the above copyright 10 * notice, this list of conditions and the following disclaimer. 11 * * Redistributions in binary form must reproduce the above 12 * copyright notice, this list of conditions and the following disclaimer 13 * in the documentation and/or other materials provided with the 14 * distribution. 15 * * Neither the name of Google Inc. nor the names of its 16 * contributors may be used to endorse or promote products derived from 17 * this software without specific prior written permission. 18 * 19 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 20 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 21 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 22 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 23 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 24 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 25 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 26 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 27 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 28 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 29 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 30 */ 31 32.audits-sidebar-tree-item .icon { 33 content: url(Images/resourcesTimeGraphIcon.png); 34} 35 36.audit-result-sidebar-tree-item .icon { 37 content: url(Images/resourceDocumentIcon.png); 38} 39 40.audit-launcher-view .audit-launcher-view-content { 41 padding: 0 0 0 16px; 42 white-space: nowrap; 43 display: -webkit-flex; 44 text-align: left; 45 -webkit-flex-direction: column; 46 flex: auto; 47} 48 49.audit-launcher-view h1 { 50 padding-top: 15px; 51 -webkit-flex: none; 52} 53 54.audit-launcher-view h1.no-audits { 55 text-align: center; 56 font-style: italic; 57 position: relative; 58 left: -8px; 59} 60 61.audit-launcher-view div.button-container { 62 width: 100%; 63 padding: 16px 0; 64 -webkit-flex: none; 65} 66 67.audit-launcher-view div.button-container > button { 68 -webkit-align-self: flex-start; 69 margin: 5px; 70} 71 72.audit-launcher-view fieldset.audit-categories-container { 73 position: relative; 74 top: 11px; 75 left: 0; 76 width: 100%; 77 overflow-y: auto; 78 border: 0 none; 79 -webkit-flex: none; 80} 81 82.audit-launcher-view button { 83 margin: 0 5px 0 0; 84} 85 86.audit-launcher-view button:active { 87 background-color: rgb(215, 215, 215); 88 background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239)); 89} 90 91.panel-enabler-view.audit-launcher-view label { 92 padding: 0 0 5px 0; 93 margin: 0; 94 display: flex; 95 flex-shrink: 0; 96} 97 98.panel-enabler-view.audit-launcher-view label.disabled { 99 color: rgb(130, 130, 130); 100} 101 102.audit-launcher-view input[type="checkbox"] { 103 margin-left: 0; 104 height: 14px; 105 width: 14px; 106} 107 108.audit-result-view { 109 overflow: auto; 110 position: absolute; 111 top: 0; 112 left: 0; 113 right: 0; 114 bottom: 0; 115 display: none; 116} 117 118.audit-result-view.visible { 119 display: block; 120} 121 122.audit-result-view .severity-severe, 123.audit-result-view .severity-warning, 124.audit-result-view .severity-info { 125 background-image: url(Images/statusbarButtonGlyphs.png); 126 background-size: 320px 144px; 127 display: inline-block; 128 width: 10px; 129 margin-right: -10px; 130 height: 10px; 131 position: relative; 132 left: -28px; 133 margin-top: 3px; 134} 135 136@media (-webkit-min-device-pixel-ratio: 1.5) { 137.audit-result-view .severity-severe, 138.audit-result-view .severity-warning, 139.audit-result-view .severity-info { 140 background-image: url(Images/statusbarButtonGlyphs_2x.png); 141} 142} /* media */ 143 144.audit-result-view .severity-severe { 145 background-position: -224px -96px; 146} 147 148.audit-result-view .severity-warning { 149 background-position: -246px -96px; 150} 151 152.audit-result-view .severity-info { 153 background-position: -235px -96px; 154} 155 156.audit-result-tree li.parent::before { 157 -webkit-user-select: none; 158 background-image: url(Images/statusbarButtonGlyphs.png); 159 background-size: 320px 144px; 160 opacity: 0.5; 161 float: left; 162 width: 8px; 163 height: 10px; 164 content: "a"; 165 color: transparent; 166 margin-left: 3px; 167 margin-right: 4px; 168 position: relative; 169 top: 2px; 170} 171 172@media (-webkit-min-device-pixel-ratio: 1.5) { 173.audit-result-tree li.parent::before { 174 background-image: url(Images/statusbarButtonGlyphs_2x.png); 175} 176} /* media */ 177 178.audit-result-tree li.parent::before { 179 background-position: -4px -96px; 180} 181 182.audit-result-tree li.parent.expanded::before { 183 background-position: -20px -96px; 184} 185 186.audit-result-tree { 187 line-height: 16px; 188 -webkit-user-select: text; 189} 190 191.audit-result-tree > ol { 192 position: relative; 193 padding: 2px 6px !important; 194 margin: 0; 195 cursor: default; 196 min-width: 100%; 197} 198 199.audit-result-tree, 200.audit-result-tree ol { 201 list-style-type: none; 202 -webkit-padding-start: 12px; 203 margin: 0; 204} 205 206.audit-result-tree ol.outline-disclosure { 207 -webkit-padding-start: 0; 208} 209 210.audit-result-tree .section .header { 211 padding-left: 13px; 212} 213 214.audit-result-tree .section .header::before { 215 left: 2px; 216} 217 218.audit-result-tree li { 219 padding: 0 0 0 14px; 220 margin-top: 1px; 221 margin-bottom: 1px; 222 word-wrap: break-word; 223 margin-left: -2px; 224} 225 226.audit-result-tree li.parent { 227 margin-left: -12px 228} 229 230.audit-result-tree ol.children { 231 display: none; 232} 233 234.audit-result-tree ol.children.expanded { 235 display: block; 236} 237 238.audit-result { 239 font-weight: bold; 240} 241 242.audit-launcher-view .progress-bar-container { 243 display: inline-block; 244} 245 246.audit-launcher-view .progress-bar-container .progress-bar-stop-button { 247 display: none; 248} 249