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 134 body.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