| OLD | NEW |
| (Empty) |
| 1 /* | |
| 2 * Copyright (C) 2011 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 | |
| 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: Tahoma, sans-serif; | |
| 28 font-size: 11px; | |
| 29 margin: 0; | |
| 30 padding: 0; | |
| 31 } | |
| 32 | |
| 33 a { | |
| 34 color: Black; | |
| 35 } | |
| 36 | |
| 37 table { | |
| 38 table-layout: fixed; | |
| 39 width: 100%; | |
| 40 border-collapse: collapse; | |
| 41 } | |
| 42 | |
| 43 td, th { | |
| 44 overflow: hidden; | |
| 45 vertical-align: top; | |
| 46 /* border-right: 1px solid #c6c6c6; */ | |
| 47 } | |
| 48 | |
| 49 td:last-of-type, th:last-of-type { | |
| 50 /* border-right: 0px; */ | |
| 51 } | |
| 52 | |
| 53 th { | |
| 54 /* border-bottom: 1px solid #c6c6c6; */ | |
| 55 } | |
| 56 | |
| 57 button { | |
| 58 border-radius: 2px; | |
| 59 background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); | |
| 60 border: 1px solid rgba(0, 0, 0, 0.1); | |
| 61 border-radius: 2px; | |
| 62 color: #666; | |
| 63 cursor: pointer; | |
| 64 font-size: 11px; | |
| 65 font-weight: bold; | |
| 66 height: 29px; | |
| 67 line-height: 27px; | |
| 68 margin: 11px 6px; | |
| 69 min-width: 54px; | |
| 70 padding: 0 8px; | |
| 71 text-align: center | |
| 72 } | |
| 73 | |
| 74 button.next { | |
| 75 margin-left: 0px; | |
| 76 } | |
| 77 | |
| 78 button.previous { | |
| 79 margin-right: 0px; | |
| 80 } | |
| 81 | |
| 82 button[disabled] { | |
| 83 visibility: hidden; | |
| 84 } | |
| 85 | |
| 86 button:hover { | |
| 87 background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); | |
| 88 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
| 89 background-color: #f8f8f8; | |
| 90 background-image: linear-gradient(top,#f8f8f8,#f1f1f1); | |
| 91 border: 1px solid #c6c6c6; | |
| 92 box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
| 93 color: #333 | |
| 94 } | |
| 95 | |
| 96 button:focus { | |
| 97 border: 1px solid #4d90fe; | |
| 98 outline: none | |
| 99 } | |
| 100 | |
| 101 button.default { | |
| 102 border: 1px solid #3079ED; | |
| 103 color: white; | |
| 104 background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); | |
| 105 } | |
| 106 | |
| 107 button.default:hover { | |
| 108 border: 1px solid #2f5bb7; | |
| 109 color: white; | |
| 110 background-color: #357ae8; | |
| 111 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe)
,to(#357ae8)); | |
| 112 } | |
| 113 | |
| 114 .clear { | |
| 115 clear: both; | |
| 116 } | |
| 117 | |
| 118 /*** butterbar ***/ | |
| 119 | |
| 120 .butterbar { | |
| 121 background-color: #f5f5f5; | |
| 122 padding: 5px; | |
| 123 position: fixed; | |
| 124 top: 0px; | |
| 125 right: 0px; | |
| 126 } | |
| 127 | |
| 128 .butterbar .hide { | |
| 129 margin-left: 20px; | |
| 130 } | |
| 131 | |
| 132 /*** infobar ***/ | |
| 133 | |
| 134 .infobar { | |
| 135 display: none; | |
| 136 background-color: Cornsilk; | |
| 137 border: 5px solid Tomato; | |
| 138 padding: 10px; | |
| 139 margin: 5px auto; | |
| 140 font-size: 15px; | |
| 141 width: 100%; | |
| 142 text-align: center; | |
| 143 } | |
| 144 | |
| 145 .infobar .status a { | |
| 146 font-weight: normal; | |
| 147 } | |
| 148 | |
| 149 .infobar .status ul { | |
| 150 margin: 0; | |
| 151 padding: 0; | |
| 152 list-style: none; | |
| 153 display: inline-block; | |
| 154 padding: 0 0 0 10px; | |
| 155 } | |
| 156 | |
| 157 .infobar .status li { | |
| 158 display: inline-block; | |
| 159 margin: 0px 5px; | |
| 160 } | |
| 161 | |
| 162 /*** recent-history ***/ | |
| 163 | |
| 164 .recent-history { | |
| 165 } | |
| 166 | |
| 167 .recent-history .builder { | |
| 168 width: 5px; | |
| 169 border-right: 1px solid #f5f5f5; | |
| 170 } | |
| 171 | |
| 172 .recent-history .built { | |
| 173 background-color: #c6c6c6; | |
| 174 } | |
| 175 | |
| 176 .recent-history td[data-failure-types] { | |
| 177 background-color: Black; | |
| 178 } | |
| 179 | |
| 180 .changelog .result { | |
| 181 padding: 4px 0px; | |
| 182 border-top: 2px solid white; | |
| 183 border-bottom: 2px solid white; | |
| 184 } | |
| 185 | |
| 186 .changelog .test { | |
| 187 padding-left: 3px; | |
| 188 } | |
| 189 | |
| 190 .changelog .entry { | |
| 191 padding: 4px 0px 4px 3px; | |
| 192 } | |
| 193 | |
| 194 .changelog .reverted { | |
| 195 text-decoration: line-through; | |
| 196 } | |
| 197 | |
| 198 .changelog .possible-regression { | |
| 199 background-color: PapayaWhip; | |
| 200 } | |
| 201 | |
| 202 .changelog .details, .changelog .details a { | |
| 203 color: #555; | |
| 204 } | |
| 205 | |
| 206 .changelog .summary { | |
| 207 color: Black; | |
| 208 } | |
| 209 | |
| 210 .changelog .author { | |
| 211 font-style: italic; | |
| 212 } | |
| 213 | |
| 214 .test-name.IMAGE\+TEXT::after { | |
| 215 content: 'IMAGE+TEXT'; | |
| 216 font-weight: normal; | |
| 217 text-decoration: none; | |
| 218 color: white; | |
| 219 background-color: Indigo; | |
| 220 font-size: 10px; | |
| 221 padding: 1px 2px; | |
| 222 margin: 0 0 0 3px; | |
| 223 border-radius: 4px; | |
| 224 } | |
| 225 | |
| 226 .test-name.IMAGE::after { | |
| 227 content: 'IMAGE'; | |
| 228 font-weight: normal; | |
| 229 text-decoration: none; | |
| 230 color: white; | |
| 231 background-color: MidnightBlue; | |
| 232 font-size: 10px; | |
| 233 padding: 1px 2px; | |
| 234 margin: 0 0 0 3px; | |
| 235 border-radius: 4px; | |
| 236 } | |
| 237 | |
| 238 .test-name.TIMEOUT::after { | |
| 239 content: 'TIMEOUT'; | |
| 240 font-weight: normal; | |
| 241 text-decoration: none; | |
| 242 color: white; | |
| 243 background-color: DarkGoldenRod; | |
| 244 font-size: 10px; | |
| 245 padding: 1px 2px; | |
| 246 margin: 0 0 0 3px; | |
| 247 border-radius: 4px; | |
| 248 } | |
| 249 | |
| 250 .test-name.TEXT::after { | |
| 251 content: 'TEXT'; | |
| 252 font-weight: normal; | |
| 253 text-decoration: none; | |
| 254 color: white; | |
| 255 background-color: DodgerBlue; | |
| 256 font-size: 10px; | |
| 257 padding: 1px 2px; | |
| 258 margin: 0 0 0 3px; | |
| 259 border-radius: 4px; | |
| 260 } | |
| 261 | |
| 262 .test-name.CRASH::after { | |
| 263 content: 'CRASH'; | |
| 264 font-weight: normal; | |
| 265 text-decoration: none; | |
| 266 color: white; | |
| 267 background-color: Tomato; | |
| 268 font-size: 10px; | |
| 269 padding: 1px 2px; | |
| 270 margin: 0 0 0 3px; | |
| 271 border-radius: 4px; | |
| 272 } | |
| 273 | |
| 274 /*** results-view ***/ | |
| 275 | |
| 276 /* FIXME: Remove this once garden-o-matic switches to the new results view. */ | |
| 277 .old-results-view { | |
| 278 display: none; | |
| 279 position: fixed; | |
| 280 left: 0px; | |
| 281 right: 0px; | |
| 282 top: 25%; | |
| 283 bottom: 0px; | |
| 284 } | |
| 285 | |
| 286 .results-view { | |
| 287 background-color: #f5f5f5; | |
| 288 } | |
| 289 | |
| 290 .results-view .toolbar { | |
| 291 border-top: 1px solid #c6c6c6; | |
| 292 border-bottom: 1px solid #c6c6c6; | |
| 293 } | |
| 294 | |
| 295 .results-view .toolbar .selector { | |
| 296 font-size: 11px; | |
| 297 font-weight: bold; | |
| 298 height: 29px; | |
| 299 line-height: 27px; | |
| 300 margin: 11px 6px; | |
| 301 padding: 0 8px; | |
| 302 } | |
| 303 | |
| 304 .results-view .test-selector { | |
| 305 width: 400px; | |
| 306 margin-right: 6px; | |
| 307 } | |
| 308 | |
| 309 .results-view .toolbar .actions { | |
| 310 float: right; | |
| 311 } | |
| 312 | |
| 313 .results-detail td { | |
| 314 background-color: white; | |
| 315 } | |
| 316 | |
| 317 .text-result { | |
| 318 border: none; | |
| 319 width: 100%; | |
| 320 height: 400px; /* FIXME: How do we get a reasonable height here? */ | |
| 321 } | |
| 322 | |
| 323 .image-result { | |
| 324 width: 100%; | |
| 325 height: auto; | |
| 326 } | |
| 327 | |
| 328 /*** partytime ***/ | |
| 329 | |
| 330 .partytime { | |
| 331 display: none; | |
| 332 text-align: center; | |
| 333 } | |
| OLD | NEW |