OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright 2014 The Chromium Authors. All rights reserved. | |
3 * Use of this source code is governed by a BSD-style license that can be | |
4 * found in the LICENSE file. | |
5 * */ | |
6 | |
7 body { | |
8 margin-bottom:50px; | |
9 } | |
10 | |
11 body, td { | |
12 font-family: Verdana, Cursor; | |
13 font-size: 10px; | |
14 font-weight: bold; | |
15 } | |
16 | |
17 a:link,a:visited,a:active { | |
18 color: #444; | |
19 } | |
20 | |
21 a:hover { | |
22 color: #000000; | |
23 } | |
24 | |
25 table { | |
26 border-spacing: 1px 1px; | |
27 } | |
28 | |
29 table td { | |
30 padding: 3px 0px 3px 0px; | |
31 text-align: center; | |
32 } | |
33 | |
34 .closerbox { | |
35 border: 1px solid #aaa; | |
36 background-color: #eef; | |
37 border-radius: 8px; | |
38 -webkit-border-radius: 8px; | |
39 -moz-border-radius: 8px; | |
40 } | |
41 | |
42 .closerbox table { | |
43 padding: 0 4px; | |
44 } | |
45 | |
46 .closerbox .title { | |
47 background-color: #ccc; | |
48 border-top-left-radius: 8px; | |
49 -webkit-border-top-left-radius: 8px; | |
50 -moz-border-top-left-radius: 8px; | |
51 border-top-right-radius: 8px; | |
52 -webkit-border-top-right-radius: 8px; | |
53 -moz-border-top-right-radius: 8px; | |
54 padding: 0 0 2px; | |
55 } | |
56 | |
57 .Project { | |
58 width: 100px; | |
59 } | |
60 | |
61 .LastBuild, .Activity { | |
62 padding: 0 0 0 4px; | |
63 } | |
64 | |
65 .LastBuild, .Activity, .Builder, .BuildStep { | |
66 width: 155px; | |
67 max-width: 155px; | |
68 } | |
69 | |
70 /* Chromium Specific styles */ | |
71 div.BuildResultInfo { | |
72 color: #444; | |
73 } | |
74 | |
75 div.Announcement { | |
76 margin-bottom: 1em; | |
77 } | |
78 | |
79 div.Announcement > a:hover { | |
80 color: black; | |
81 } | |
82 | |
83 div.Announcement > div.Notice { | |
84 background-color: #afdaff; | |
85 padding: 0.5em; | |
86 font-size: 16px; | |
87 text-align: center; | |
88 } | |
89 | |
90 div.Announcement > div.Open { | |
91 border: 3px solid #8fdf5f; | |
92 padding: 0.5em; | |
93 font-size: 16px; | |
94 text-align: center; | |
95 } | |
96 | |
97 div.Announcement > div.Closed { | |
98 border: 5px solid #e98080; | |
99 padding: 0.5em; | |
100 font-size: 24px; | |
101 font-weight: bold; | |
102 text-align: center; | |
103 } | |
104 | |
105 td.Time { | |
106 color: #000; | |
107 border-bottom: 1px solid #aaa; | |
108 background-color: #eee; | |
109 } | |
110 | |
111 td.Activity, td.Change, td.Builder { | |
112 color: #333333; | |
113 background-color: #CCCCCC; | |
114 } | |
115 | |
116 td.Change.webkit { | |
117 color: #444; | |
118 background: #ddd; | |
119 } | |
120 | |
121 td.Change.chromium { | |
122 background: #ccc; | |
123 } | |
124 | |
125 td.Change { | |
126 border-radius: 5px; | |
127 -webkit-border-radius: 5px; | |
128 -moz-border-radius: 5px; | |
129 } | |
130 td.Event { | |
131 color: #777; | |
132 background-color: #ddd; | |
133 border-radius: 5px; | |
134 -webkit-border-radius: 5px; | |
135 -moz-border-radius: 5px; | |
136 } | |
137 | |
138 td.Activity { | |
139 border-top-left-radius: 10px; | |
140 -webkit-border-top-left-radius: 10px; | |
141 -moz-border-radius-topleft: 10px; | |
142 min-height: 20px; | |
143 padding: 2px 0 2px 0; | |
144 } | |
145 | |
146 td.idle, td.waiting, td.offline, td.building { | |
147 border-top-left-radius: 0px; | |
148 -webkit-border-top-left-radius: 0px; | |
149 -moz-border-radius-topleft: 0px; | |
150 } | |
151 | |
152 .LastBuild { | |
153 border-top-left-radius: 5px; | |
154 -webkit-border-top-left-radius: 5px; | |
155 -moz-border-radius-topleft: 5px; | |
156 border-top-right-radius: 5px; | |
157 -webkit-border-top-right-radius: 5px; | |
158 -moz-border-radius-topright: 5px; | |
159 } | |
160 | |
161 .BuildProperties td.middle { | |
162 max-width: 250px; | |
163 text-overflow: ellipsis; | |
164 overflow: hidden; | |
165 } | |
166 | |
167 /* Console view styles */ | |
168 | |
169 td.DevRev { | |
170 padding: 4px 8px 4px 8px; | |
171 color: #333333; | |
172 border-top-left-radius: 5px; | |
173 -webkit-border-top-left-radius: 5px; | |
174 -moz-border-radius-topleft: 5px; | |
175 background-color: #eee; | |
176 width: 1%; | |
177 } | |
178 | |
179 td.DevRevCollapse { | |
180 border-bottom-left-radius: 5px; | |
181 -webkit-border-bottom-left-radius: 5px; | |
182 -moz-border-radius-bottomleft: 5px; | |
183 } | |
184 | |
185 td.DevName { | |
186 padding: 4px 8px 4px 8px; | |
187 color: #333333; | |
188 background-color: #eee; | |
189 width: 1%; | |
190 text-align: left; | |
191 } | |
192 | |
193 td.DevStatus { | |
194 padding: 4px 4px 4px 4px; | |
195 color: #333333; | |
196 background-color: #eee; | |
197 } | |
198 | |
199 td.DevSlave { | |
200 padding: 4px 4px 4px 4px; | |
201 color: #333333; | |
202 background-color: #eee; | |
203 } | |
204 | |
205 td.first { | |
206 border-top-left-radius: 5px; | |
207 -webkit-border-top-left-radius: 5px; | |
208 -moz-border-radius-topleft: 5px; | |
209 } | |
210 | |
211 td.last { | |
212 border-top-right-radius: 5px; | |
213 -webkit-border-top-right-radius: 5px; | |
214 -moz-border-radius-topright: 5px; | |
215 } | |
216 | |
217 td.DevStatusCategory { | |
218 border-radius: 5px; | |
219 -webkit-border-radius: 5px; | |
220 -moz-border-radius: 5px; | |
221 border-width:1px; | |
222 border-style:solid; | |
223 } | |
224 | |
225 td.DevStatusCollapse { | |
226 border-bottom-right-radius: 5px; | |
227 -webkit-border-bottom-right-radius: 5px; | |
228 -moz-border-radius-bottomright: 5px; | |
229 } | |
230 | |
231 td.DevDetails { | |
232 font-weight: normal; | |
233 padding: 8px 8px 8px 8px; | |
234 color: #333333; | |
235 background-color: #eee; | |
236 text-align: left; | |
237 } | |
238 | |
239 td.DevComment { | |
240 font-weight: normal; | |
241 padding: 8px 8px 8px 8px; | |
242 color: #333333; | |
243 border-bottom-right-radius: 5px; | |
244 -webkit-border-bottom-right-radius: 5px; | |
245 -moz-border-radius-bottomright: 5px; | |
246 border-bottom-left-radius: 5px; | |
247 -webkit-border-bottom-left-radius: 5px; | |
248 -moz-border-radius-bottomleft: 5px; | |
249 background-color: #eee; | |
250 text-align: left; | |
251 } | |
252 | |
253 td.Alt { | |
254 background-color: #CCCCCC; | |
255 } | |
256 | |
257 .legend { | |
258 border-radius: 5px; | |
259 -webkit-border-radius: 5px; | |
260 -moz-border-radius: 5px; | |
261 width: 100px; | |
262 max-width: 100px; | |
263 text-align:center; | |
264 padding: 2px 2px 2px 2px; | |
265 height:14px; | |
266 white-space:nowrap; | |
267 } | |
268 | |
269 .DevStatusBox { | |
270 text-align:center; | |
271 height:20px; | |
272 padding:0 2px; | |
273 line-height:0; | |
274 white-space:nowrap; | |
275 } | |
276 | |
277 .DevStatusBox a { | |
278 opacity: 0.85; | |
279 border-width:1px; | |
280 border-style:solid; | |
281 border-radius: 4px; | |
282 -webkit-border-radius: 4px; | |
283 -moz-border-radius: 4px; | |
284 display:block; | |
285 width:90%; | |
286 height:20px; | |
287 line-height:20px; | |
288 margin-left: auto; | |
289 margin-right: auto; | |
290 } | |
291 | |
292 .DevSlaveBox { | |
293 text-align:center; | |
294 height:10px; | |
295 padding:0 2px; | |
296 line-height:0; | |
297 white-space:nowrap; | |
298 } | |
299 | |
300 .DevSlaveBox a { | |
301 opacity: 0.85; | |
302 border-width:1px; | |
303 border-style:solid; | |
304 border-radius: 4px; | |
305 -webkit-border-radius: 4px; | |
306 -moz-border-radius: 4px; | |
307 display:block; | |
308 width:90%; | |
309 height:10px; | |
310 line-height:20px; | |
311 margin-left: auto; | |
312 margin-right: auto; | |
313 } | |
314 | |
315 a.noround { | |
316 border-radius: 0px; | |
317 -webkit-border-radius: 0px; | |
318 -moz-border-radius: 0px; | |
319 position: relative; | |
320 margin-top: -8px; | |
321 margin-bottom: -8px; | |
322 height: 36px; | |
323 border-top-width: 0; | |
324 border-bottom-width: 0; | |
325 } | |
326 | |
327 a.begin { | |
328 border-top-width:1px; | |
329 position: relative; | |
330 margin-top: 0px; | |
331 margin-bottom: -7px; | |
332 height: 27px; | |
333 border-top-left-radius: 4px; | |
334 -webkit-border-top-left-radius: 4px; | |
335 -moz-border-radius-topleft: 4px; | |
336 border-top-right-radius: 4px; | |
337 -webkit-border-top-right-radius: 4px; | |
338 -moz-border-radius-topright: 4px; | |
339 } | |
340 | |
341 a.end { | |
342 border-bottom-width:1px; | |
343 position: relative; | |
344 margin-top: -7px; | |
345 margin-bottom: 0px; | |
346 height: 27px; | |
347 border-bottom-left-radius: 4px; | |
348 -webkit-border-bottom-left-radius: 4px; | |
349 -moz-border-radius-bottomleft: 4px; | |
350 border-bottom-right-radius: 4px; | |
351 -webkit-border-bottom-right-radius: 4px; | |
352 -moz-border-radius-bottomright: 4px; | |
353 } | |
354 | |
355 .center_align { | |
356 text-align: center; | |
357 } | |
358 | |
359 .right_align { | |
360 text-align: right; | |
361 } | |
362 | |
363 .left_align { | |
364 text-align: left; | |
365 } | |
366 | |
367 div.BuildWaterfall { | |
368 border-radius: 7px; | |
369 -webkit-border-radius: 7px; | |
370 -moz-border-radius: 7px; | |
371 position: absolute; | |
372 left: 0px; | |
373 top: 0px; | |
374 background-color: #FFFFFF; | |
375 padding: 4px 4px 4px 4px; | |
376 float: left; | |
377 display: none; | |
378 border-width: 1px; | |
379 border-style: solid; | |
380 } | |
381 | |
382 /* LastBuild, BuildStep states */ | |
383 .success { | |
384 color: #FFFFFF; | |
385 background-color: #8fdf5f; | |
386 border-color: #4F8530; | |
387 } | |
388 | |
389 .failure { | |
390 color: #FFFFFF; | |
391 background-color: #e98080; | |
392 border-color: #A77272; | |
393 } | |
394 | |
395 .warnings { | |
396 color: #FFFFFF; | |
397 background-color: #ffc343; | |
398 border-color: #C29D46; | |
399 } | |
400 | |
401 .never { | |
402 color: #FFFFFF; | |
403 background-color: #f0f0e0; | |
404 border-color: #A77272; | |
405 } | |
406 | |
407 .exception, .offline, .retry { | |
408 color: #FFFFFF; | |
409 background-color: #e0b0ff; | |
410 border-color: #ACA0B3; | |
411 } | |
412 | |
413 .start,.running, td.building { | |
414 color: #666666; | |
415 background-color: #fffc6c; | |
416 border-color: #C5C56D; | |
417 } | |
418 | |
419 .running_failure { | |
420 color: #FFFFFF; | |
421 background-color: #fffc6c; | |
422 border-color: #ff0000; | |
423 } | |
424 | |
425 .start { | |
426 border-bottom-left-radius: 10px; | |
427 -webkit-border-bottom-left-radius: 10px; | |
428 -moz-border-radius-bottomleft: 10px; | |
429 border-bottom-right-radius: 10px; | |
430 -webkit-border-bottom-right-radius: 10px; | |
431 -moz-border-radius-bottomright: 10px; | |
432 } | |
433 | |
434 .notstarted { | |
435 border-width:1px; | |
436 border-style:solid; | |
437 border-color:#aaa; | |
438 } | |
439 | |
440 .closed { | |
441 background-color: #ff0000; | |
442 } | |
443 | |
444 .closed .large { | |
445 font-size: 1.5em; | |
446 font-weight: bolder; | |
447 } | |
448 | |
449 td.Project a:hover, td.start a:hover { | |
450 color: #000; | |
451 } | |
452 | |
453 .mini-box { | |
454 text-align:center; | |
455 height:20px; | |
456 padding:0 2px; | |
457 line-height:0; | |
458 white-space:nowrap; | |
459 } | |
460 | |
461 .mini-box a { | |
462 border-radius: 0; | |
463 -webkit-border-radius: 0; | |
464 -moz-border-radius: 0; | |
465 display:block; | |
466 width:100%; | |
467 height:20px; | |
468 line-height:20px; | |
469 margin-top:-30px; | |
470 } | |
471 | |
472 .mini-closed { | |
473 -box-sizing:border-box; | |
474 -webkit-box-sizing:border-box; | |
475 border:4px solid red; | |
476 } | |
477 | |
478 /* column container */ | |
479 div.column { | |
480 margin: 0 2em 2em 0; | |
481 float: left; | |
482 } | |
483 | |
484 /* grid styles */ | |
485 | |
486 table.Grid { | |
487 border-collapse: collapse; | |
488 } | |
489 | |
490 table.Grid tr td { | |
491 padding: 0.2em; | |
492 margin: 0px; | |
493 text-align: center; | |
494 } | |
495 | |
496 table.Grid tr td.title { | |
497 font-size: 90%; | |
498 border-right: 1px gray solid; | |
499 border-bottom: 1px gray solid; | |
500 } | |
501 | |
502 table.Grid tr td.sourcestamp { | |
503 font-size: 90%; | |
504 } | |
505 | |
506 table.Grid tr td.builder { | |
507 text-align: right; | |
508 font-size: 90%; | |
509 } | |
510 | |
511 table.Grid tr td.build { | |
512 border: 1px gray solid; | |
513 } | |
514 | |
515 div.data { | |
516 font-family: "Courier New", courier, monotype; | |
517 } | |
518 | |
519 /* info tables */ | |
520 table.info { | |
521 border-spacing: 1px; | |
522 } | |
523 | |
524 table.info td { | |
525 padding: 0.1em 1em 0.1em 1em; | |
526 text-align: center; | |
527 } | |
528 | |
529 table.info th { | |
530 padding: 0.2em 1.5em 0.2em 1.5em; | |
531 text-align: center; | |
532 } | |
533 | |
534 table.info td.left { | |
535 text-align: left | |
536 } | |
537 | |
538 .alt { | |
539 background-color: #eee; | |
540 } | |
541 | |
542 li { | |
543 padding: 0.1em 1em 0.1em 1em; | |
544 } | |
545 | |
546 .result { | |
547 padding: 0.3em 1em 0.3em 1em; | |
548 } | |
549 | |
550 /* log view */ | |
551 .log * { | |
552 vlink: #800080; | |
553 font-family: "Courier New", courier, monotype, monospace; | |
554 } | |
555 | |
556 span.stdout, span.stderr, span.header { | |
557 font-family: "Courier New", courier, monotype; | |
558 font-size: 16px; | |
559 font-weight: normal; | |
560 } | |
561 | |
562 span.stderr { | |
563 color: red; | |
564 } | |
565 | |
566 span.header { | |
567 color: blue; | |
568 } | |
OLD | NEW |