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