/ public_html / default.css
default.css
1 body.interface { 2 margin-left: 30px; 3 margin-right: 30px; 4 margin-top: 20px; 5 margin-bottom: 50px; 6 padding: 0; 7 background: url(bg_gradient.jpg) repeat-x; 8 font-family: Verdana, sans-serif; 9 font-size: 10px; 10 background-color: #fff; 11 color: #333; 12 } 13 14 .auth { 15 position:absolute; 16 top:5px; 17 right:40px; 18 } 19 20 .alert { 21 color: #c30000; 22 background-color: #f2dcdc; 23 padding: 5px 5px 5px 25px; 24 margin-bottom: 20px; 25 border-top:1px solid #ccc; 26 border-bottom:1px solid #ccc; 27 border-color: #c30000; 28 font-size: 20px; 29 } 30 a:link,a:visited,a:active { 31 color: #444; 32 } 33 34 table { 35 border-spacing: 1px 1px; 36 } 37 38 table td { 39 padding: 3px 4px 3px 4px; 40 text-align: center; 41 } 42 43 .Project { 44 min-width: 6em; 45 } 46 47 .LastBuild,.Activity { 48 padding: 0 0 0 4px; 49 } 50 51 .LastBuild,.Activity,.Builder,.BuildStep { 52 min-width: 5em; 53 } 54 55 /* Chromium Specific styles */ 56 div.BuildResultInfo { 57 color: #444; 58 } 59 60 div.Announcement { 61 margin-bottom: 1em; 62 } 63 64 div.Announcement>a:hover { 65 color: black; 66 } 67 68 div.Announcement>div.Notice { 69 background-color: #afdaff; 70 padding: 0.5em; 71 font-size: 16px; 72 text-align: center; 73 } 74 75 div.Announcement>div.Open { 76 border: 3px solid #8fdf5f; 77 padding: 0.5em; 78 font-size: 16px; 79 text-align: center; 80 } 81 82 div.Announcement>div.Closed { 83 border: 5px solid #e98080; 84 padding: 0.5em; 85 font-size: 24px; 86 font-weight: bold; 87 text-align: center; 88 } 89 90 td.Time { 91 color: #000; 92 border-bottom: 1px solid #aaa; 93 background-color: #eee; 94 } 95 96 td.Activity,td.Change,td.Builder { 97 color: #333333; 98 background-color: #CCCCCC; 99 } 100 101 td.Change { 102 border-radius: 5px; 103 -webkit-border-radius: 5px; 104 -moz-border-radius: 5px; 105 } 106 107 td.Event { 108 color: #777; 109 background-color: #ddd; 110 border-radius: 5px; 111 -webkit-border-radius: 5px; 112 -moz-border-radius: 5px; 113 } 114 115 td.Activity { 116 border-top-left-radius: 10px; 117 -webkit-border-top-left-radius: 10px; 118 -moz-border-radius-topleft: 10px; 119 min-height: 20px; 120 padding: 2px 0 2px 0; 121 } 122 123 td.idle,td.waiting,td.offline,td.building { 124 border-top-left-radius: 0px; 125 -webkit-border-top-left-radius: 0px; 126 -moz-border-radius-topleft: 0px; 127 } 128 129 .LastBuild { 130 border-top-left-radius: 5px; 131 -webkit-border-top-left-radius: 5px; 132 -moz-border-radius-topleft: 5px; 133 border-top-right-radius: 5px; 134 -webkit-border-top-right-radius: 5px; 135 -moz-border-radius-topright: 5px; 136 } 137 138 /* Console view styles */ 139 td.DevStatus > table { 140 table-layout: fixed; 141 } 142 143 td.DevRev { 144 padding: 4px 8px 4px 8px; 145 color: #333333; 146 border-top-left-radius: 5px; 147 -webkit-border-top-left-radius: 5px; 148 -moz-border-radius-topleft: 5px; 149 background-color: #eee; 150 width: 1%; 151 } 152 153 td.DevRevCollapse { 154 border-bottom-left-radius: 5px; 155 -webkit-border-bottom-left-radius: 5px; 156 -moz-border-radius-bottomleft: 5px; 157 } 158 159 td.DevName { 160 padding: 4px 8px 4px 8px; 161 color: #333333; 162 background-color: #eee; 163 width: 1%; 164 text-align: left; 165 } 166 167 td.DevStatus { 168 padding: 4px 4px 4px 4px; 169 color: #333333; 170 background-color: #eee; 171 } 172 173 td.DevSlave { 174 padding: 4px 4px 4px 4px; 175 color: #333333; 176 background-color: #eee; 177 } 178 179 td.first { 180 border-top-left-radius: 5px; 181 -webkit-border-top-left-radius: 5px; 182 -moz-border-radius-topleft: 5px; 183 } 184 185 td.last { 186 border-top-right-radius: 5px; 187 -webkit-border-top-right-radius: 5px; 188 -moz-border-radius-topright: 5px; 189 } 190 191 td.DevStatusCategory { 192 border-radius: 5px; 193 -webkit-border-radius: 5px; 194 -moz-border-radius: 5px; 195 border-width: 1px; 196 border-style: solid; 197 } 198 199 td.DevStatusCollapse { 200 border-bottom-right-radius: 5px; 201 -webkit-border-bottom-right-radius: 5px; 202 -moz-border-radius-bottomright: 5px; 203 } 204 205 td.DevDetails { 206 font-weight: normal; 207 padding: 8px 8px 8px 8px; 208 color: #333333; 209 background-color: #eee; 210 text-align: left; 211 } 212 213 td.DevDetails li a { 214 padding-right: 5px; 215 } 216 217 td.DevComment { 218 font-weight: normal; 219 padding: 8px 8px 8px 8px; 220 color: #333333; 221 background-color: #eee; 222 text-align: left; 223 } 224 225 td.DevBottom { 226 border-bottom-right-radius: 5px; 227 -webkit-border-bottom-right-radius: 5px; 228 -moz-border-radius-bottomright: 5px; 229 border-bottom-left-radius: 5px; 230 -webkit-border-bottom-left-radius: 5px; 231 -moz-border-radius-bottomleft: 5px; 232 } 233 234 td.Alt { 235 background-color: #ddd; 236 } 237 238 .legend { 239 border-radius: 5px !important; 240 -webkit-border-radius: 5px !important; 241 -moz-border-radius: 5px !important; 242 width: 100px; 243 max-width: 100px; 244 text-align: center; 245 padding: 2px 2px 2px 2px; 246 height: 14px; 247 white-space: nowrap; 248 } 249 250 .DevStatusBox { 251 text-align: center; 252 height: 20px; 253 padding: 0 2px; 254 line-height: 0; 255 white-space: nowrap; 256 } 257 258 .DevStatusBox a { 259 opacity: 0.85; 260 border-width: 1px; 261 border-style: solid; 262 border-radius: 4px; 263 -webkit-border-radius: 4px; 264 -moz-border-radius: 4px; 265 display: block; 266 width: 90%; 267 height: 20px; 268 line-height: 20px; 269 margin-left: auto; 270 margin-right: auto; 271 } 272 273 .DevStatusBox a.notinbuilder { 274 border-style: none; 275 } 276 277 .DevSlaveBox { 278 text-align: center; 279 height: 10px; 280 padding: 0 2px; 281 line-height: auto; 282 white-space: nowrap; 283 } 284 285 .DevSlaveBox > div { 286 line-height: 1.5em; 287 overflow: hidden; 288 text-overflow: ellipsis; 289 width: 7em; 290 } 291 292 .DevSlaveBox > a { 293 opacity: 0.85; 294 border-width: 1px; 295 border-style: solid; 296 border-radius: 4px; 297 -webkit-border-radius: 4px; 298 -moz-border-radius: 4px; 299 display: block; 300 width: 90%; 301 height: 10px; 302 line-height: 20px; 303 margin-left: auto; 304 margin-right: auto; 305 } 306 307 a.noround { 308 border-radius: 0px; 309 -webkit-border-radius: 0px; 310 -moz-border-radius: 0px; 311 position: relative; 312 margin-top: -8px; 313 margin-bottom: -8px; 314 height: 36px; 315 border-top-width: 0; 316 border-bottom-width: 0; 317 } 318 319 a.begin { 320 border-top-width: 1px; 321 position: relative; 322 margin-top: 0px; 323 margin-bottom: -7px; 324 height: 27px; 325 border-top-left-radius: 4px; 326 -webkit-border-top-left-radius: 4px; 327 -moz-border-radius-topleft: 4px; 328 border-top-right-radius: 4px; 329 -webkit-border-top-right-radius: 4px; 330 -moz-border-radius-topright: 4px; 331 } 332 333 a.end { 334 border-bottom-width: 1px; 335 position: relative; 336 margin-top: -7px; 337 margin-bottom: 0px; 338 height: 27px; 339 border-bottom-left-radius: 4px; 340 -webkit-border-bottom-left-radius: 4px; 341 -moz-border-radius-bottomleft: 4px; 342 border-bottom-right-radius: 4px; 343 -webkit-border-bottom-right-radius: 4px; 344 -moz-border-radius-bottomright: 4px; 345 } 346 347 .center_align { 348 text-align: center; 349 } 350 351 .right_align { 352 text-align: right; 353 } 354 355 .left_align { 356 text-align: left; 357 } 358 359 div.BuildWaterfall { 360 border-radius: 7px; 361 -webkit-border-radius: 7px; 362 -moz-border-radius: 7px; 363 position: absolute; 364 left: 0px; 365 top: 0px; 366 background-color: #FFFFFF; 367 padding: 4px 4px 4px 4px; 368 float: left; 369 display: none; 370 border-width: 1px; 371 border-style: solid; 372 } 373 374 /* LastBuild, BuildStep states */ 375 .success { 376 color: #000; 377 background-color: #8d4; 378 border-color: #4F8530; 379 } 380 381 .failure { 382 color: #000; 383 background-color: #e88; 384 border-color: #A77272; 385 } 386 387 .failure-again { 388 color: #000; 389 background-color: #eA9; 390 border-color: #A77272; 391 } 392 393 .warnings { 394 color: #FFFFFF; 395 background-color: #fa3; 396 border-color: #C29D46; 397 } 398 399 .skipped { 400 color: #000; 401 background: #AADDEE; 402 border-color: #AADDEE; 403 } 404 405 .exception,.retry { 406 color: #FFFFFF; 407 background-color: #c6c; 408 border-color: #ACA0B3; 409 } 410 411 .start { 412 color: #000; 413 background-color: #ccc; 414 border-color: #ccc; 415 } 416 417 .running,.waiting,td.building { 418 color: #000; 419 background-color: #fd3; 420 border-color: #C5C56D; 421 } 422 423 .paused { 424 color: #FFFFFF; 425 background-color: #8080FF; 426 border-color: #dddddd; 427 } 428 429 .offline,td.offline { 430 color: #FFFFFF; 431 background-color: #777777; 432 border-color: #dddddd; 433 } 434 435 436 .start { 437 border-bottom-left-radius: 10px; 438 -webkit-border-bottom-left-radius: 10px; 439 -moz-border-radius-bottomleft: 10px; 440 border-bottom-right-radius: 10px; 441 -webkit-border-bottom-right-radius: 10px; 442 -moz-border-radius-bottomright: 10px; 443 } 444 445 .notstarted { 446 border-width: 1px; 447 border-style: solid; 448 border-color: #aaa; 449 background-color: #fff; 450 } 451 452 .closed { 453 background-color: #ff0000; 454 } 455 456 .closed .large { 457 font-size: 1.5em; 458 font-weight: bolder; 459 } 460 461 td.Project a:hover,td.start a:hover { 462 color: #000; 463 } 464 465 .mini-box { 466 text-align: center; 467 height: 20px; 468 padding: 0 2px; 469 line-height: 0; 470 white-space: nowrap; 471 } 472 473 .mini-box a { 474 border-radius: 0; 475 -webkit-border-radius: 0; 476 -moz-border-radius: 0; 477 display: block; 478 width: 100%; 479 height: 20px; 480 line-height: 20px; 481 margin-top: -30px; 482 } 483 484 .mini-closed { 485 -box-sizing: border-box; 486 -webkit-box-sizing: border-box; 487 border: 4px solid red; 488 } 489 490 /* grid styles */ 491 table.Grid { 492 border-collapse: collapse; 493 } 494 495 table.Grid tr td { 496 padding: 0.2em; 497 margin: 0px; 498 text-align: center; 499 } 500 501 table.Grid tr td.title { 502 font-size: 90%; 503 border-right: 1px gray solid; 504 border-bottom: 1px gray solid; 505 } 506 507 table.Grid tr td.sourcestamp { 508 font-size: 90%; 509 } 510 511 table.Grid tr td.builder { 512 text-align: right; 513 font-size: 90%; 514 } 515 516 table.Grid tr td.build { 517 border: 1px gray solid; 518 } 519 520 /* column container */ 521 div.column { 522 margin: 0 2em 2em 0; 523 float: left; 524 } 525 526 /* info tables */ 527 table.info { 528 border-spacing: 1px; 529 } 530 531 table.info td { 532 padding: 0.1em 1em 0.1em 1em; 533 text-align: center; 534 } 535 536 table.info th { 537 padding: 0.2em 1.5em 0.2em 1.5em; 538 text-align: center; 539 } 540 541 table.info td.left { 542 text-align: left 543 } 544 545 table.info td .reason { 546 display:block; 547 font-weight: bold; 548 } 549 550 .alt { 551 background-color: #f6f6f6; 552 } 553 554 li { 555 padding: 0.1em 1em 0.1em 1em; 556 } 557 558 .result { 559 padding: 0.3em 1em 0.3em 1em; 560 } 561 562 /* log view */ 563 .log * { 564 vlink: #800080; 565 font-family: "Courier New", courier, monotype, monospace; 566 } 567 568 span.stdout { 569 color: black; 570 } 571 572 span.stderr { 573 color: red; 574 } 575 576 span.header { 577 color: blue; 578 } 579 span.ansi30 { 580 color: black; 581 } 582 span.ansi31 { 583 color: red; 584 } 585 span.ansi32 { 586 color: green; 587 } 588 span.ansi33 { 589 color: orange; 590 } 591 span.ansi34 { 592 color: yellow; 593 } 594 span.ansi35 { 595 color: purple; 596 } 597 span.ansi36 { 598 color: blue; 599 } 600 span.ansi37 { 601 color: white; 602 } 603 604 /* revision & email */ 605 .revision .full { 606 display: none; 607 } 608 609 .user .email { 610 display: none; 611 } 612 613 pre { 614 white-space: pre-wrap; 615 } 616 617 /* change comments (use regular colors here) */ 618 pre.comments>a:link,pre.comments>a:visited { 619 color: blue; 620 } 621 622 pre.comments>a:active { 623 color: purple; 624 } 625 626 form.command_forcebuild { 627 border-top: 1px solid black; 628 padding: .5em; 629 margin: .5em; 630 } 631 632 form.command_forcebuild > .row { 633 border-top: 1px dotted gray; 634 padding: .5em 0; 635 } 636 637 form.command_forcebuild .force-textarea > .label { 638 display: block; 639 } 640 641 form.command_forcebuild .force-nested > .label { 642 font-weight: bold; 643 display: list-item; 644 } 645 646 form.command_forcebuild .force-any .force-text { 647 display: inline; 648 }