/hudson-war/src/main/webapp/css/style.css

   1/*
   2 * The MIT License
   3 * 
   4 * Copyright (c) 2004-2011, Oracle Corporation, Kohsuke Kawaguchi, Daniel Dyer,
   5 * Stephen Connolly, Anton Kozak, Nikita Levyankov
   6 * 
   7 * Permission is hereby granted, free of charge, to any person obtaining a copy
   8 * of this software and associated documentation files (the "Software"), to deal
   9 * in the Software without restriction, including without limitation the rights
  10 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  11 * copies of the Software, and to permit persons to whom the Software is
  12 * furnished to do so, subject to the following conditions:
  13 * 
  14 * The above copyright notice and this permission notice shall be included in
  15 * all copies or substantial portions of the Software.
  16 * 
  17 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  18 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  19 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  20 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  21 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  22 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  23 * THE SOFTWARE.
  24 */
  25body {
  26  margin: 0;
  27  padding: 0;
  28  background: white;
  29}
  30
  31body, table, form, input, td, th, p, textarea, select
  32{
  33  font-family: Verdana, Helvetica, sans serif;
  34  font-size: 11px;
  35}
  36
  37FORM {
  38  margin: 0;
  39}
  40
  41td {
  42  vertical-align: top;
  43}
  44
  45dt {
  46  font-weight: bold;
  47}
  48
  49.fixed-width {
  50  font-family: Courier, monospace;
  51}
  52
  53.center {
  54  text-align: center;
  55}
  56
  57.middle-align td, td.middle-align {
  58  vertical-align: middle;
  59}
  60
  61.center-align td, td.center-align {
  62  text-align: center;
  63}
  64
  65.no-wrap td, td.no-wrap {
  66  white-space: nowrap;
  67}
  68
  69#main-table {
  70  height: 90%;
  71  padding: 0;
  72  border-collapse: collapse;
  73}
  74
  75#top-panel {
  76  margin-bottom: 3pt;
  77  height: 34px;
  78  background: url(../images/topbar.png) repeat-x;
  79}
  80#top-panel a {
  81  text-decoration: none;
  82}
  83
  84#left-top-nav {
  85  text-align: left;
  86  border-left: 10px solid #fff;
  87  padding: 4px;
  88  color: #222;
  89}
  90
  91#left-top-nav a, #right-top-nav a {
  92  color: black;
  93}
  94
  95#right-top-nav {
  96  text-align: right;
  97  padding: 4px;
  98}
  99
 100#main-panel {
 101  padding: 10px 10px 10px 20px;
 102}
 103
 104#side-panel {
 105  padding: 4px;
 106  width: 220px;
 107}
 108
 109#footer {
 110  text-align: right;
 111  font-size: 8pt;
 112  margin-top: 10em;
 113  padding: 10px;
 114  border-top: 1px solid #bbb;
 115}
 116
 117#tasks {
 118  padding: 4px;
 119}
 120
 121.skiplink {
 122    position: absolute;
 123    left: -20000px;
 124}
 125
 126#shutdown-msg {
 127    font-weight: bold;
 128    color: white;
 129    background-color: #ef2929;
 130    text-align: center;
 131    margin-left: 2em;
 132    margin-right: 2em;
 133    margin-bottom: 0.5em;
 134    padding: 0.5em;
 135    -moz-border-radius: 0.5em;
 136}
 137
 138a:link {
 139  text-decoration: underline;
 140  color: #204A87;
 141}
 142
 143a:visited {
 144  text-decoration: underline;
 145  color: #5c3566;
 146}
 147
 148a.lowkey:link {
 149  text-decoration: none;
 150  color: inherit;
 151}
 152
 153a.lowkey:hover {
 154  text-decoration: underline;
 155  color: inherit;
 156}
 157
 158a.lowkey:visited {
 159  text-decoration: none;
 160  color: inherit;
 161}
 162
 163/* tip - anchors of class info */
 164a.tip {
 165  position:relative;
 166  z-index:24;
 167  text-decoration: underline;
 168}
 169
 170a.tip:hover {
 171  z-index:25;
 172}
 173
 174a.tip span {
 175  display: none
 176}
 177
 178a.tip:hover span {
 179  display:block;
 180  position:absolute;
 181  top:2em;
 182  left:2em;
 183  width:400px;
 184  border:1px solid #bbbbbb;
 185  background-color:#fffff0;
 186  color:#000;
 187  text-align: left
 188}
 189
 190#top-nav .a {
 191  color: white;
 192}
 193
 194img {
 195  vertical-align: middle;
 196  border: 0;
 197}
 198
 199table.tab {
 200  border-collapse: collapse;
 201}
 202
 203td.selected_tab {
 204  vertical-align: middle;
 205  border: 1px #090 solid;
 206  background: #ffffff;
 207}
 208
 209td.tab_filler {
 210  background: #ffffff;
 211  border-bottom: 1px #090 solid;
 212}
 213
 214td.tab {
 215  vertical-align: middle;
 216  border: 1px #090 solid;
 217  background: #f0f0f0;
 218}
 219
 220.dashboard td {
 221  padding: 4px 4px 4px 4px;
 222}
 223
 224pre {/* see http://users.tkk.fi/tkarvine/pre-wrap-css3-mozilla-opera-ie.html */
 225    white-space: pre-wrap;       /* css-3 */
 226    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 227    white-space: -pre-wrap;      /* Opera 4-6 */
 228    white-space: -o-pre-wrap;    /* Opera 7 */
 229    word-wrap: break-word;       /* Internet Explorer 5.5+ */
 230    margin: 0;
 231}
 232
 233pre.console {
 234  overflow: auto;
 235}
 236
 237.setting-leftspace {
 238  width: 2em;
 239}
 240
 241.setting-name {
 242  white-space: nowrap;
 243}
 244
 245.setting-main {
 246  width: 100%; /* try to make this column as big as possible. */
 247}
 248.setting-help {
 249  width: 16px;
 250}
 251
 252.setting-input {
 253  width: 100%;
 254}
 255
 256.setting-description {
 257  font-size: 0.8em;
 258  margin-top: 0;
 259  padding-top: 0;
 260}
 261
 262/* div that looks like a hyperlink */
 263.pseudoLink {
 264  cursor: pointer;
 265}
 266
 267.advancedLink {
 268  text-align: right;
 269}
 270
 271.advancedBody {
 272  display: none;
 273}
 274
 275.scm_info {
 276  width: 480px;
 277}
 278
 279.build-row {
 280  padding: 3px 4px 3px 4px;
 281}
 282
 283.build-keep {
 284  font-weight: bold;
 285}
 286
 287.task-header {
 288  display: block;
 289  border-bottom: 1px #090 solid;
 290  font-weight: bold;
 291  font-size: 12pt;
 292}
 293
 294.task {
 295  white-space: nowrap;
 296}
 297
 298.subtasks {
 299  padding-left: 1em;
 300}
 301
 302.main-table {
 303}
 304
 305div.dashboard {
 306  width: 100%;
 307  clear:both;
 308}
 309
 310.pane  {
 311  margin-top: 4px;
 312  white-space: nowrap;
 313}
 314.pane td {
 315  padding: 4px 4px 3px 4px;
 316}
 317
 318table.pane {
 319  width: 100%;
 320  border-collapse: collapse;
 321  border: 1px #bbb solid;
 322}
 323
 324td.pane {
 325  border: 1px #bbb solid;
 326  padding: 3px 4px 3px 4px;
 327  vertical-align: middle;
 328}
 329
 330td.pane-header {
 331  border: 1px #bbb solid;
 332  border-right: none;
 333  border-left: none;
 334  background-color: #f0f0f0;
 335  font-weight: bold;
 336}
 337
 338th.pane {
 339  border: 1px #bbb solid;
 340  font-weight: bold;
 341}
 342
 343.bigtable tr {
 344  border: 1px solid #bbb;
 345  padding: 3px 4px 3px 4px;
 346}
 347
 348.bigtable tr:hover {
 349  background-color: #f0f0f0;
 350}
 351
 352.bigtable th {
 353  font-weight: bold;
 354  border: none;
 355  background-color: #f0f0f0;
 356  padding: 3px 4px 3px 4px;
 357}
 358
 359.bigtable td {
 360  vertical-align: middle;
 361  padding: 3px 4px 3px 4px;
 362}
 363
 364.smallfont {
 365  font-size: 9px;
 366}
 367
 368#foldertab {
 369  padding: 4px 0;
 370  margin-left: 0;
 371  border-bottom: 1px solid #090;
 372  font: bold 12px Verdana, sans-serif;
 373}
 374
 375#foldertab li {
 376  list-style: none;
 377  margin: 0;
 378  display: inline;
 379}
 380
 381#foldertab li a {
 382  padding: 4px 0.5em;
 383  margin-left: 3px;
 384  border: 1px solid #090;
 385  border-bottom: none;
 386  background: #090;
 387  text-decoration: none;
 388}
 389
 390#foldertab li a:link { color: white; }
 391#foldertab li a:visited { color: white; }
 392
 393#foldertab li a:hover {
 394  color: white;
 395  background: #6c0;
 396  border-color: #6c0;
 397}
 398
 399#foldertab li a#current {
 400  background: white;
 401  border-bottom: 1px solid white;
 402  color: black;
 403}
 404
 405.changeset-message {
 406  border: 1px solid #ccb;
 407  background: #eed;
 408  padding: 4px;
 409  white-space: normal;
 410}
 411
 412.disabledJob {
 413  color: gray;
 414}
 415
 416.spinner {
 417  padding-left: 32px;
 418  padding-top: 0.5em;
 419  padding-bottom: 0.5em;
 420  background-image: url("../images/spinner.gif");
 421  background-repeat: no-repeat;
 422  background-position: left;
 423}
 424
 425.spinner-right {
 426  padding-right: 32px;
 427  padding-top: 0.5em;
 428  padding-bottom: 0.5em;
 429  background-image: url("../images/spinner.gif");
 430  background-repeat: no-repeat;
 431  background-position: right;
 432}
 433
 434#login-field {
 435    vertical-align: middle;
 436    padding-right: 1em;
 437    width:1px;
 438}
 439
 440#login-field SPAN {
 441  white-space:nowrap;
 442  color: white;
 443}
 444
 445#login-field A {
 446    /*
 447      link inside login field should be always white.
 448      If I set this to inherit, it won't work in IE7
 449     */
 450    color: white;
 451}
 452
 453div.behavior-loading {
 454    position: absolute; width: 80%; height:100%;
 455    background-color: #e4e4e4; text-align: center; font-size: 300%;
 456    opacity: 0.5;
 457    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
 458    filter: "alpha(opacity=50)";
 459}
 460
 461/* ======================== error/warning message (mainly in the form.) Use them on block elements ======================== */
 462.error {
 463    color: #CC0000;
 464    font-weight: bold;
 465    padding-left: 20px;
 466    min-height: 16px;
 467    background-image: url("../images/16x16/error.gif");
 468    background-position: left center;
 469    background-repeat: no-repeat;
 470}
 471
 472.error-inline {
 473    color: #CC0000;
 474    font-weight: bold;
 475}
 476
 477.warning {
 478    color: #C4A000;
 479    font-weight: bold;
 480    padding-left: 20px;
 481    min-height: 16px;
 482    background-image: url( "../images/16x16/warning.gif" );
 483    background-position: left center;
 484    background-repeat: no-repeat;
 485}
 486
 487.warning-inline {
 488    color: #C4A000;
 489    font-weight: bold;
 490}
 491
 492.info {
 493    color: black;
 494    font-weight: bold;
 495    padding-left: 20px;
 496    min-height: 16px;
 497    background-image: url( "../images/16x16/go-next.gif" ); /* TODO: get a better icon */
 498    background-position: left center;
 499    background-repeat: no-repeat;
 500}
 501
 502.icon16x16 {
 503    width: 16px;
 504    height: 16px;
 505}
 506
 507.icon24x24 {
 508    width: 24px;
 509    height: 24px;
 510}
 511
 512.icon32x32 {
 513    width: 32px;
 514    height: 32px;
 515}
 516
 517/* ====================== help ===================================== */
 518
 519.help {
 520  display: none;  /* hidden until loaded */
 521  border: solid #bbb 1px;
 522  background-color: #f0f0f0;
 523  padding: 1em;
 524  margin-bottom: 1em;
 525}
 526
 527.help-area {
 528  /* this marker class is used by JavaScript to locate the area to display help text. */
 529}
 530
 531
 532/* ====================== project view tab bar ===================================== */
 533#viewList {
 534  border: none;
 535  margin-bottom: 0px;
 536  width: 100%;
 537  white-space: nowrap;
 538}
 539#viewList td {
 540  padding: 0px;
 541}
 542#viewList td.inactive {
 543  border: solid 1px #ccc;
 544  border-bottom-color: #bbb;
 545}
 546#viewList td.inactive:hover {
 547  background-color: #777;
 548}
 549#viewList td.inactive a {
 550  text-decoration: none;
 551  color: #444
 552}
 553#viewList td.noleft {
 554  border-left: none;
 555}
 556#viewList td.noright {
 557  border-right: none;
 558}
 559#viewList td.active {
 560  border: solid 1px #bbb;
 561  padding: 0.5em;
 562  border-bottom: none;
 563  vertical-align:middle;
 564  background-color: rgb(240,240,240);
 565  font-weight: bold;
 566  white-space: nowrap;
 567}
 568#viewList td.filler {
 569  border: none;
 570  border-bottom: solid 1px #bbb;
 571  width: 100%;
 572  text-align: right;
 573}
 574#viewList a {
 575  display: block;
 576  padding: 0.5em;
 577  white-space: nowrap;
 578}
 579
 580#projectstatus th {
 581  text-align: left;
 582}
 583
 584/* ============================ parameters form ========================== */
 585
 586table.parameters {
 587  border-collapse: collapse;
 588}
 589
 590table.parameters > tbody > tr:first-child > td {
 591  padding-top: 4px;
 592}
 593
 594table.parameters .setting-description {
 595  padding-bottom: 4px;
 596}
 597
 598table.parameters > tbody:hover {
 599  background-color: #f0f0f0;
 600}
 601
 602/* ============================ health report hover ========================== */
 603
 604.healthReport a {
 605    text-decoration: none;
 606}
 607
 608.healthReport div.healthReportDetails {
 609    display: none;
 610}
 611
 612.healthReport:hover, .healthReport.hover { /* fix IE6 bug with :hover */
 613    background: transparent;
 614}
 615
 616.healthReport:hover div.healthReportDetails, .healthReport.hover div.healthReportDetails {
 617    display: block;
 618    position: absolute;
 619    background-color: #ffe;
 620    border: 1px solid #bbb;
 621    margin-left: 32px; /* move it across a bit */
 622    z-index: 26;
 623}
 624
 625.healthReport div.healthReportDetails table {
 626    border-collapse: collapse;
 627    width: 450px; /* fix IE bug with width */
 628}
 629
 630/* ========================= build history ========================= */
 631#buildHistory .healthReport {
 632    display: inline;
 633    margin-right: 1em;
 634}
 635
 636#buildHistory tr.no-wrap td.middle-align {
 637    padding: 0;
 638}
 639
 640#buildHistory td.desc {
 641    padding: 0;
 642    white-space: normal;
 643}
 644
 645/* ========================= editable combobox style ========================= */
 646.comboBoxList {
 647  border: 1px solid #000;
 648  overflow: visible;
 649  color: MenuText;
 650  background-color: Menu;
 651}
 652.comboBoxSelectedItem {
 653  background-color: Highlight;
 654  color: HighlightText;
 655}
 656.combobox-values {
 657  display: none;
 658}
 659
 660
 661/* ========================= directory tree ========================= */
 662.parentPath {
 663  font-size: 1.2em;
 664  font-weight: bold;
 665}
 666
 667.dirTree li {
 668  list-style: none;
 669}
 670
 671.dirTree .rootIcon {
 672  margin-right: 1em;
 673}
 674
 675TABLE.fileList {
 676  margin-left: 2em;
 677  padding: 0;
 678}
 679
 680TABLE.fileList TD {
 681  padding: 0;
 682}
 683
 684TABLE.fileList TD.fileSize {
 685  padding-left: 2em;
 686  text-align: right;
 687  color: #888;
 688}
 689
 690
 691
 692/* ========================= test result ========================= */
 693.result-passed {
 694  color: #3465a4;
 695}
 696
 697.result-skipped {
 698  color: #ddbb00;
 699}
 700
 701.result-fixed {
 702  color: #3465a4;
 703  font-weight: bold;
 704}
 705
 706.result-failed {
 707  color: #ef2929;
 708}
 709
 710.result-regression {
 711  color: #ef2929;
 712  font-weight: bold;
 713}
 714.test-trend-caption {
 715  text-align: center;
 716  font-size: 1.2em;
 717  font-weight: bold;
 718}
 719
 720
 721
 722/* ========================= sortable table ========================= */
 723table.sortable a.sortheader {
 724  text-decoration: none;
 725  color: black;
 726  display: block;
 727}
 728table.sortable span.sortarrow {
 729  color: black;
 730  text-decoration: none;
 731}
 732
 733
 734
 735
 736/* ========================= fingerprint ========================= */
 737.md5sum {
 738  text-align: right;
 739}
 740
 741.fingerprint-summary-header {
 742  font-size: 1.2em;
 743  vertical-align: middle;
 744}
 745
 746TABLE.fingerprint-in-build TD {
 747  padding-left: 1em;
 748  padding-right: 1em;
 749}
 750
 751
 752
 753
 754/* ========================= plugin manager ========================= */
 755#plugins {
 756  margin-top: 0;
 757  border-top: none;
 758}
 759
 760#pluginsAdv tr:hover {
 761  background-color: inherit;
 762}
 763
 764#plugins tr.already-upgraded {
 765  background-color: #e8eeee;
 766}
 767
 768
 769/* ========================= repeatable elements ========================= */
 770
 771.repeated-chunk .show-if-last      { visibility: hidden; }
 772.repeated-chunk.last .show-if-last { visibility: visible; }
 773
 774.repeated-chunk .show-if-not-last      { visibility: visible; }
 775.repeated-chunk.last .show-if-not-last { visibility: hidden; }
 776
 777.repeated-chunk .show-if-not-only      { visibility: visible; }
 778.repeated-chunk.only .show-if-not-only { visibility: hidden; }
 779
 780/* == nested erpeatable elements / 2 deep == */
 781.repeated-chunk .repeated-chunk .show-if-last      { visibility: hidden; }
 782.repeated-chunk .repeated-chunk.last .show-if-last { visibility: visible; }
 783
 784.repeated-chunk .repeated-chunk .show-if-not-last      { visibility: visible; }
 785.repeated-chunk .repeated-chunk.last .show-if-not-last { visibility: hidden; }
 786
 787.repeated-chunk .repeated-chunk .show-if-not-only      { visibility: visible; }
 788.repeated-chunk .repeated-chunk.only .show-if-not-only { visibility: hidden; }
 789
 790/* == nested erpeatable elements / 3 deep == */
 791.repeated-chunk .repeated-chunk .repeated-chunk .show-if-last      { visibility: hidden; }
 792.repeated-chunk .repeated-chunk .repeated-chunk.last .show-if-last { visibility: visible; }
 793
 794.repeated-chunk .repeated-chunk .repeated-chunk .show-if-not-last      { visibility: visible; }
 795.repeated-chunk .repeated-chunk .repeated-chunk.last .show-if-not-last { visibility: hidden; }
 796
 797.repeated-chunk .repeated-chunk .repeated-chunk .show-if-not-only      { visibility: visible; }
 798.repeated-chunk .repeated-chunk .repeated-chunk.only .show-if-not-only { visibility: hidden; }
 799
 800/*
 801    <DIV>s marked with to-be-removed is used in conjunction with repetable.jelly and hetero-list.jelly
 802    and represents a master copy that gets pulled out from HTML, then inserted later upon demand multiple times
 803    when the user does "Add".
 804*/
 805DIV.to-be-removed { display: none; }
 806
 807/* ========================= Other form related CSS ========================= */
 808
 809.row-set-end { display: none; }
 810
 811/* ========================= Yahoo UI style adjustments ========================= */
 812.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
 813	color: inherit;
 814}
 815
 816DIV.yahooTree td {
 817  vertical-align: middle;
 818}
 819
 820.yui-tt {
 821  border: 1px solid black !important;
 822  background-color: #FFFFFF !important;
 823  padding: 2px !important;
 824  font-family: inherit !important;
 825  color: inherit !important;
 826}
 827
 828.yui-skin-sam .yui-tt .bd {
 829  border: none !important;
 830  background-color: #FFF !important;
 831}
 832/* ========================= search box at the top-right of the page ========================= */
 833#search-box {
 834  background: white url(../images/16x16/search.gif) no-repeat 2px center;
 835  padding-left: 20px;
 836  width: 15em;
 837  position: static; 
 838}
 839
 840#search-box.defaulted {
 841  color: gray;
 842}
 843
 844#search-box-completion {
 845  text-align: left;
 846  width:25em;
 847  position: absolute;
 848  z-index: 999;
 849}
 850
 851#search-box-completion .yui-ac-content {
 852  border: 1px solid black;
 853  width:25em;
 854  background-color: white;
 855  overflow: hidden;
 856}
 857
 858#search-box-completion UL {
 859  padding: 0 0;
 860  width: 100%;
 861  margin: 0 0;
 862  list-style: none;
 863}
 864#search-box-completion LI {
 865  padding-left:20px;
 866  white-space:nowrap;
 867}
 868#search-box-completion LI.yui-ac-highlight {
 869  background: #729FCF;
 870}
 871#search-box-minWidth {
 872  position:absolute;
 873  visibility: hidden;
 874  width:15em;
 875}
 876
 877#search-box-sizer {
 878  position:absolute;
 879  visibility: hidden;
 880}
 881
 882
 883/* ========================= resizable text area ========================= */
 884
 885TEXTAREA {
 886    margin-bottom: 0;
 887}
 888DIV.textarea-handle {
 889    height: 5px;
 890    font-size: 0;
 891    background: #EEE url(../images/textarea-handle.gif) no-repeat 50% 1px;
 892    border: 1px solid #BABDB6;
 893    border-top: none;
 894    cursor: s-resize;
 895}
 896TEXTAREA.rich-editor {
 897  visibility: hidden;
 898}
 899
 900/* ========================= hover notification ========================= */
 901
 902#hoverNotification {
 903    visibility:hidden;
 904    background-color: white;
 905    border: 1px solid black;
 906    padding: 0.5em;
 907}
 908
 909/* ========================= D&D support in heterogenous/repeatable lists = */
 910
 911.hetero-list-container .dd-handle, .repeated-container .dd-handle {
 912    cursor: move;
 913    background-image: url(../images/grip.png);
 914    background-repeat: repeat-y;
 915    padding-left: 20px;
 916}
 917
 918/* ========================= plugin update center ========================= */
 919
 920#plugins .excerpt {
 921    white-space: normal;
 922    margin-top: 0.5em;
 923    padding-left: 2em;
 924    color: #888a85;
 925}
 926
 927#plugins .compatWarning {
 928    white-space: normal;
 929    margin-top: 0.5em;
 930    padding-left: 2em;
 931    color: #FF0000;
 932}
 933
 934/* ========================= progress bar ========================= */
 935
 936table.progress-bar {
 937  border-collapse: collapse;
 938  border: 1px solid #3465a4;
 939  height: 6px;
 940  width: 100px;
 941  clear: none;
 942}
 943
 944table.progress-bar tr.unknown {
 945    background-image:url(../images/progress-unknown.gif);
 946}
 947
 948td.progress-bar-done {
 949  background-color: #3465a4;
 950}
 951
 952td.progress-bar-left {
 953  background-color: #ffffff;
 954}
 955
 956table.progress-bar.red {
 957  border: 1px solid #cc0000;
 958}
 959
 960table.progress-bar.red tr.unknown {
 961    background-image:url(../images/progress-unknown-red.gif);
 962}
 963table.progress-bar.red td.progress-bar-done {
 964  background-color: #cc0000;
 965}
 966
 967/* ========================= YUI dialog ========================= */
 968
 969.dialog .hd {
 970    font-size: 12px !important;
 971}
 972/* discovered this margin fix by a trial and error. This can very well be a totally wrong fix, or perhaps updating
 973 to the latest YUI will fix this? */
 974.dialog .hd {
 975    margin: 0 !important;
 976}
 977
 978.dialog .bd {
 979    margin: 0 !important;
 980}
 981
 982.dialog .ft {
 983    margin: 0 !important;
 984}
 985
 986/* ========================= tags/labels ================== */
 987/* tag0 is the least important tag in a tag cloud */
 988.tag0 { font-size: 1.00em; }
 989.tag1 { font-size: 1.10em; }
 990.tag2 { font-size: 1.20em; }
 991.tag3 { font-size: 1.30em; }
 992.tag4 { font-size: 1.40em; }
 993.tag5 { font-size: 1.50em; }
 994.tag6 { font-size: 1.60em; }
 995.tag7 { font-size: 1.70em; }
 996.tag8 { font-size: 1.80em; }
 997.tag9 { font-size: 1.90em; }
 998
 999/* ========================= "Delete job, build and slave" dialog ================== */
1000div.deleteSlaveDialog ul, div.deleteJobDialog ul{
1001    text-align:left;
1002    padding-left:80px;
1003}
1004
1005div.deleteSlaveDialog div.radioButtons, div.deleteJobDialog div.radioButtons {
1006    padding-bottom:10px;
1007}
1008
1009div.deleteSlaveDialog h4, div.deleteJobDialog h4, div.deleteBuildConfirmationDialog h4, div.cannotDeleteBuildDialog h4 {
1010    color: #F89938;
1011}
1012/* ======================== "Cascading project" ==========================*/
1013/* --- Optional Block, Entry Block --- */
1014td.modified,
1015div.modified,
1016tr.optional-block-start > td.modified,
1017tr.modified > td.setting-name,
1018tr.modified > td.setting-description,
1019tr.modified > td.setting-main,
1020tr.modified > td.setting-leftspace {
1021    background-color: #FFE8C9;
1022}
1023
1024.optional-reset {
1025    float: left;
1026    margin-left: -20px;
1027    position: absolute;
1028}
1029/* --- Reset button container for hetero-list --- */
1030.hetero-list-reset{
1031    float: left;
1032    margin-left: -20px;
1033    position: absolute;
1034}
1035
1036.section-reset{
1037    float: left;
1038    margin-left: -20px;
1039    position: absolute;
1040}
1041.descriptor-separator {
1042    height: 2px;
1043}
1044
1045/* ======================= Job Configuration table ========================== */
1046table.configure {
1047    border-spacing: 0px;
1048    border-collapse: collapse;
1049}
1050table.configure > td {
1051    padding: 0px;
1052}
1053
1054/* ======================= Job Description Hover ============================ */
1055.jobDescription a {
1056    text-decoration: none;
1057}
1058.jobDescription div.jobDescriptionDetails {
1059    display: none;
1060}
1061.jobDescription:hover, .jobDescription.hover {
1062    background: transparent;
1063}
1064.jobDescription:hover div.jobDescriptionDetails, .jobDescription.hover div.jobDescriptionDetails {
1065    display: block;
1066    position: absolute;
1067    border: 1px solid #bbb;
1068    background-color: white;
1069    margin-left: 32px;
1070    z-index: 26;
1071}
1072.jobDescription div.jobDescriptionDetails table {
1073    border-collapse: collapse;
1074    width: 450px;
1075}
1076/* === Login Dialog ==== */
1077#loginError, #loginMsg {
1078    text-align:center;
1079    font-weight:bold;
1080}
1081#loginError {
1082    color: red;
1083    display: none;
1084}
1085#loginMsg {
1086    color: black;
1087    display: none;
1088}