OLD | NEW |
(Empty) | |
| 1 body { |
| 2 margin-bottom:50px; |
| 3 } |
| 4 |
| 5 body, td { |
| 6 font-family: Verdana, Cursor; |
| 7 font-size: 10px; |
| 8 font-weight: bold; |
| 9 } |
| 10 |
| 11 a:link,a:visited,a:active { |
| 12 color: #444; |
| 13 } |
| 14 |
| 15 a:hover { |
| 16 color: #000000; |
| 17 } |
| 18 |
| 19 table { |
| 20 border-spacing: 1px 1px; |
| 21 } |
| 22 |
| 23 table td { |
| 24 padding: 3px 0px 3px 0px; |
| 25 text-align: center; |
| 26 } |
| 27 |
| 28 .Project { |
| 29 width: 100px; |
| 30 } |
| 31 |
| 32 .LastBuild, .Activity { |
| 33 padding: 0 0 0 4px; |
| 34 } |
| 35 |
| 36 .LastBuild, .Activity, .Builder, .BuildStep { |
| 37 width: 155px; |
| 38 max-width: 155px; |
| 39 } |
| 40 |
| 41 /* Chromium Specific styles */ |
| 42 div.BuildResultInfo { |
| 43 color: #444; |
| 44 } |
| 45 |
| 46 div.Announcement { |
| 47 margin-bottom: 1em; |
| 48 } |
| 49 |
| 50 div.Announcement > a:hover { |
| 51 color: black; |
| 52 } |
| 53 |
| 54 div.Announcement > div.Notice { |
| 55 background-color: #afdaff; |
| 56 padding: 0.5em; |
| 57 font-size: 16px; |
| 58 text-align: center; |
| 59 } |
| 60 |
| 61 div.Announcement > div.Open { |
| 62 border: 3px solid #8fdf5f; |
| 63 padding: 0.5em; |
| 64 font-size: 16px; |
| 65 text-align: center; |
| 66 } |
| 67 |
| 68 div.Announcement > div.Closed { |
| 69 border: 5px solid #e98080; |
| 70 padding: 0.5em; |
| 71 font-size: 24px; |
| 72 font-weight: bold; |
| 73 text-align: center; |
| 74 } |
| 75 |
| 76 td.Time { |
| 77 color: #000; |
| 78 border-bottom: 1px solid #aaa; |
| 79 background-color: #eee; |
| 80 } |
| 81 |
| 82 td.Activity, td.Change, td.Builder { |
| 83 color: #333333; |
| 84 background-color: #CCCCCC; |
| 85 } |
| 86 |
| 87 td.Change { |
| 88 border-radius: 5px; |
| 89 -webkit-border-radius: 5px; |
| 90 -moz-border-radius: 5px; |
| 91 } |
| 92 td.Event { |
| 93 color: #777; |
| 94 background-color: #ddd; |
| 95 border-radius: 5px; |
| 96 -webkit-border-radius: 5px; |
| 97 -moz-border-radius: 5px; |
| 98 } |
| 99 |
| 100 td.Activity { |
| 101 border-top-left-radius: 10px; |
| 102 -webkit-border-top-left-radius: 10px; |
| 103 -moz-border-radius-topleft: 10px; |
| 104 min-height: 20px; |
| 105 padding: 2px 0 2px 0; |
| 106 } |
| 107 |
| 108 td.idle, td.waiting, td.offline, td.building { |
| 109 border-top-left-radius: 0px; |
| 110 -webkit-border-top-left-radius: 0px; |
| 111 -moz-border-radius-topleft: 0px; |
| 112 } |
| 113 |
| 114 .LastBuild { |
| 115 border-top-left-radius: 5px; |
| 116 -webkit-border-top-left-radius: 5px; |
| 117 -moz-border-radius-topleft: 5px; |
| 118 border-top-right-radius: 5px; |
| 119 -webkit-border-top-right-radius: 5px; |
| 120 -moz-border-radius-topright: 5px; |
| 121 } |
| 122 |
| 123 /* Console view styles */ |
| 124 |
| 125 td.DevRev { |
| 126 padding: 4px 8px 4px 8px; |
| 127 color: #333333; |
| 128 border-top-left-radius: 5px; |
| 129 -webkit-border-top-left-radius: 5px; |
| 130 -moz-border-radius-topleft: 5px; |
| 131 background-color: #eee; |
| 132 width: 1%; |
| 133 } |
| 134 |
| 135 td.DevRevCollapse { |
| 136 border-bottom-left-radius: 5px; |
| 137 -webkit-border-bottom-left-radius: 5px; |
| 138 -moz-border-radius-bottomleft: 5px; |
| 139 } |
| 140 |
| 141 td.DevName { |
| 142 padding: 4px 8px 4px 8px; |
| 143 color: #333333; |
| 144 background-color: #eee; |
| 145 width: 1%; |
| 146 text-align: left; |
| 147 } |
| 148 |
| 149 td.DevStatus { |
| 150 padding: 4px 4px 4px 4px; |
| 151 color: #333333; |
| 152 background-color: #eee; |
| 153 } |
| 154 |
| 155 td.DevSlave { |
| 156 padding: 4px 4px 4px 4px; |
| 157 color: #333333; |
| 158 background-color: #eee; |
| 159 } |
| 160 |
| 161 td.first { |
| 162 border-top-left-radius: 5px; |
| 163 -webkit-border-top-left-radius: 5px; |
| 164 -moz-border-radius-topleft: 5px; |
| 165 } |
| 166 |
| 167 td.last { |
| 168 border-top-right-radius: 5px; |
| 169 -webkit-border-top-right-radius: 5px; |
| 170 -moz-border-radius-topright: 5px; |
| 171 } |
| 172 |
| 173 td.DevStatusCategory { |
| 174 border-radius: 5px; |
| 175 -webkit-border-radius: 5px; |
| 176 -moz-border-radius: 5px; |
| 177 border-width:1px; |
| 178 border-style:solid; |
| 179 } |
| 180 |
| 181 td.DevStatusCollapse { |
| 182 border-bottom-right-radius: 5px; |
| 183 -webkit-border-bottom-right-radius: 5px; |
| 184 -moz-border-radius-bottomright: 5px; |
| 185 } |
| 186 |
| 187 td.DevDetails { |
| 188 font-weight: normal; |
| 189 padding: 8px 8px 8px 8px; |
| 190 color: #333333; |
| 191 background-color: #eee; |
| 192 text-align: left; |
| 193 } |
| 194 |
| 195 td.DevComment { |
| 196 font-weight: normal; |
| 197 padding: 8px 8px 8px 8px; |
| 198 color: #333333; |
| 199 border-bottom-right-radius: 5px; |
| 200 -webkit-border-bottom-right-radius: 5px; |
| 201 -moz-border-radius-bottomright: 5px; |
| 202 border-bottom-left-radius: 5px; |
| 203 -webkit-border-bottom-left-radius: 5px; |
| 204 -moz-border-radius-bottomleft: 5px; |
| 205 background-color: #eee; |
| 206 text-align: left; |
| 207 } |
| 208 |
| 209 td.Alt { |
| 210 background-color: #CCCCCC; |
| 211 } |
| 212 |
| 213 .legend { |
| 214 border-radius: 5px; |
| 215 -webkit-border-radius: 5px; |
| 216 -moz-border-radius: 5px; |
| 217 width: 100px; |
| 218 max-width: 100px; |
| 219 text-align:center; |
| 220 padding: 2px 2px 2px 2px; |
| 221 height:14px; |
| 222 white-space:nowrap; |
| 223 } |
| 224 |
| 225 .DevStatusBox { |
| 226 text-align:center; |
| 227 height:20px; |
| 228 padding:0 2px; |
| 229 line-height:0; |
| 230 white-space:nowrap; |
| 231 } |
| 232 |
| 233 .DevStatusBox a { |
| 234 opacity: 0.85; |
| 235 border-width:1px; |
| 236 border-style:solid; |
| 237 border-radius: 4px; |
| 238 -webkit-border-radius: 4px; |
| 239 -moz-border-radius: 4px; |
| 240 display:block; |
| 241 width:90%; |
| 242 height:20px; |
| 243 line-height:20px; |
| 244 margin-left: auto; |
| 245 margin-right: auto; |
| 246 } |
| 247 |
| 248 .DevSlaveBox { |
| 249 text-align:center; |
| 250 height:10px; |
| 251 padding:0 2px; |
| 252 line-height:0; |
| 253 white-space:nowrap; |
| 254 } |
| 255 |
| 256 .DevSlaveBox a { |
| 257 opacity: 0.85; |
| 258 border-width:1px; |
| 259 border-style:solid; |
| 260 border-radius: 4px; |
| 261 -webkit-border-radius: 4px; |
| 262 -moz-border-radius: 4px; |
| 263 display:block; |
| 264 width:90%; |
| 265 height:10px; |
| 266 line-height:20px; |
| 267 margin-left: auto; |
| 268 margin-right: auto; |
| 269 } |
| 270 |
| 271 a.noround { |
| 272 border-radius: 0px; |
| 273 -webkit-border-radius: 0px; |
| 274 -moz-border-radius: 0px; |
| 275 position: relative; |
| 276 margin-top: -8px; |
| 277 margin-bottom: -8px; |
| 278 height: 36px; |
| 279 border-top-width: 0; |
| 280 border-bottom-width: 0; |
| 281 } |
| 282 |
| 283 a.begin { |
| 284 border-top-width:1px; |
| 285 position: relative; |
| 286 margin-top: 0px; |
| 287 margin-bottom: -7px; |
| 288 height: 27px; |
| 289 border-top-left-radius: 4px; |
| 290 -webkit-border-top-left-radius: 4px; |
| 291 -moz-border-radius-topleft: 4px; |
| 292 border-top-right-radius: 4px; |
| 293 -webkit-border-top-right-radius: 4px; |
| 294 -moz-border-radius-topright: 4px; |
| 295 } |
| 296 |
| 297 a.end { |
| 298 border-bottom-width:1px; |
| 299 position: relative; |
| 300 margin-top: -7px; |
| 301 margin-bottom: 0px; |
| 302 height: 27px; |
| 303 border-bottom-left-radius: 4px; |
| 304 -webkit-border-bottom-left-radius: 4px; |
| 305 -moz-border-radius-bottomleft: 4px; |
| 306 border-bottom-right-radius: 4px; |
| 307 -webkit-border-bottom-right-radius: 4px; |
| 308 -moz-border-radius-bottomright: 4px; |
| 309 } |
| 310 |
| 311 .center_align { |
| 312 text-align: center; |
| 313 } |
| 314 |
| 315 .right_align { |
| 316 text-align: right; |
| 317 } |
| 318 |
| 319 .left_align { |
| 320 text-align: left; |
| 321 } |
| 322 |
| 323 div.BuildWaterfall { |
| 324 border-radius: 7px; |
| 325 -webkit-border-radius: 7px; |
| 326 -moz-border-radius: 7px; |
| 327 position: absolute; |
| 328 left: 0px; |
| 329 top: 0px; |
| 330 background-color: #FFFFFF; |
| 331 padding: 4px 4px 4px 4px; |
| 332 float: left; |
| 333 display: none; |
| 334 border-width: 1px; |
| 335 border-style: solid; |
| 336 } |
| 337 |
| 338 /* LastBuild, BuildStep states */ |
| 339 .success { |
| 340 color: #FFFFFF; |
| 341 background-color: #8fdf5f; |
| 342 border-color: #4F8530; |
| 343 } |
| 344 |
| 345 .failure { |
| 346 color: #FFFFFF; |
| 347 background-color: #e98080; |
| 348 border-color: #A77272; |
| 349 } |
| 350 |
| 351 .warnings { |
| 352 color: #FFFFFF; |
| 353 background-color: #ffc343; |
| 354 border-color: #C29D46; |
| 355 } |
| 356 |
| 357 .exception, td.offline { |
| 358 color: #FFFFFF; |
| 359 background-color: #e0b0ff; |
| 360 border-color: #ACA0B3; |
| 361 } |
| 362 |
| 363 .start,.running, td.building { |
| 364 color: #666666; |
| 365 background-color: #fffc6c; |
| 366 border-color: #C5C56D; |
| 367 } |
| 368 |
| 369 .running_failure { |
| 370 color: #FFFFFF; |
| 371 background-color: #fffc6c; |
| 372 border-color: #ff0000; |
| 373 } |
| 374 |
| 375 .start { |
| 376 border-bottom-left-radius: 10px; |
| 377 -webkit-border-bottom-left-radius: 10px; |
| 378 -moz-border-radius-bottomleft: 10px; |
| 379 border-bottom-right-radius: 10px; |
| 380 -webkit-border-bottom-right-radius: 10px; |
| 381 -moz-border-radius-bottomright: 10px; |
| 382 } |
| 383 |
| 384 .notstarted { |
| 385 border-width:1px; |
| 386 border-style:solid; |
| 387 border-color:#aaa; |
| 388 } |
| 389 |
| 390 .closed { |
| 391 background-color: #ff0000; |
| 392 } |
| 393 |
| 394 .closed .large { |
| 395 font-size: 1.5em; |
| 396 font-weight: bolder; |
| 397 } |
| 398 |
| 399 td.Project a:hover, td.start a:hover { |
| 400 color: #000; |
| 401 } |
| 402 |
| 403 .mini-box { |
| 404 text-align:center; |
| 405 height:20px; |
| 406 padding:0 2px; |
| 407 line-height:0; |
| 408 white-space:nowrap; |
| 409 } |
| 410 |
| 411 .mini-box a { |
| 412 border-radius: 0; |
| 413 -webkit-border-radius: 0; |
| 414 -moz-border-radius: 0; |
| 415 display:block; |
| 416 width:100%; |
| 417 height:20px; |
| 418 line-height:20px; |
| 419 margin-top:-30px; |
| 420 } |
| 421 |
| 422 .mini-closed { |
| 423 -box-sizing:border-box; |
| 424 -webkit-box-sizing:border-box; |
| 425 border:4px solid red; |
| 426 } |
| 427 |
| 428 /* grid styles */ |
| 429 |
| 430 table.Grid { |
| 431 border-collapse: collapse; |
| 432 } |
| 433 |
| 434 table.Grid tr td { |
| 435 padding: 0.2em; |
| 436 margin: 0px; |
| 437 text-align: center; |
| 438 } |
| 439 |
| 440 table.Grid tr td.title { |
| 441 font-size: 90%; |
| 442 border-right: 1px gray solid; |
| 443 border-bottom: 1px gray solid; |
| 444 } |
| 445 |
| 446 table.Grid tr td.sourcestamp { |
| 447 font-size: 90%; |
| 448 } |
| 449 |
| 450 table.Grid tr td.builder { |
| 451 text-align: right; |
| 452 font-size: 90%; |
| 453 } |
| 454 |
| 455 table.Grid tr td.build { |
| 456 border: 1px gray solid; |
| 457 } |
OLD | NEW |