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-right: 10px; 70 margin-bottom: 5px; 71 margin-top: 5px; 72 } 73 74 .audit-launcher-view fieldset.audit-categories-container { 75 position: relative; 76 top: 11px; 77 left: 0; 78 width: 100%; 79 overflow-y: auto; 80 border: 0 none; 81 -webkit-flex: none; 82 } 83 84 .audit-launcher-view button { 85 margin: 0 5px 0 0; 86 } 87 88 .audit-launcher-view button:active { 89 background-color: rgb(215, 215, 215); 90 background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239)); 91 } 92 93 .panel-enabler-view.audit-launcher-view label { 94 padding: 0 0 5px 0; 95 margin: 0; 96 display: flex; 97 flex-shrink: 0; 98 } 99 100 .panel-enabler-view.audit-launcher-view label.disabled { 101 color: rgb(130, 130, 130); 102 } 103 104 .audit-launcher-view input[type="checkbox"] { 105 margin-left: 0; 106 height: 14px; 107 width: 14px; 108 } 109 110 .audit-result-view { 111 overflow: auto; 112 position: absolute; 113 top: 0; 114 left: 0; 115 right: 0; 116 bottom: 0; 117 display: none; 118 } 119 120 .audit-result-view.visible { 121 display: block; 122 } 123 124 .audit-result-view .severity-severe, 125 .audit-result-view .severity-warning, 126 .audit-result-view .severity-info { 127 background-image: url(Images/statusbarButtonGlyphs.png); 128 background-size: 320px 144px; 129 display: inline-block; 130 width: 10px; 131 margin-right: -10px; 132 height: 10px; 133 position: relative; 134 left: -28px; 135 margin-top: 3px; 136 } 137 138 @media (-webkit-min-device-pixel-ratio: 1.5) { 139 .audit-result-view .severity-severe, 140 .audit-result-view .severity-warning, 141 .audit-result-view .severity-info { 142 background-image: url(Images/statusbarButtonGlyphs_2x.png); 143 } 144 } /* media */ 145 146 .audit-result-view .severity-severe { 147 background-position: -224px -96px; 148 } 149 150 .audit-result-view .severity-warning { 151 background-position: -246px -96px; 152 } 153 154 .audit-result-view .severity-info { 155 background-position: -235px -96px; 156 } 157 158 .audit-result-tree li.parent::before { 159 -webkit-user-select: none; 160 background-image: url(Images/statusbarButtonGlyphs.png); 161 background-size: 320px 144px; 162 opacity: 0.5; 163 float: left; 164 width: 8px; 165 height: 10px; 166 content: "a"; 167 color: transparent; 168 margin-left: 3px; 169 margin-right: 4px; 170 position: relative; 171 top: 2px; 172 } 173 174 @media (-webkit-min-device-pixel-ratio: 1.5) { 175 .audit-result-tree li.parent::before { 176 background-image: url(Images/statusbarButtonGlyphs_2x.png); 177 } 178 } /* media */ 179 180 .audit-result-tree li.parent::before { 181 background-position: -4px -96px; 182 } 183 184 .audit-result-tree li.parent.expanded::before { 185 background-position: -20px -96px; 186 } 187 188 .audit-result-tree { 189 line-height: 16px; 190 -webkit-user-select: text; 191 } 192 193 .audit-result-tree > ol { 194 position: relative; 195 padding: 2px 6px !important; 196 margin: 0; 197 cursor: default; 198 min-width: 100%; 199 } 200 201 .audit-result-tree, 202 .audit-result-tree ol { 203 list-style-type: none; 204 -webkit-padding-start: 12px; 205 margin: 0; 206 } 207 208 .audit-result-tree ol.outline-disclosure { 209 -webkit-padding-start: 0; 210 } 211 212 .audit-result-tree .section .header { 213 padding-left: 13px; 214 } 215 216 .audit-result-tree .section .header::before { 217 left: 2px; 218 } 219 220 .audit-result-tree li { 221 padding: 0 0 0 14px; 222 margin-top: 1px; 223 margin-bottom: 1px; 224 word-wrap: break-word; 225 margin-left: -2px; 226 } 227 228 .audit-result-tree li.parent { 229 margin-left: -12px 230 } 231 232 .audit-result-tree ol.children { 233 display: none; 234 } 235 236 .audit-result-tree ol.children.expanded { 237 display: block; 238 } 239 240 .audit-result { 241 font-weight: bold; 242 } 243 244 .audit-launcher-view .progress-bar-container { 245 display: inline-block; 246 } 247 248 .audit-launcher-view .progress-bar-container .progress-bar-stop-button { 249 display: none; 250 } 251