1 /* 2 * Copyright (C) 2010 Apple Inc. All rights reserved. 3 * 4 * Redistribution and use in source and binary forms, with or without 5 * modification, are permitted provided that the following conditions 6 * are met: 7 * 1. Redistributions of source code must retain the above copyright 8 * notice, this list of conditions and the following disclaimer. 9 * 2. Redistributions in binary form must reproduce the above copyright 10 * notice, this list of conditions and the following disclaimer in the 11 * documentation and/or other materials provided with the distribution. 12 * 13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' 14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, 15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS 17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR 18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF 19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS 20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN 21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) 22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF 23 * THE POSSIBILITY OF SUCH DAMAGE. 24 */ 25 26 body { 27 font-family: Helvetica, sans-serif; 28 background-color: #DDD; 29 } 30 31 .controls { 32 border: 1px solid black; 33 width: 300px; 34 height: 660px; 35 float: left; 36 font-size: smaller; 37 padding: 4px; 38 } 39 40 .controls div { 41 margin: 4px; 42 } 43 44 .controls select { 45 width: 100%; 46 } 47 48 .details > div { 49 margin: 4px 0; 50 } 51 52 .test-type { 53 float: left; 54 } 55 56 .name > button { 57 margin-top: 20px; 58 float: right; 59 } 60 61 .actions { 62 margin-left: 320px; 63 border: 1px solid black; 64 font-size: smaller; 65 height: 30px; 66 padding: 4px; 67 margin-bottom: 8px; 68 } 69 70 .actions button { 71 font-size: 13px; 72 width: 5em; 73 } 74 75 .note { 76 display: inline-block; 77 font-size: 10px; 78 margin-left: 5px; 79 color: gray; 80 } 81 .action-buttons { 82 float: right; 83 } 84 85 #test-content { 86 margin-left: 320px; 87 height: 612px; 88 border: 1px solid black; 89 padding: 4px; 90 background-color: white; 91 } 92 93 .info > div { 94 margin: 6px 0; 95 } 96 97 .info .title { 98 font-size: larger; 99 font-weight: bold; 100 } 101 102 .info .url { 103 font-family: monospace; 104 } 105 106 .info .assertion, .info .flags { 107 font-size: smaller; 108 } 109 110 #warning { 111 padding-left: 1em; 112 color: red; 113 display: none; 114 } 115 116 #print-button { 117 float: right; 118 display: none; 119 } 120 121 #test-content.print { 122 } 123 124 #test-content.print #print-button { 125 display: inline; 126 } 127 128 #test-content.warn #warning { 129 display: inline; 130 } 131 132 #test-content iframe { 133 border: 1px solid gray; 134 margin: 2px; 135 } 136 137 #test-content h2 { 138 font-size: 11pt; 139 margin: 2px 0 2px 0; 140 color: darkgray; 141 } 142 143 #test-list > option.untested { 144 } 145 146 #test-list > option.pass { 147 color: rgba(0, 128, 0, 0.6); 148 } 149 150 #test-list > option.fail { 151 color: rgba(255, 0, 0, 0.6); 152 } 153 154 #test-list > option.skipped { 155 color: rgba(255, 128, 0, 0.6); 156 } 157 158 #test-content.with-ref { 159 } 160 161 .frame-wrapper { 162 163 } 164 165 .frame-wrapper iframe { 166 width: 98%; 167 height: 460px; 168 } 169 170 .frame-wrapper { 171 height: 500px; 172 width: 99%; 173 display: inline-block; 174 } 175 176 .with-ref > .frame-wrapper { 177 width: 49%; 178 } 179 180 #ref-wrapper { 181 height: 500px; 182 width: 49%; 183 display: none; 184 } 185 186 .with-ref > #ref-wrapper { 187 display: inline-block; 188 } 189 190 .results { 191 border: 1px solid black; 192 padding: 4px; 193 margin-top: 6px; 194 } 195 196 #output { 197 border: 1px solid black; 198 font-size: smaller; 199 height: 220px; 200 margin: 4px; 201 padding: 4px; 202 overflow-y: auto; 203 background-color: white; 204 } 205 206 #output > p { 207 margin: 0; 208 } 209 #output .pass { 210 color: green; 211 } 212 213 #output .fail { 214 color: red; 215 } 216 217 #output .skipped { 218 color: orange; 219 } 220 221 #output .invalid { 222 background: red; 223 } 224 225 .output-options { 226 float: right; 227 border: 1px solid black; 228 width: 200px; 229 height: 220px; 230 margin: 4px; 231 padding: 4px; 232 font-size: smaller; 233 } 234 235 .output-options select { 236 width: 90%; 237 } 238 239 .summary { 240 font-size: smaller; 241 margin: 4px; 242 } 243 244 .summary .label { 245 display: inline-block; 246 min-width: 5em; 247 margin: 0; 248 } 249 250 .summary span { 251 display: inline-block; 252 min-width: 3em; 253 text-align: right; 254 margin: 0; 255 } 256 257 .summary td { 258 text-align: right; 259 padding: 4px; 260 } 261 262 .custom button { 263 display: block; 264 margin: 12px 0; 265 } 266 267 /* Overlay */ 268 269 #overlay { 270 position: fixed; 271 top: 0; 272 left: 0; 273 bottom: 0; 274 right: 0; 275 background-color: rgba(0, 0, 0, 0.6); 276 display: none; 277 } 278 279 #overlay.visible { 280 display: block; 281 } 282 283 .overlay-contents { 284 position: relative; 285 background-color: white; 286 margin: 50px auto; 287 width: 1000px; 288 padding: 20px; 289 } 290 291 .overlay-contents textarea { 292 width: 90em; 293 height: 50em; 294 } 295 .overlay-contents .buttons { 296 text-align: right; 297 } 298 299 .overlay-contents .note { 300 float: left; 301 } 302 303 .overlay-contents .buttons button { 304 font-size: 13px; 305 width: 6em; 306 margin: 12px 8px; 307 } 308 309