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-views { 41 position: absolute; 42 top: 0; 43 right: 0; 44 left: 200px; 45 bottom: 0; 46 overflow: auto; 47} 48 49.audit-launcher-view { 50 z-index: 1000; 51 position: absolute; 52 top: 0; 53 left: 0; 54 right: 0; 55 bottom: 0; 56 background-color: white; 57 font-size: 13px; 58 overflow-x: hidden; 59 overflow-y: overlay; 60 display: none; 61} 62 63.audit-launcher-view.visible { 64 display: block; 65} 66 67.audit-launcher-view .audit-launcher-view-content { 68 position: absolute; 69 top: 0; 70 left: 0; 71 right: 0; 72 bottom: 0; 73 padding: 0 0 0 16px; 74 white-space: nowrap; 75 display: -webkit-box; 76 -webkit-box-orient: vertical; 77} 78 79.audit-launcher-view h1 { 80 color: rgb(110, 116, 128); 81 font-size: 16px; 82 line-height: 20px; 83 font-weight: normal; 84 padding-top: 15px; 85} 86 87.audit-launcher-view h1.no-audits { 88 text-align: center; 89 font-style: italic; 90 position: relative; 91 left: -8px; 92} 93 94.audit-launcher-view div.button-container { 95 display: -webkit-box; 96 -webkit-box-orient: vertical; 97 width: 100%; 98 padding: 16px 0; 99} 100.audit-launcher-view .flexible-space { 101 -webkit-box-flex: 1; 102} 103 104.audit-launcher-view div.audit-categories-container { 105 position: relative; 106 top: 11px; 107 left: 0; 108 width: 100%; 109 overflow-y: auto; 110} 111 112.audit-launcher-view button { 113 color: rgb(6, 6, 6); 114 background-color: transparent; 115 border: 1px solid rgb(165, 165, 165); 116 background-color: rgb(237, 237, 237); 117 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); 118 -webkit-border-radius: 12px; 119 -webkit-appearance: none; 120} 121 122.audit-launcher-view button { 123 font-size: 13px; 124 padding: 3px 20px; 125 height: 24px; 126 margin: 0 5px 0 0; 127} 128 129.audit-launcher-view button:active { 130 background-color: rgb(215, 215, 215); 131 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); 132} 133 134body.inactive .audit-launcher-view button, .audit-launcher-view button:disabled { 135 color: rgb(130, 130, 130); 136 border-color: rgb(212, 212, 212); 137 background-color: rgb(239, 239, 239); 138 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235))); 139} 140 141.audit-launcher-view label { 142 position: relative; 143 display: block; 144 text-align: left; 145 word-break: break-word; 146 padding: 0 0 5px 0; 147} 148 149.audit-launcher-view label.disabled { 150 color: rgb(130, 130, 130); 151} 152 153.audit-launcher-view input[type="checkbox"] { 154 margin-left: 0; 155} 156 157.audit-launcher-view input[type="radio"] { 158 height: 17px; 159 width: 17px; 160 border: 1px solid rgb(165, 165, 165); 161 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); 162 -webkit-border-radius: 8px; 163 -webkit-appearance: none; 164 vertical-align: middle; 165 margin: 0 5px 5px 0; 166} 167 168.audit-launcher-view input[type="radio"]:active:not(:disabled) { 169 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); 170} 171 172.audit-launcher-view input[type="radio"]:checked:not(:disabled), .audit-launcher-view input[type="radio"]:checked:disabled { 173 background: url(Images/radioDot.png) center no-repeat, 174 -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); 175} 176 177.audit-launcher-view .resource-progress > img { 178 content: url(Images/spinner.gif); 179 vertical-align: text-top; 180 margin: 0 4px 0 8px; 181} 182 183.audit-result-view { 184 overflow: auto; 185 position: absolute; 186 top: 0; 187 left: 0; 188 right: 0; 189 bottom: 0; 190 display: none; 191} 192 193.audit-result-view.visible { 194 display: block; 195} 196 197.audit-result-view .severity-severe { 198 content: url(Images/errorRedDot.png); 199} 200 201.audit-result-view .severity-warning { 202 content: url(Images/warningOrangeDot.png); 203} 204 205.audit-result-view .severity-info { 206 content: url(Images/successGreenDot.png); 207} 208 209.audit-result-tree li.parent::before { 210 content: url(Images/treeRightTriangleBlack.png); 211 float: left; 212 width: 8px; 213 height: 8px; 214 margin-top: 1px; 215 padding-right: 2px; 216} 217 218.audit-result-tree { 219 font-size: 11px; 220 line-height: 14px; 221 -webkit-user-select: text; 222} 223 224.audit-result-tree > ol { 225 position: relative; 226 padding: 2px 6px !important; 227 margin: 0; 228 color: rgb(84, 84, 84); 229 cursor: default; 230 min-width: 100%; 231} 232 233.audit-result-tree, .audit-result-tree ol { 234 list-style-type: none; 235 -webkit-padding-start: 12px; 236 margin: 0; 237} 238 239.audit-result-tree li { 240 padding: 0 0 0 14px; 241 margin-top: 1px; 242 margin-bottom: 1px; 243 word-wrap: break-word; 244 text-indent: -2px; 245} 246 247.audit-result-tree li.parent { 248 text-indent: -12px 249} 250 251.audit-result-tree li.parent::before { 252 content: url(Images/treeRightTriangleBlack.png); 253 float: left; 254 width: 8px; 255 height: 8px; 256 margin-top: 0; 257 padding-right: 2px; 258} 259 260.audit-result-tree li.parent.expanded::before { 261 content: url(Images/treeDownTriangleBlack.png); 262} 263 264.audit-result-tree ol.children { 265 display: none; 266} 267 268.audit-result-tree ol.children.expanded { 269 display: block; 270} 271 272.audit-result { 273 font-weight: bold; 274 color: black; 275} 276 277.audit-result img { 278 float: left; 279 margin-left: -40px; 280 margin-top: -1px; 281} 282