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