OLD | NEW |
| (Empty) |
1 /* | |
2 | |
3 Skia-specific stylings for the buildbot pages | |
4 | |
5 This overrides the defaults set in: | |
6 third_party/chromium_buildbot/third_party/buildbot_8_4p1/buildbot/status/web/fil
es/default.css. | |
7 | |
8 */ | |
9 | |
10 body.interface { | |
11 margin-left: 10px; | |
12 margin-right: 10px; | |
13 margin-top: 10px; | |
14 margin-bottom: 50px; | |
15 padding: 0; | |
16 background: url(bg_gradient.jpg) repeat-x; | |
17 font-family: Verdana, sans-serif; | |
18 font-size: 10px; | |
19 background-color: #fff; | |
20 color: #333; | |
21 } | |
22 | |
23 a:link,a:visited,a:active { | |
24 color: #444; | |
25 } | |
26 | |
27 table { | |
28 border-spacing: 1px 1px; | |
29 } | |
30 | |
31 table td { | |
32 padding: 3px 4px 3px 4px; | |
33 text-align: center; | |
34 } | |
35 | |
36 .Project { | |
37 min-width: 6em; | |
38 } | |
39 | |
40 .LastBuild,.Activity { | |
41 padding: 0 0 0 4px; | |
42 } | |
43 | |
44 .LastBuild,.Activity,.Builder,.BuildStep { | |
45 width: 155px; | |
46 max-width: 155px; | |
47 } | |
48 | |
49 div.RoundedRect { | |
50 border: 1px solid black; | |
51 background-color: white; | |
52 border-radius: 5px; | |
53 -webkit-border-radius: 5px; | |
54 -moz-border-radius: 5px; | |
55 padding: 10px; | |
56 } | |
57 | |
58 div.BuilderTooltip { | |
59 position: absolute; | |
60 display: none; | |
61 z-index: 100; | |
62 text-align: left; | |
63 transform: translate(-80%, 0); | |
64 -webkit-transform: translate(-80%, 0); | |
65 } | |
66 | |
67 div.BuilderTooltip:hover { | |
68 display: block; | |
69 } | |
70 | |
71 a:hover + div.BuilderTooltip { | |
72 display: block; | |
73 } | |
74 | |
75 a.BuilderHasComment,div.BuilderHasComment,td.BuilderHasComment { | |
76 border: 1px solid blue; | |
77 } | |
78 | |
79 /* Chromium Specific styles */ | |
80 div.BuildResultInfo { | |
81 color: #444; | |
82 } | |
83 | |
84 div.Announcement { | |
85 margin-bottom: 1em; | |
86 } | |
87 | |
88 div.Announcement>a:hover { | |
89 color: black; | |
90 } | |
91 | |
92 div.Announcement>div.Notice { | |
93 background-color: #afdaff; | |
94 padding: 0.5em; | |
95 font-size: 16px; | |
96 text-align: center; | |
97 } | |
98 | |
99 div.Announcement>div.Open { | |
100 border: 3px solid #8fdf5f; | |
101 padding: 0.5em; | |
102 font-size: 16px; | |
103 text-align: center; | |
104 } | |
105 | |
106 div.Announcement>div.Closed { | |
107 border: 5px solid #e98080; | |
108 padding: 0.5em; | |
109 font-size: 24px; | |
110 font-weight: bold; | |
111 text-align: center; | |
112 } | |
113 | |
114 div.header { | |
115 text-align: center; | |
116 } | |
117 | |
118 td.Time { | |
119 color: #000; | |
120 border-bottom: 1px solid #aaa; | |
121 background-color: #eee; | |
122 } | |
123 | |
124 td.Activity,td.Change,td.Builder { | |
125 color: #333333; | |
126 background-color: #CCCCCC; | |
127 } | |
128 | |
129 td.Change { | |
130 border-radius: 5px; | |
131 -webkit-border-radius: 5px; | |
132 -moz-border-radius: 5px; | |
133 } | |
134 | |
135 td.Event { | |
136 color: #777; | |
137 background-color: #ddd; | |
138 border-radius: 5px; | |
139 -webkit-border-radius: 5px; | |
140 -moz-border-radius: 5px; | |
141 } | |
142 | |
143 td.Activity { | |
144 border-top-left-radius: 10px; | |
145 -webkit-border-top-left-radius: 10px; | |
146 -moz-border-radius-topleft: 10px; | |
147 min-height: 20px; | |
148 padding: 2px 0 2px 0; | |
149 } | |
150 | |
151 td.idle,td.waiting,td.offline,td.building { | |
152 border-top-left-radius: 0px; | |
153 -webkit-border-top-left-radius: 0px; | |
154 -moz-border-radius-topleft: 0px; | |
155 } | |
156 | |
157 .LastBuild { | |
158 border-top-left-radius: 5px; | |
159 -webkit-border-top-left-radius: 5px; | |
160 -moz-border-radius-topleft: 5px; | |
161 border-top-right-radius: 5px; | |
162 -webkit-border-top-right-radius: 5px; | |
163 -moz-border-radius-topright: 5px; | |
164 } | |
165 | |
166 /* Console view styles */ | |
167 td.DevRev { | |
168 padding: 4px 8px 4px 8px; | |
169 color: #333333; | |
170 border-top-left-radius: 5px; | |
171 -webkit-border-top-left-radius: 5px; | |
172 -moz-border-radius-topleft: 5px; | |
173 background-color: #eee; | |
174 width: 1%; | |
175 } | |
176 | |
177 td.DevRevCollapse { | |
178 border-bottom-left-radius: 5px; | |
179 -webkit-border-bottom-left-radius: 5px; | |
180 -moz-border-radius-bottomleft: 5px; | |
181 } | |
182 | |
183 td.DevName { | |
184 padding: 4px 8px 4px 8px; | |
185 color: #333333; | |
186 background-color: #eee; | |
187 width: 1%; | |
188 text-align: left; | |
189 } | |
190 | |
191 td.DevStatus { | |
192 padding: 4px 4px 4px 4px; | |
193 color: #333333; | |
194 background-color: #eee; | |
195 } | |
196 | |
197 td.DevSlave { | |
198 padding: 4px 4px 4px 4px; | |
199 color: #333333; | |
200 background-color: #eee; | |
201 } | |
202 | |
203 td.first { | |
204 border-top-left-radius: 5px; | |
205 -webkit-border-top-left-radius: 5px; | |
206 -moz-border-radius-topleft: 5px; | |
207 } | |
208 | |
209 td.last { | |
210 border-top-right-radius: 5px; | |
211 -webkit-border-top-right-radius: 5px; | |
212 -moz-border-radius-topright: 5px; | |
213 } | |
214 | |
215 td.bottom { | |
216 border-bottom-right-radius: 5px; | |
217 -webkit-border-bottom-right-radius: 5px; | |
218 -moz-border-radius-bottomright: 5px; | |
219 border-bottom-left-radius: 5px; | |
220 -webkit-border-bottom-left-radius: 5px; | |
221 -moz-border-radius-bottomleft: 5px; | |
222 } | |
223 | |
224 td.DevStatusCategory { | |
225 border-radius: 5px; | |
226 -webkit-border-radius: 5px; | |
227 -moz-border-radius: 5px; | |
228 border-width: 1px; | |
229 border-style: solid; | |
230 } | |
231 | |
232 td.DevStatusCollapse { | |
233 border-bottom-right-radius: 5px; | |
234 -webkit-border-bottom-right-radius: 5px; | |
235 -moz-border-radius-bottomright: 5px; | |
236 } | |
237 | |
238 td.DevDetails { | |
239 font-weight: normal; | |
240 padding: 8px 8px 8px 8px; | |
241 color: #333333; | |
242 background-color: #eee; | |
243 text-align: left; | |
244 } | |
245 | |
246 td.DevDetails li a { | |
247 padding-right: 5px; | |
248 } | |
249 | |
250 td.DevComment { | |
251 font-weight: normal; | |
252 padding: 8px 8px 8px 8px; | |
253 color: #333333; | |
254 background-color: #eee; | |
255 text-align: left; | |
256 } | |
257 | |
258 td.Alt { | |
259 background-color: #ddd; | |
260 } | |
261 | |
262 .legend { | |
263 border-radius: 5px; | |
264 -webkit-border-radius: 5px; | |
265 -moz-border-radius: 5px; | |
266 border-width: 1px; | |
267 border-style: solid; | |
268 width: 100px; | |
269 max-width: 100px; | |
270 text-align: center; | |
271 padding: 2px 2px 2px 2px; | |
272 height: 14px; | |
273 white-space: nowrap; | |
274 } | |
275 | |
276 .DevStatusBox { | |
277 text-align: center; | |
278 height: 20px; | |
279 padding: 0 2px; | |
280 line-height: 0; | |
281 white-space: nowrap; | |
282 } | |
283 | |
284 .DevStatusBox a { | |
285 opacity: 0.85; | |
286 border-width: 1px; | |
287 border-style: solid; | |
288 border-radius: 4px; | |
289 -webkit-border-radius: 4px; | |
290 -moz-border-radius: 4px; | |
291 display: block; | |
292 width: 90%; | |
293 height: 20px; | |
294 line-height: 20px; | |
295 margin-left: auto; | |
296 margin-right: auto; | |
297 } | |
298 | |
299 .DevSlaveBox { | |
300 text-align: center; | |
301 height: 10px; | |
302 padding: 0 2px; | |
303 line-height: 0; | |
304 white-space: nowrap; | |
305 } | |
306 | |
307 a.DevSlaveBox { | |
308 opacity: 0.85; | |
309 border-width: 1px; | |
310 border-style: solid; | |
311 border-radius: 4px; | |
312 -webkit-border-radius: 4px; | |
313 -moz-border-radius: 4px; | |
314 display: block; | |
315 width: 90%; | |
316 height: 10px; | |
317 line-height: 20px; | |
318 margin-left: auto; | |
319 margin-right: auto; | |
320 } | |
321 | |
322 a.noround { | |
323 border-radius: 0px; | |
324 -webkit-border-radius: 0px; | |
325 -moz-border-radius: 0px; | |
326 position: relative; | |
327 margin-top: -8px; | |
328 margin-bottom: -8px; | |
329 height: 36px; | |
330 border-top-width: 0; | |
331 border-bottom-width: 0; | |
332 } | |
333 | |
334 a.begin { | |
335 border-top-width: 1px; | |
336 position: relative; | |
337 margin-top: 0px; | |
338 margin-bottom: -7px; | |
339 height: 27px; | |
340 border-top-left-radius: 4px; | |
341 -webkit-border-top-left-radius: 4px; | |
342 -moz-border-radius-topleft: 4px; | |
343 border-top-right-radius: 4px; | |
344 -webkit-border-top-right-radius: 4px; | |
345 -moz-border-radius-topright: 4px; | |
346 } | |
347 | |
348 a.end { | |
349 border-bottom-width: 1px; | |
350 position: relative; | |
351 margin-top: -7px; | |
352 margin-bottom: 0px; | |
353 height: 27px; | |
354 border-bottom-left-radius: 4px; | |
355 -webkit-border-bottom-left-radius: 4px; | |
356 -moz-border-radius-bottomleft: 4px; | |
357 border-bottom-right-radius: 4px; | |
358 -webkit-border-bottom-right-radius: 4px; | |
359 -moz-border-radius-bottomright: 4px; | |
360 } | |
361 | |
362 .center_align { | |
363 text-align: center; | |
364 } | |
365 | |
366 .right_align { | |
367 text-align: right; | |
368 } | |
369 | |
370 .left_align { | |
371 text-align: left; | |
372 } | |
373 | |
374 div.BuildWaterfall { | |
375 border-radius: 7px; | |
376 -webkit-border-radius: 7px; | |
377 -moz-border-radius: 7px; | |
378 position: absolute; | |
379 left: 0px; | |
380 top: 0px; | |
381 background-color: #FFFFFF; | |
382 padding: 4px 4px 4px 4px; | |
383 float: left; | |
384 display: none; | |
385 border-width: 1px; | |
386 border-style: solid; | |
387 transform: translate(-80%, 0); | |
388 -webkit-transform: translate(-80%, 0); | |
389 } | |
390 | |
391 /* LastBuild, BuildStep states */ | |
392 .success { | |
393 color: #000; | |
394 background-color: #8d4; | |
395 border-color: #4F8530; | |
396 } | |
397 | |
398 .failure { | |
399 color: #000; | |
400 background-color: #e88; | |
401 border-color: #A77272; | |
402 } | |
403 | |
404 .warnings { | |
405 color: #FFFFFF; | |
406 background-color: #fa3; | |
407 border-color: #C29D46; | |
408 } | |
409 | |
410 .skipped { | |
411 color: #000; | |
412 background: #AADDEE; | |
413 border-color: #AADDEE; | |
414 } | |
415 | |
416 .exception,.retry { | |
417 color: #FFFFFF; | |
418 background-color: #c6c; | |
419 border-color: #ACA0B3; | |
420 } | |
421 | |
422 .start { | |
423 color: #000; | |
424 background-color: #ccc; | |
425 border-color: #ccc; | |
426 } | |
427 | |
428 .running,.waiting,td.building { | |
429 color: #000; | |
430 background-color: #fd3; | |
431 border-color: #C5C56D; | |
432 } | |
433 | |
434 .running_failure { | |
435 color: #000; | |
436 background-color: #fd3; | |
437 border-color: #f00; | |
438 } | |
439 | |
440 .offline,td.offline { | |
441 color: #FFFFFF; | |
442 background-color: #777777; | |
443 border-color: #dddddd; | |
444 } | |
445 | |
446 | |
447 .start { | |
448 border-bottom-left-radius: 10px; | |
449 -webkit-border-bottom-left-radius: 10px; | |
450 -moz-border-radius-bottomleft: 10px; | |
451 border-bottom-right-radius: 10px; | |
452 -webkit-border-bottom-right-radius: 10px; | |
453 -moz-border-radius-bottomright: 10px; | |
454 } | |
455 | |
456 .notstarted { | |
457 border-width: 1px; | |
458 border-style: solid; | |
459 border-color: #aaa; | |
460 background-color: #fff; | |
461 } | |
462 | |
463 .closed { | |
464 background-color: #ff0000; | |
465 } | |
466 | |
467 .closed .large { | |
468 font-size: 1.5em; | |
469 font-weight: bolder; | |
470 } | |
471 | |
472 td.Project a:hover,td.start a:hover { | |
473 color: #000; | |
474 } | |
475 | |
476 .mini-box { | |
477 text-align: center; | |
478 height: 20px; | |
479 padding: 0 2px; | |
480 line-height: 0; | |
481 white-space: nowrap; | |
482 } | |
483 | |
484 .mini-box a { | |
485 border-radius: 0; | |
486 -webkit-border-radius: 0; | |
487 -moz-border-radius: 0; | |
488 display: block; | |
489 width: 100%; | |
490 height: 20px; | |
491 line-height: 20px; | |
492 margin-top: -30px; | |
493 } | |
494 | |
495 .mini-closed { | |
496 -box-sizing: border-box; | |
497 -webkit-box-sizing: border-box; | |
498 border: 4px solid red; | |
499 } | |
500 | |
501 /* grid styles */ | |
502 table.Grid { | |
503 border-collapse: collapse; | |
504 } | |
505 | |
506 table.Grid tr td { | |
507 padding: 0.2em; | |
508 margin: 0px; | |
509 text-align: center; | |
510 } | |
511 | |
512 table.Grid tr td.title { | |
513 font-size: 90%; | |
514 border-right: 1px gray solid; | |
515 border-bottom: 1px gray solid; | |
516 } | |
517 | |
518 table.Grid tr td.sourcestamp { | |
519 font-size: 90%; | |
520 } | |
521 | |
522 table.Grid tr td.builder { | |
523 text-align: right; | |
524 font-size: 90%; | |
525 } | |
526 | |
527 table.Grid tr td.build { | |
528 border: 1px gray solid; | |
529 } | |
530 | |
531 /* column container */ | |
532 div.column { | |
533 margin: 0 2em 2em 0; | |
534 float: left; | |
535 } | |
536 | |
537 /* info tables */ | |
538 table.info { | |
539 border-spacing: 1px; | |
540 } | |
541 | |
542 table.info td { | |
543 padding: 0.1em 1em 0.1em 1em; | |
544 text-align: center; | |
545 } | |
546 | |
547 table.info th { | |
548 padding: 0.2em 1.5em 0.2em 1.5em; | |
549 text-align: center; | |
550 } | |
551 | |
552 table.info td.left { | |
553 text-align: left | |
554 } | |
555 | |
556 .alt { | |
557 background-color: #f6f6f6; | |
558 } | |
559 | |
560 li { | |
561 padding: 0.1em 1em 0.1em 1em; | |
562 } | |
563 | |
564 .result { | |
565 padding: 0.3em 1em 0.3em 1em; | |
566 } | |
567 | |
568 /* log view */ | |
569 .log * { | |
570 vlink: #800080; | |
571 font-family: "Courier New", courier, monotype, monospace; | |
572 } | |
573 | |
574 span.stdout { | |
575 color: black; | |
576 } | |
577 | |
578 span.stderr { | |
579 color: red; | |
580 } | |
581 | |
582 span.header { | |
583 color: blue; | |
584 } | |
585 | |
586 /* revision & email */ | |
587 .revision .full { | |
588 display: none; | |
589 } | |
590 | |
591 .user .email { | |
592 display: none; | |
593 } | |
594 | |
595 /* change comments (use regular colors here) */ | |
596 pre.comments>a:link,pre.comments>a:visited { | |
597 color: blue; | |
598 } | |
599 | |
600 pre.comments>a:active { | |
601 color: purple; | |
602 } | |
603 | |
604 /* | |
605 Tree status banner styles, from | |
606 appengine_scripts/skia-tree-status/templates/current.html | |
607 | |
608 TODO(borenet): Split out the CSS from current.html and share it? | |
609 */ | |
610 div.status-message { | |
611 margin-bottom: 1em; | |
612 padding: 0.5em; | |
613 font-weight: normal; | |
614 font-size: 16px; | |
615 font-family: Verdana, Cursor; | |
616 text-align: center; | |
617 color: black; | |
618 border-top-right-radius: 24px; | |
619 -webkit-border-top-right-radius: 24px; | |
620 -moz-border-radius-topright: 1em; | |
621 border-bottom-right-radius: 24px; | |
622 -webkit-border-bottom-right-radius: 24px; | |
623 -moz-border-radius-bottomright: 1em; | |
624 border-top-left-radius: 24px; | |
625 -webkit-border-top-left-radius: 24px; | |
626 -moz-border-radius-topleft: 1em; | |
627 border-bottom-left-radius: 24px; | |
628 -webkit-border-bottom-left-radius: 24px; | |
629 -moz-border-radius-bottomleft: 1em; | |
630 box-shadow: 2px 2px 6px rgba(0,0,0,0.6); | |
631 -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); | |
632 -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); | |
633 } | |
634 | |
635 div.sheriff-message { | |
636 text-align: right; | |
637 font-weight: bold; | |
638 font-size: 12px; | |
639 } | |
640 | |
641 div.arb-status { | |
642 font-size: 12px; | |
643 } | |
644 | |
645 div.open { | |
646 background-color: #8fdf5f; | |
647 } | |
648 | |
649 div.closed { | |
650 background-color: #e98080; | |
651 } | |
652 | |
653 div.caution { | |
654 background-color: #FFFC6C; | |
655 } | |
OLD | NEW |