1 /* 2 * Copyright (C) 2012 Google 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 are 6 * met: 7 * 8 * * Redistributions of source code must retain the above copyright 9 * notice, this list of conditions and the following disclaimer. 10 * * Redistributions in binary form must reproduce the above 11 * copyright notice, this list of conditions and the following disclaimer 12 * in the documentation and/or other materials provided with the 13 * distribution. 14 * * Neither the name of Google Inc. nor the names of its 15 * contributors may be used to endorse or promote products derived from 16 * this software without specific prior written permission. 17 * 18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 29 */ 30 31 #errors { 32 color: red; 33 font-size: 16px; 34 margin: 0; 35 } 36 #result-input { 37 width: 7em; 38 } 39 .test-link.builder-name { 40 white-space: nowrap; 41 } 42 .test-link, .options-container { 43 padding: 0 2px; 44 } 45 .test-table { 46 white-space: nowrap; 47 border-spacing: 1px; 48 } 49 /* Let the bugs column wrap. */ 50 .test-table tr > td:nth-child(2) { 51 white-space: normal; 52 } 53 .test-table { 54 width: 100%; 55 } 56 .test-table tr { 57 border: 1px solid red; 58 background-color: #E8E8E8; 59 } 60 .test-table tbody tr:hover { 61 opacity: .7; 62 } 63 .test-table th { 64 -webkit-user-select: none; 65 -moz-user-select: none; 66 } 67 .link, .sortable .header-text { 68 color: blue; 69 text-decoration: underline; 70 cursor: pointer; 71 } 72 .table-header-content, 73 .table-header-content * { 74 display: -webkit-box; 75 } 76 .table-header-content * { 77 -webkit-box-flex: 1; 78 cursor: pointer; 79 } 80 .results { 81 cursor: pointer; 82 padding: 0 1px; 83 font-size: 10px; 84 text-align: center; 85 } 86 #legend { 87 position: fixed; 88 top: 5px; 89 right: 5px; 90 width: 400px; 91 padding: 2px; 92 border: 2px solid grey; 93 background-color: white; 94 z-index: 1; 95 } 96 #legend ul, #legend ol { 97 margin-top: 0; 98 margin-bottom: 5px; 99 } 100 #legend-contents * { 101 margin: 3px 0; 102 padding: 0 2px; 103 float: left; 104 border: 1px solid grey; 105 } 106 .PASS { 107 background-color: #3f3; 108 } 109 .NODATA, .NOTRUN { 110 background-color: #fff; 111 } 112 .SKIP { 113 background-color: lightgray; 114 } 115 .CRASH { 116 background-color: #c90; 117 } 118 .TIMEOUT { 119 background-color: #fffc6c; 120 } 121 .IMAGE { 122 background-color: #69f; 123 } 124 .TEXT { 125 background-color: #e98080; 126 } 127 .MISSING { 128 background-color: #8a7700; 129 } 130 .IMAGETEXT { 131 background-color: #96f; 132 } 133 .AUDIO { 134 background-color: lightblue; 135 } 136 .FLAKY { 137 background-color: turquoise; 138 } 139 .separator { 140 border: 1px solid lightgray; 141 height: 0px; 142 } 143 #passing-tests, 144 #skipped-tests { 145 -webkit-column-count: 3; 146 -webkit-column-gap: 25px; 147 -webkit-column-rule: 1px dashed black; 148 -moz-column-count: 3; 149 -moz-column-gap: 25px; 150 -moz-column-rule: 1px dashed black; 151 border-top: 1px dashed black; 152 border-bottom: 1px dashed black; 153 } 154 .not-found { 155 color: red; 156 font-size: large; 157 } 158 #loading-ui { 159 position: fixed; 160 top: 0; 161 left: 0; 162 background-color: yellow; 163 padding: 5px; 164 text-align: center; 165 font-weight: bold; 166 } 167 #popup { 168 background-color: white; 169 z-index: 1; 170 position: absolute; 171 border: 3px solid grey; 172 padding: 3px; 173 -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 174 -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 175 -webkit-border-radius: 5px; 176 -moz-border-radius: 5px; 177 } 178 #popup > ul { 179 margin: 0; 180 padding-left: 20px; 181 } 182 .expectations-container { 183 overflow: hidden; 184 margin-bottom: 10px; 185 } 186 .expectations-item { 187 float: left; 188 border: 1px solid grey; 189 display: -webkit-box; 190 display: -moz-box; 191 position: relative; 192 -webkit-box-orient: vertical; 193 -moz-box-orient: vertical; 194 } 195 .expectations-item .expectation { 196 width: 400px; 197 height: 300px; 198 border: 0; 199 overflow: auto; 200 display: -webkit-box; 201 display: -moz-box; 202 -webkit-box-flex: 1; 203 -moz-box-flex: 1; 204 } 205 pre.expectation { 206 padding: 8px; 207 margin: 0; 208 box-sizing: border-box; 209 } 210 .expectations-item .large { 211 width: 800px; 212 height: 600px; 213 } 214 .non-webkit-results { 215 width: 99%; 216 } 217 .gpu-test-results { 218 width: 400px; 219 } 220 .used-platform { 221 float: right; 222 color: darkblue; 223 margin: 0 5px; 224 } 225 .expectations-title { 226 outline: 1px solid grey; 227 text-align: center; 228 } 229 .platforms { 230 position: absolute; 231 right: 0; 232 z-index: 1; 233 } 234 .pngchecksum { 235 position: absolute; 236 right: 0; 237 bottom: 0; 238 background-color: #ffffc8; 239 visibility: hidden; 240 } 241 .expectations-item:hover .pngchecksum { 242 visibility: visible; 243 } 244 .skipped-builder-list { 245 margin-left: 20px; 246 background-color: #E8E8E8; 247 } 248 .skipped-builder { 249 display: inline-block; 250 white-space: nowrap; 251 } 252 .skipped-builder:after { 253 content: '|'; 254 margin: 5px; 255 } 256 .skipped-builder:last-child:after { 257 content: ''; 258 } 259 260