some css elements are standard now, now brwowser specific names needed for those
[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 div.unit {
22         /* We have already a margin that is implied by the \n in the HTML
23          * no need to remargin
24          * margin: 5px;*/
25         padding: 10px;
26         border: 1px solid black;
27 }
28 /*
29 #log div.unit.passed {  background-color: rgb(180, 255, 180); }
30 #log div.unit.failed {  background-color: rgb(255, 180, 180); }
31 #log div.unit.skipped { background-color: rgb(180, 180, 255); }
32 #log div.unit.warning { background-color: rgb(255, 180, 125); }
33 #log div.unit.xfailed { background-color: rgb(255, 180, 125); }
34 #log div.unit.uxpassed {        background-color: rgb(255, 180, 180); }
35 #log div.unit.error {   background-color: rgb(255, 180, 180); }
36 #log div.unit.mistake { background-color: rgb(180, 180, 255); }
37 #log div.unit.pretest.ok {      background-color: rgb(180, 255, 180); }
38 */
39 #log .unit.failed  .output {    display: none;}
40 #log .unit.skipped .output {    display: none;}
41 #log .unit.skipped .output {    display: none;}
42 #log .unit.passed  .output {    display: none;}
43 #log .unit.error   .output {    display: none;}
44 #log .unit.mistake .output {    display: none;}
45 #log .unit.warning .output {    display: none;}
46 #log .unit.xfailed .output {    display: none;}
47 #log .unit.uxpassed .output {   display: none;}
48 #log .unit.errorlog .output {   display: none;}
49 #log .unit.pretest  .output {   display: none;}
50 #log div.status.errorlog {      display: none;}
51 img + div.testlinks.title,
52 img + div.cc_checker.title,
53 img + div.pretest.title,
54 img + div.test.title,
55 img + div.action.title {
56         margin-left: 0.5em;
57 }
58 a + div.testlinks.status,
59 a + div.cc_checker.status,
60 a + div.pretest.status,
61 a + div.test.status,
62 a + div.action.status {
63         margin-left: 0.5em;
64 }
65
66
67 #log div.output-stderr-0 {
68         display: none;
69 }
70 #log img {
71         border: none;
72 }
73 #log a {
74         text-decoration: none;
75 }
76 #log a:hover, #log a:active {
77         text-decoration: underline;
78 }
79
80 /* generically, status correspond to the ok/ok/ok/ok strings */
81 .status.passed {
82         color: rgb(0, 128, 0);
83 }
84
85 .status.failed {
86         color: rgb(255, 0, 0);
87 }
88
89 .status.panic {
90         color: rgb(255, 0, 0);
91         font-weight: bold;
92 }
93 .status.checker {
94         color: rgb(255, 127, 0);
95 }
96 .status.unknown {
97         color: rgb(0, 0, 255);
98 }
99
100 .summary td.status {
101         text-align: center;
102 }
103
104 .summary .tree {
105         font-weight: bold;
106 }
107
108 .summary .age {
109         text-align: right;
110 }
111 .age .old {
112         color: rgb(210, 0, 0);
113 }
114 .preformated {
115         white-space: pre;
116         font-family: monospace;
117 }
118
119 div.host.summary {
120         float: left;
121 }
122 div.host.summary h3 {
123         margin-bottom: 2px;
124 }
125 div.summary {
126         margin: 4px;
127 }
128 div.build-section {
129         clear: both;
130         width: 100%;
131 }
132 #logo>.build_logo {
133         background-image:url(build_logo.png);
134         background-position:center;
135         background-repeat:no-repeat;
136 }
137 .build_logo {
138         position:absolute;
139         width:399px;
140         height:208px;
141         margin-top:-42px;
142         margin-left:1px;
143         z-index:1;
144 }
145
146 #banner {
147         position:absolute;
148         top:0;
149         left:0;
150         text-align: center;
151         height:90px;
152         width:100%;
153         padding-top:4px;
154         background-color:#FFFF64;
155 }
156 .stripe {
157         position:absolute;
158         top:40px;
159         left:0;
160         text-align: center;
161         height:55px;
162         width:100%;
163         background-color:#3878CD;
164         border-top:2px solid #575756;
165         border-bottom:2px solid #575756;
166 }
167
168 #build-menu {
169         position: absolute;
170         top: 0;
171         left: 250px;
172         margin-top: 5px;
173         z-index: 10;
174 }
175 #build-menu input {
176         margin: 20px 10px 0px 0px;
177 }
178
179 /* Styles for main content (center column) */
180 #content>.center {
181         position:absolute;
182         top:100px;
183         left:175px;
184         margin:0;
185 }
186 .center {
187         margin:100px 10px 0 175px;
188         padding-top:30px;
189         padding-left:35px;
190         padding-bottom:50px;
191         padding-right:15px;
192         background-color:#FFF;
193         border-left:1px solid #FFFF64;
194         border-right:1px solid #FFFF64;
195 }
196
197 #logo>.build_logo {
198         background-image:url(build_logo.png);
199         background-position:center;
200         background-repeat:no-repeat;
201 }
202 #logo img {
203         border:0;
204 }
205 #logo a:hover {
206         background:transparent;
207 }
208
209 .gh {
210         color: blue;
211 }
212 .gd {
213         color: #a00000;
214 }
215 .gi {
216         color: #0a0;
217 }
218 .gh {
219         color: purple;
220 }
221 .gu {
222         color: green;
223 }
224
225 .history_row {
226         margin-bottom: 30px;
227         padding: 2px;
228         line-height: 160%;
229 }
230
231 .history_row .label {
232         font-weight: bold;
233         color: #c90000;
234 }
235
236 .history_row .date{
237         color: #c90000;
238 }
239
240 .history_row .date,
241 .history_row .diff .html {
242         font-weight: bold;
243 }
244 .reason {
245         font-weight: bold;
246 }
247
248
249
250 /*css for new samba look*/
251 table.newtable{
252         margin-left: auto;
253         margin-right: auto;
254 }
255
256 table.newtable,
257 table.newtable th,
258 table.newtable td {
259         border: 1px solid black;
260         padding: 5px;
261         text-align: center;
262         vertical-align: center;
263 }
264
265 table.newtable th{
266         color: #c90000;
267         font-weight: bold;
268 }
269
270 table.buildtable{
271         margin-left: auto;
272         margin-right: auto;
273 }
274
275 table.buildtable td{
276         border: 0px;
277         padding: 10px;
278         text-align: left;
279         vertical-align: center;
280 }
281
282 /*center box includes sitemap*/
283 .newcontent{
284     position: absolute;
285     top: 166px;
286     left: 166px;
287     right: 266px;
288     float: left;
289     text-align: justify;
290 }
291
292 .newcontent pre{
293     overflow-x: auto;
294     overflow-y: hidden;
295     font-size: 15px;
296     font-weight: normal;
297     font-family:"Times New Roman", Times, serif;
298     line-height: 22px;
299 }
300
301 pre::-webkit-scrollbar-track
302 {
303         box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
304         border-radius: 10px;
305         background-color: #F5F5F5;
306 }
307
308 pre::-webkit-scrollbar
309 {
310         width: 12px;
311         background-color: #F5F5F5;
312 }
313
314 pre::-webkit-scrollbar-thumb
315 {
316         border-radius: 10px;
317         box-shadow: inset 0 0 6px rgba(0,0,0,.3);
318         background-color: #D62929;
319 }
320
321 /*sitemap*/
322 #bd #newsitemap {
323         float: left;
324         width: 100%;
325         margin: 21px 0 25px;
326 }
327
328 /*removes width applicable for entire page*/
329 #page,
330 #newpagestart {
331         background-image: url(https://www.samba.org/samba/style/2010/grey/bg.jpg);
332         background-position: 0 0;
333         background-repeat: no-repeat;
334 }
335
336
337 #newpagestart h1 {
338         color: #c90000;
339         font-size: 46px;
340         font-weight: normal;
341         font-family: Georgia, serif;
342         line-height: 58px;
343         margin: 0;
344         padding: 0;
345 }
346
347 #newpagestart h2 {
348         color: #c90000;
349         font-size: 24px;
350         font-weight: normal;
351         line-height: 32px;
352         margin: 0 0 16px;
353 }
354
355
356 #newpagestart h3 {
357         color: #c90000;
358         font-size: 24px;
359         font-weight: normal;
360         line-height: 28px;
361         margin: 0;
362 }
363
364 /*new banner*/
365 #hd #newbannerstart {
366         background-image: url("https://www.samba.org/samba/style/2010/grey/bgHeader.png");
367         background-size: 100% 139px;
368         background-position: 0px 0px;
369         float: right;
370         height: 139px;
371         width: 100%;
372         background-repeat: no-repeat;
373 }
374
375 /*form*/
376 #newbuildmenu{
377         position: absolute;
378         left: 15px;
379         top: 590px;
380         z-index: 10;
381         font-size: 13px;
382         line-height: 70%;
383 }
384
385 #newbuildmenu select{
386         width: 110px;
387
388         margin: 0;
389         border-radius:4px;
390         box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
391         background: #d9d9d9;
392         color:#333333;
393         border:none;
394         outline:none;
395         display: inline-block;
396         appearance:none;
397         cursor:pointer;
398 }
399
400 .newform button,
401 .newform input,
402 #newbuildmenu input{
403         border: 1px solid #df0909; border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 0px 2px 0px 2px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
404         background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
405         background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
406         background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
407         background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
408         background-image: -o-linear-gradient(top, #f62b2b, #d20202);
409         background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
410 }
411
412 .newform button:hover,
413 .newform input:hover,
414 #newbuildmenu input:hover{
415         border: 1px solid #b30808;
416         background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
417         background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
418         background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
419         background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
420         background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
421         background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);      
422 }
423
424 .relatedLeft{
425         position: absolute;
426         top: 540px;
427         left: 2px;
428         width: 140px;
429         background-image: url("https://www.samba.org/samba/style/2010/grey/bgBoxSpecial.gif");
430         background-size: 140px auto;
431 }
432
433 .relatedLeftContent h4{
434         color: #c90000;
435         font-size: 18px;
436         font-weight: normal;
437         font-family: Georgia, serif;
438         line-height: 20px;
439         position: relative;
440         left: 30px;
441         top: 20px;
442         margin: 0 0 16px;
443 }
444
445 .relatedLeftBottom{
446         position: absolute;
447         width: 140px;
448         height: 16px;
449         background-image: url("https://www.samba.org/samba/style/2010/grey/bgBoxSpecialBottom.gif");
450         background-size: 140px 16px;
451 }