web/build_farm.css

   1
   2 /* log is the id on the build log divisions */
   3 #log .title, #log .status {
   4         display: inline;
   5         font-weight: bold;
   6         font-family: sans-serif;
   7 }
   8 #log .status.failed {   color: rgb(153, 0,   0);   }
   9 #log .status.passed {   color: rgb(0,   153, 0);   }
  10 #log .status.skipped {  color: rgb(0,   0,   153); }
  11 #log .status.error {    color: rgb(153, 0,   0);   }
  12 #log .status.warning {  color: rgb(153, 75,  0);   }
  13 #log .status.xfailed {  color: rgb(153, 75,  0);   }
  14 #log .status.uxpassed { color: rgb(153, 0,   0);   }
  15 #log .status.mistake {  color: rgb(0,   0,   153); }
  16 #log .output {
  17         color: rgb(0, 0, 0);
  18         font-family: monospace;
  19 }
  20 #log div.unit {
  21         margin: 5px;
  22         padding: 10px;
  23         border: 2px solid black;
  24 }
  25 #log div.unit.passed {  background-color: rgb(180, 255, 180); }
  26 #log div.unit.failed {  background-color: rgb(255, 180, 180); }
  27 #log div.unit.skipped { background-color: rgb(180, 180, 255); }
  28 #log div.unit.warning { background-color: rgb(255, 180, 125); }
  29 #log div.unit.xfailed { background-color: rgb(255, 180, 125); }
  30 #log div.unit.uxpassed {        background-color: rgb(255, 180, 180); }
  31 #log div.unit.error {   background-color: rgb(255, 180, 180); }
  32 #log div.unit.mistake { background-color: rgb(180, 180, 255); }
  33
  34 #log .unit.failed  .output {    display: block;}
  35 #log .unit.skipped .output {    display: block;}
  36 #log .unit.passed  .output {    display: none;}
  37 #log .unit.error   .output {    display: none;}
  38 #log .unit.mistake .output {    display: none;}
  39 #log .unit.warning .output {    display: none;}
  40 #log .unit.xfailed .output {    display: none;}
  41 #log .unit.uxpassed .output {   display: none;}
  42 #log .unit.errorlog .output {   display: none;}
  43 #log div.status.errorlog {      display: none;}
  44 img + div.action.title {margin-left: 0.5em;}
  45 a + div.action.status {margin-left: 0.5em;}
  46
  47 #log div.output-stderr-0 {
  48         display: none;
  49 }
  50 #log img {
  51         border: none;
  52 }
  53 #log a {
  54         text-decoration: none;
  55 }
  56 #log a:hover, #log a:active {
  57         text-decoration: underline;
  58 }
  59
  60 /* generically, status correspond to the ok/ok/ok/ok strings */
  61 .status.passed {
  62         color: rgb(0, 128, 0);
  63 }
  64
  65 .status.failed {
  66         color: rgb(255, 0, 0);
  67 }
  68
  69 .status.panic {
  70         color: rgb(255, 0, 0);
  71         font-weight: bold;
  72 }
  73 .status.checker {
  74         color: rgb(255, 127, 0);
  75 }
  76 .status.unknown {
  77         color: rgb(0, 0, 255);
  78 }
  79
  80 .summary td.status {
  81         text-align: center;
  82 }
  83
  84 .summary .tree {
  85         font-weight: bold;
  86 }
  87
  88 .summary .age {
  89         text-align: right;
  90 }
  91 .age .old {
  92         color: rgb(210, 0, 0);
  93 }
  94 .preformated {
  95         white-space: pre;
  96         font-family: monospace;
  97 }
  98
  99 div.host.summary {
 100         float: left;
 101 }
 102 div.host.summary h3 {
 103         margin-bottom: 2px;
 104 }
 105 div.summary {
 106         margin: 4px;
 107 }
 108 div.build-section {
 109         clear: both;
 110         width: 100%;
 111 }
 112 #logo>.build_logo {
 113         background-image:url(build_logo.png);
 114         background-position:center;
 115         background-repeat:no-repeat;
 116 }
 117 .build_logo {
 118         position:absolute;
 119         width:399px;
 120         height:208px;
 121         margin-top:-42px;
 122         margin-left:1px;
 123         z-index:1;
 124 }
 125
 126 #banner {
 127         position:absolute;
 128         top:0;
 129         left:0;
 130         text-align: center;
 131         height:90px;
 132         width:100%;
 133         padding-top:4px;
 134         background-color:#FFFF64;
 135 }
 136 .stripe {
 137         position:absolute;
 138         top:40px;
 139         left:0;
 140         text-align: center;
 141         height:55px;
 142         width:100%;
 143         background-color:#3878CD;
 144         border-top:2px solid #575756;
 145         border-bottom:2px solid #575756;
 146 }
 147
 148 #build-menu {
 149         position: absolute;
 150         top: 0;
 151         left: 250px;
 152         margin-top: 5px;
 153         z-index: 10;
 154 }
 155 #build-menu input {
 156         margin: 20px 10px 0px 0px;
 157 }
 158
 159 /* Styles for main content (center column) */
 160 #content>.center {
 161         position:absolute;
 162         top:100px;
 163         left:175px;
 164         margin:0;
 165 }
 166 .center {
 167         margin:100px 10px 0 175px;
 168         padding-top:30px;
 169         padding-left:35px;
 170         padding-bottom:50px;
 171         padding-right:15px;
 172         background-color:#FFF;
 173         border-left:1px solid #FFFF64;
 174         border-right:1px solid #FFFF64;
 175 }
 176
 177 #logo>.build_logo {
 178         background-image:url(build_logo.png);
 179         background-position:center;
 180         background-repeat:no-repeat;
 181 }
 182 #logo img {
 183         border:0;
 184 }
 185 #logo a:hover {
 186         background:transparent;
 187 }
 188
 189 .gh {
 190         color: blue;
 191 }
 192 .gd {
 193         color: #a00000;
 194 }
 195 .gi {
 196         color: #0a0;
 197 }
 198 .gh {
 199         color: purple;
 200 }
 201 .gu {
 202         color: green;
 203 }
 204
 205 .history_row {
 206         background-color: #E5E9F5;
 207         margin-bottom: 10px;
 208         padding: 2px;
 209 }
 210
 211 .history_row .label {
 212         font-style: italic;
 213 }
 214
 215 .history_row .date,
 216 .history_row .diff .html {
 217         font-weight: bold;
 218 }
 219 .reason {
 220         font-weight: bold;
 221 }