| 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: linear-gradient(#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 /* FIXME: This hover effect can't work on mobile. */ | |
| 87 button:hover { | |
| 88 background-image: linear-gradient(#f8f8f8, #f1f1f1); | |
| 89 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
| 90 background-color: #f8f8f8; | |
| 91 background-image: linear-gradient(top,#f8f8f8,#f1f1f1); | |
| 92 border: 1px solid #c6c6c6; | |
| 93 box-shadow: 0 1px 1px rgba(0,0,0,0.1); | |
| 94 color: #333 | |
| 95 } | |
| 96 | |
| 97 button:focus { | |
| 98 border: 1px solid #4d90fe; | |
| 99 outline: none | |
| 100 } | |
| 101 | |
| 102 button.default { | |
| 103 border: 1px solid #3079ED; | |
| 104 color: white; | |
| 105 background-image: linear-gradient(#4d90fe, #4787ed); | |
| 106 } | |
| 107 | |
| 108 /* FIXME: This hover effect can't work on mobile. */ | |
| 109 button.default:hover { | |
| 110 border: 1px solid #2f5bb7; | |
| 111 color: white; | |
| 112 background-color: #357ae8; | |
| 113 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe)
,to(#357ae8)); | |
| 114 } | |
| 115 | |
| 116 .clear { | |
| 117 clear: both; | |
| 118 } | |
| 119 | |
| 120 /*** butterbar ***/ | |
| 121 | |
| 122 .butterbar { | |
| 123 background-color: #f5f5f5; | |
| 124 padding: 5px; | |
| 125 position: fixed; | |
| 126 top: 0px; | |
| 127 right: 0px; | |
| 128 } | |
| 129 | |
| 130 .butterbar .hide { | |
| 131 margin-left: 20px; | |
| 132 } | |
| 133 | |
| 134 /*** infobar ***/ | |
| 135 | |
| 136 .infobar { | |
| 137 display: none; | |
| 138 background-color: Cornsilk; | |
| 139 border: 5px solid Tomato; | |
| 140 padding: 10px; | |
| 141 margin: 5px auto; | |
| 142 font-size: 15px; | |
| 143 width: 100%; | |
| 144 text-align: center; | |
| 145 } | |
| 146 | |
| 147 .infobar .status a { | |
| 148 font-weight: normal; | |
| 149 } | |
| 150 | |
| 151 .infobar .status ul { | |
| 152 margin: 0; | |
| 153 padding: 0; | |
| 154 list-style: none; | |
| 155 display: inline-block; | |
| 156 padding: 0 0 0 10px; | |
| 157 } | |
| 158 | |
| 159 .infobar .status li { | |
| 160 display: inline-block; | |
| 161 margin: 0px 5px; | |
| 162 } | |
| 163 | |
| 164 /*** recent-history ***/ | |
| 165 | |
| 166 .recent-history { | |
| 167 } | |
| 168 | |
| 169 .recent-history .builder { | |
| 170 width: 5px; | |
| 171 border-right: 1px solid #f5f5f5; | |
| 172 } | |
| 173 | |
| 174 .recent-history .built { | |
| 175 background-color: #c6c6c6; | |
| 176 } | |
| 177 | |
| 178 .recent-history td[data-failure-types] { | |
| 179 background-color: Black; | |
| 180 } | |
| 181 | |
| 182 .changelog .result { | |
| 183 padding: 4px 0px; | |
| 184 border-top: 2px solid white; | |
| 185 border-bottom: 2px solid white; | |
| 186 } | |
| 187 | |
| 188 .changelog .test { | |
| 189 padding-left: 3px; | |
| 190 } | |
| 191 | |
| 192 .changelog .entry { | |
| 193 padding: 4px 0px 4px 3px; | |
| 194 } | |
| 195 | |
| 196 .changelog .reverted { | |
| 197 text-decoration: line-through; | |
| 198 } | |
| 199 | |
| 200 .changelog .possible-regression { | |
| 201 background-color: PapayaWhip; | |
| 202 } | |
| 203 | |
| 204 .changelog .details, .changelog .details a { | |
| 205 color: #555; | |
| 206 } | |
| 207 | |
| 208 .changelog .summary { | |
| 209 color: Black; | |
| 210 } | |
| 211 | |
| 212 .changelog .author { | |
| 213 font-style: italic; | |
| 214 } | |
| 215 | |
| 216 .test-name.IMAGE\+TEXT::after { | |
| 217 content: 'IMAGE+TEXT'; | |
| 218 font-weight: normal; | |
| 219 text-decoration: none; | |
| 220 color: white; | |
| 221 background-color: Indigo; | |
| 222 font-size: 10px; | |
| 223 padding: 1px 2px; | |
| 224 margin: 0 0 0 3px; | |
| 225 border-radius: 4px; | |
| 226 } | |
| 227 | |
| 228 .test-name.IMAGE::after { | |
| 229 content: 'IMAGE'; | |
| 230 font-weight: normal; | |
| 231 text-decoration: none; | |
| 232 color: white; | |
| 233 background-color: MidnightBlue; | |
| 234 font-size: 10px; | |
| 235 padding: 1px 2px; | |
| 236 margin: 0 0 0 3px; | |
| 237 border-radius: 4px; | |
| 238 } | |
| 239 | |
| 240 .test-name.TIMEOUT::after { | |
| 241 content: 'TIMEOUT'; | |
| 242 font-weight: normal; | |
| 243 text-decoration: none; | |
| 244 color: white; | |
| 245 background-color: DarkGoldenRod; | |
| 246 font-size: 10px; | |
| 247 padding: 1px 2px; | |
| 248 margin: 0 0 0 3px; | |
| 249 border-radius: 4px; | |
| 250 } | |
| 251 | |
| 252 .test-name.TEXT::after { | |
| 253 content: 'TEXT'; | |
| 254 font-weight: normal; | |
| 255 text-decoration: none; | |
| 256 color: white; | |
| 257 background-color: DodgerBlue; | |
| 258 font-size: 10px; | |
| 259 padding: 1px 2px; | |
| 260 margin: 0 0 0 3px; | |
| 261 border-radius: 4px; | |
| 262 } | |
| 263 | |
| 264 .test-name.CRASH::after { | |
| 265 content: 'CRASH'; | |
| 266 font-weight: normal; | |
| 267 text-decoration: none; | |
| 268 color: white; | |
| 269 background-color: Tomato; | |
| 270 font-size: 10px; | |
| 271 padding: 1px 2px; | |
| 272 margin: 0 0 0 3px; | |
| 273 border-radius: 4px; | |
| 274 } | |
| 275 | |
| 276 /*** results-view ***/ | |
| 277 | |
| 278 /* FIXME: Remove this once garden-o-matic switches to the new results view. */ | |
| 279 .old-results-view { | |
| 280 display: none; | |
| 281 position: fixed; | |
| 282 left: 0px; | |
| 283 right: 0px; | |
| 284 top: 25%; | |
| 285 bottom: 0px; | |
| 286 } | |
| 287 | |
| 288 .results-view { | |
| 289 background-color: #f5f5f5; | |
| 290 } | |
| 291 | |
| 292 .results-view .toolbar { | |
| 293 border-top: 1px solid #c6c6c6; | |
| 294 border-bottom: 1px solid #c6c6c6; | |
| 295 } | |
| 296 | |
| 297 .results-view .toolbar .selector { | |
| 298 font-size: 11px; | |
| 299 font-weight: bold; | |
| 300 height: 29px; | |
| 301 line-height: 27px; | |
| 302 margin: 11px 6px; | |
| 303 padding: 0 8px; | |
| 304 } | |
| 305 | |
| 306 .results-view .test-selector { | |
| 307 width: 400px; | |
| 308 margin-right: 6px; | |
| 309 } | |
| 310 | |
| 311 .results-view .toolbar .actions { | |
| 312 float: right; | |
| 313 } | |
| 314 | |
| 315 .results-detail td { | |
| 316 background-color: white; | |
| 317 } | |
| 318 | |
| 319 /*** partytime ***/ | |
| 320 | |
| 321 .partytime { | |
| 322 display: none; | |
| 323 text-align: center; | |
| 324 } | |
| OLD | NEW |