OLD | NEW |
| (Empty) |
1 body { | |
2 margin-bottom:50px; | |
3 } | |
4 | |
5 body, td { | |
6 font-family: Verdana, Cursor; | |
7 font-size: 10px; | |
8 font-weight: bold; | |
9 } | |
10 | |
11 a:link,a:visited,a:active { | |
12 color: #444; | |
13 } | |
14 | |
15 a:hover { | |
16 color: #000000; | |
17 } | |
18 | |
19 table { | |
20 border-spacing: 1px 1px; | |
21 } | |
22 | |
23 table td { | |
24 padding: 3px 0px 3px 0px; | |
25 text-align: center; | |
26 } | |
27 | |
28 .Project { | |
29 width: 100px; | |
30 } | |
31 | |
32 .LastBuild, .Activity { | |
33 padding: 0 0 0 4px; | |
34 } | |
35 | |
36 .LastBuild, .Activity, .Builder, .BuildStep { | |
37 width: 155px; | |
38 max-width: 155px; | |
39 } | |
40 | |
41 /* Chromium Specific styles */ | |
42 div.BuildResultInfo { | |
43 color: #444; | |
44 } | |
45 | |
46 div.Announcement { | |
47 margin-bottom: 1em; | |
48 } | |
49 | |
50 div.Announcement > a:hover { | |
51 color: black; | |
52 } | |
53 | |
54 div.Announcement > div.Notice { | |
55 background-color: #afdaff; | |
56 padding: 0.5em; | |
57 font-size: 16px; | |
58 text-align: center; | |
59 } | |
60 | |
61 div.Announcement > div.Open { | |
62 border: 3px solid #8fdf5f; | |
63 padding: 0.5em; | |
64 font-size: 16px; | |
65 text-align: center; | |
66 } | |
67 | |
68 div.Announcement > div.Closed { | |
69 border: 5px solid #e98080; | |
70 padding: 0.5em; | |
71 font-size: 24px; | |
72 font-weight: bold; | |
73 text-align: center; | |
74 } | |
75 | |
76 td.Time { | |
77 color: #000; | |
78 border-bottom: 1px solid #aaa; | |
79 background-color: #eee; | |
80 } | |
81 | |
82 td.Activity, td.Change, td.Builder { | |
83 color: #333333; | |
84 background-color: #CCCCCC; | |
85 } | |
86 | |
87 td.Change { | |
88 border-radius: 5px; | |
89 -webkit-border-radius: 5px; | |
90 -moz-border-radius: 5px; | |
91 } | |
92 td.Event { | |
93 color: #777; | |
94 background-color: #ddd; | |
95 border-radius: 5px; | |
96 -webkit-border-radius: 5px; | |
97 -moz-border-radius: 5px; | |
98 } | |
99 | |
100 td.Activity { | |
101 border-top-left-radius: 10px; | |
102 -webkit-border-top-left-radius: 10px; | |
103 -moz-border-radius-topleft: 10px; | |
104 min-height: 20px; | |
105 padding: 2px 0 2px 0; | |
106 } | |
107 | |
108 td.idle, td.waiting, td.offline, td.building { | |
109 border-top-left-radius: 0px; | |
110 -webkit-border-top-left-radius: 0px; | |
111 -moz-border-radius-topleft: 0px; | |
112 } | |
113 | |
114 .LastBuild { | |
115 border-top-left-radius: 5px; | |
116 -webkit-border-top-left-radius: 5px; | |
117 -moz-border-radius-topleft: 5px; | |
118 border-top-right-radius: 5px; | |
119 -webkit-border-top-right-radius: 5px; | |
120 -moz-border-radius-topright: 5px; | |
121 } | |
122 | |
123 /* Console view styles */ | |
124 | |
125 td.DevRev { | |
126 padding: 4px 8px 4px 8px; | |
127 color: #333333; | |
128 border-top-left-radius: 5px; | |
129 -webkit-border-top-left-radius: 5px; | |
130 -moz-border-radius-topleft: 5px; | |
131 background-color: #eee; | |
132 width: 1%; | |
133 } | |
134 | |
135 td.DevRevCollapse { | |
136 border-bottom-left-radius: 5px; | |
137 -webkit-border-bottom-left-radius: 5px; | |
138 -moz-border-radius-bottomleft: 5px; | |
139 } | |
140 | |
141 td.DevName { | |
142 padding: 4px 8px 4px 8px; | |
143 color: #333333; | |
144 background-color: #eee; | |
145 width: 1%; | |
146 text-align: left; | |
147 } | |
148 | |
149 td.DevStatus { | |
150 padding: 4px 4px 4px 4px; | |
151 color: #333333; | |
152 background-color: #eee; | |
153 } | |
154 | |
155 td.DevSlave { | |
156 padding: 4px 4px 4px 4px; | |
157 color: #333333; | |
158 background-color: #eee; | |
159 } | |
160 | |
161 td.first { | |
162 border-top-left-radius: 5px; | |
163 -webkit-border-top-left-radius: 5px; | |
164 -moz-border-radius-topleft: 5px; | |
165 } | |
166 | |
167 td.last { | |
168 border-top-right-radius: 5px; | |
169 -webkit-border-top-right-radius: 5px; | |
170 -moz-border-radius-topright: 5px; | |
171 } | |
172 | |
173 td.DevStatusCategory { | |
174 border-radius: 5px; | |
175 -webkit-border-radius: 5px; | |
176 -moz-border-radius: 5px; | |
177 border-width:1px; | |
178 border-style:solid; | |
179 } | |
180 | |
181 td.DevStatusCollapse { | |
182 border-bottom-right-radius: 5px; | |
183 -webkit-border-bottom-right-radius: 5px; | |
184 -moz-border-radius-bottomright: 5px; | |
185 } | |
186 | |
187 td.DevDetails { | |
188 font-weight: normal; | |
189 padding: 8px 8px 8px 8px; | |
190 color: #333333; | |
191 background-color: #eee; | |
192 text-align: left; | |
193 } | |
194 | |
195 td.DevComment { | |
196 font-weight: normal; | |
197 padding: 8px 8px 8px 8px; | |
198 color: #333333; | |
199 border-bottom-right-radius: 5px; | |
200 -webkit-border-bottom-right-radius: 5px; | |
201 -moz-border-radius-bottomright: 5px; | |
202 border-bottom-left-radius: 5px; | |
203 -webkit-border-bottom-left-radius: 5px; | |
204 -moz-border-radius-bottomleft: 5px; | |
205 background-color: #eee; | |
206 text-align: left; | |
207 } | |
208 | |
209 td.Alt { | |
210 background-color: #CCCCCC; | |
211 } | |
212 | |
213 .legend { | |
214 border-radius: 5px; | |
215 -webkit-border-radius: 5px; | |
216 -moz-border-radius: 5px; | |
217 width: 100px; | |
218 max-width: 100px; | |
219 text-align:center; | |
220 padding: 2px 2px 2px 2px; | |
221 height:14px; | |
222 white-space:nowrap; | |
223 } | |
224 | |
225 .DevStatusBox { | |
226 text-align:center; | |
227 height:20px; | |
228 padding:0 2px; | |
229 line-height:0; | |
230 white-space:nowrap; | |
231 } | |
232 | |
233 .DevStatusBox a { | |
234 opacity: 0.85; | |
235 border-width:1px; | |
236 border-style:solid; | |
237 border-radius: 4px; | |
238 -webkit-border-radius: 4px; | |
239 -moz-border-radius: 4px; | |
240 display:block; | |
241 width:90%; | |
242 height:20px; | |
243 line-height:20px; | |
244 margin-left: auto; | |
245 margin-right: auto; | |
246 } | |
247 | |
248 .DevSlaveBox { | |
249 text-align:center; | |
250 height:10px; | |
251 padding:0 2px; | |
252 line-height:0; | |
253 white-space:nowrap; | |
254 } | |
255 | |
256 .DevSlaveBox a { | |
257 opacity: 0.85; | |
258 border-width:1px; | |
259 border-style:solid; | |
260 border-radius: 4px; | |
261 -webkit-border-radius: 4px; | |
262 -moz-border-radius: 4px; | |
263 display:block; | |
264 width:90%; | |
265 height:10px; | |
266 line-height:20px; | |
267 margin-left: auto; | |
268 margin-right: auto; | |
269 } | |
270 | |
271 a.noround { | |
272 border-radius: 0px; | |
273 -webkit-border-radius: 0px; | |
274 -moz-border-radius: 0px; | |
275 position: relative; | |
276 margin-top: -8px; | |
277 margin-bottom: -8px; | |
278 height: 36px; | |
279 border-top-width: 0; | |
280 border-bottom-width: 0; | |
281 } | |
282 | |
283 a.begin { | |
284 border-top-width:1px; | |
285 position: relative; | |
286 margin-top: 0px; | |
287 margin-bottom: -7px; | |
288 height: 27px; | |
289 border-top-left-radius: 4px; | |
290 -webkit-border-top-left-radius: 4px; | |
291 -moz-border-radius-topleft: 4px; | |
292 border-top-right-radius: 4px; | |
293 -webkit-border-top-right-radius: 4px; | |
294 -moz-border-radius-topright: 4px; | |
295 } | |
296 | |
297 a.end { | |
298 border-bottom-width:1px; | |
299 position: relative; | |
300 margin-top: -7px; | |
301 margin-bottom: 0px; | |
302 height: 27px; | |
303 border-bottom-left-radius: 4px; | |
304 -webkit-border-bottom-left-radius: 4px; | |
305 -moz-border-radius-bottomleft: 4px; | |
306 border-bottom-right-radius: 4px; | |
307 -webkit-border-bottom-right-radius: 4px; | |
308 -moz-border-radius-bottomright: 4px; | |
309 } | |
310 | |
311 .center_align { | |
312 text-align: center; | |
313 } | |
314 | |
315 .right_align { | |
316 text-align: right; | |
317 } | |
318 | |
319 .left_align { | |
320 text-align: left; | |
321 } | |
322 | |
323 div.BuildWaterfall { | |
324 border-radius: 7px; | |
325 -webkit-border-radius: 7px; | |
326 -moz-border-radius: 7px; | |
327 position: absolute; | |
328 left: 0px; | |
329 top: 0px; | |
330 background-color: #FFFFFF; | |
331 padding: 4px 4px 4px 4px; | |
332 float: left; | |
333 display: none; | |
334 border-width: 1px; | |
335 border-style: solid; | |
336 } | |
337 | |
338 /* LastBuild, BuildStep states */ | |
339 .success { | |
340 color: #FFFFFF; | |
341 background-color: #8fdf5f; | |
342 border-color: #4F8530; | |
343 } | |
344 | |
345 .failure { | |
346 color: #FFFFFF; | |
347 background-color: #e98080; | |
348 border-color: #A77272; | |
349 } | |
350 | |
351 .warnings { | |
352 color: #FFFFFF; | |
353 background-color: #ffc343; | |
354 border-color: #C29D46; | |
355 } | |
356 | |
357 .exception, td.offline { | |
358 color: #FFFFFF; | |
359 background-color: #e0b0ff; | |
360 border-color: #ACA0B3; | |
361 } | |
362 | |
363 .start,.running, td.building { | |
364 color: #666666; | |
365 background-color: #fffc6c; | |
366 border-color: #C5C56D; | |
367 } | |
368 | |
369 .running_failure { | |
370 color: #FFFFFF; | |
371 background-color: #fffc6c; | |
372 border-color: #ff0000; | |
373 } | |
374 | |
375 .start { | |
376 border-bottom-left-radius: 10px; | |
377 -webkit-border-bottom-left-radius: 10px; | |
378 -moz-border-radius-bottomleft: 10px; | |
379 border-bottom-right-radius: 10px; | |
380 -webkit-border-bottom-right-radius: 10px; | |
381 -moz-border-radius-bottomright: 10px; | |
382 } | |
383 | |
384 .notstarted { | |
385 border-width:1px; | |
386 border-style:solid; | |
387 border-color:#aaa; | |
388 } | |
389 | |
390 .closed { | |
391 background-color: #ff0000; | |
392 } | |
393 | |
394 .closed .large { | |
395 font-size: 1.5em; | |
396 font-weight: bolder; | |
397 } | |
398 | |
399 td.Project a:hover, td.start a:hover { | |
400 color: #000; | |
401 } | |
402 | |
403 .mini-box { | |
404 text-align:center; | |
405 height:20px; | |
406 padding:0 2px; | |
407 line-height:0; | |
408 white-space:nowrap; | |
409 } | |
410 | |
411 .mini-box a { | |
412 border-radius: 0; | |
413 -webkit-border-radius: 0; | |
414 -moz-border-radius: 0; | |
415 display:block; | |
416 width:100%; | |
417 height:20px; | |
418 line-height:20px; | |
419 margin-top:-30px; | |
420 } | |
421 | |
422 .mini-closed { | |
423 -box-sizing:border-box; | |
424 -webkit-box-sizing:border-box; | |
425 border:4px solid red; | |
426 } | |
427 | |
428 /* grid styles */ | |
429 | |
430 table.Grid { | |
431 border-collapse: collapse; | |
432 } | |
433 | |
434 table.Grid tr td { | |
435 padding: 0.2em; | |
436 margin: 0px; | |
437 text-align: center; | |
438 } | |
439 | |
440 table.Grid tr td.title { | |
441 font-size: 90%; | |
442 border-right: 1px gray solid; | |
443 border-bottom: 1px gray solid; | |
444 } | |
445 | |
446 table.Grid tr td.sourcestamp { | |
447 font-size: 90%; | |
448 } | |
449 | |
450 table.Grid tr td.builder { | |
451 text-align: right; | |
452 font-size: 90%; | |
453 } | |
454 | |
455 table.Grid tr td.build { | |
456 border: 1px gray solid; | |
457 } | |
OLD | NEW |