OLD | NEW |
| (Empty) |
1 /* Copyright 2015 The LUCI Authors. All rights reserved. | |
2 * Use of this source code is governed under the Apache License, Version 2.0 | |
3 * that can be found in the LICENSE file. | |
4 */ | |
5 | |
6 body.interface { | |
7 margin-left: 30px; | |
8 margin-right: 30px; | |
9 margin-top: 20px; | |
10 margin-bottom: 50px; | |
11 padding: 0; | |
12 font-family: Verdana, sans-serif; | |
13 font-size: 10px; | |
14 background-color: #fff; | |
15 color: #333; | |
16 } | |
17 | |
18 header { | |
19 display: flex; | |
20 justify-content: space-between; | |
21 } | |
22 | |
23 footer { | |
24 clear: both; | |
25 } | |
26 | |
27 .prelude { | |
28 float: left; | |
29 } | |
30 | |
31 .main { | |
32 float: left; | |
33 } | |
34 | |
35 .epiloge { | |
36 clear: both; | |
37 } | |
38 | |
39 .auth { | |
40 position:absolute; | |
41 top:5px; | |
42 right:40px; | |
43 } | |
44 | |
45 .alert { | |
46 color: #c30000; | |
47 background-color: #f2dcdc; | |
48 padding: 5px 5px 5px 25px; | |
49 margin-bottom: 20px; | |
50 border-top:1px solid #ccc; | |
51 border-bottom:1px solid #ccc; | |
52 border-color: #c30000; | |
53 font-size: 20px; | |
54 } | |
55 a:link,a:visited,a:active { | |
56 color: #444; | |
57 } | |
58 | |
59 table { | |
60 border-spacing: 1px 1px; | |
61 } | |
62 | |
63 table td { | |
64 padding: 3px 4px 3px 4px; | |
65 text-align: center; | |
66 } | |
67 | |
68 .Project { | |
69 min-width: 6em; | |
70 } | |
71 | |
72 .LastBuild,.Activity { | |
73 padding: 0 0 0 4px; | |
74 } | |
75 | |
76 .LastBuild,.Activity,.Builder,.BuildStep { | |
77 min-width: 5em; | |
78 } | |
79 | |
80 /* Chromium Specific styles */ | |
81 div.BuildResultInfo { | |
82 color: #444; | |
83 } | |
84 | |
85 div.Announcement { | |
86 margin-bottom: 1em; | |
87 } | |
88 | |
89 div.Announcement>a:hover { | |
90 color: black; | |
91 } | |
92 | |
93 div.Announcement>div.Notice { | |
94 background-color: #afdaff; | |
95 padding: 0.5em; | |
96 font-size: 16px; | |
97 text-align: center; | |
98 } | |
99 | |
100 div.Announcement>div.Open { | |
101 border: 3px solid #8fdf5f; | |
102 padding: 0.5em; | |
103 font-size: 16px; | |
104 text-align: center; | |
105 } | |
106 | |
107 div.Announcement>div.Closed { | |
108 border: 5px solid #e98080; | |
109 padding: 0.5em; | |
110 font-size: 24px; | |
111 font-weight: bold; | |
112 text-align: center; | |
113 } | |
114 | |
115 .BuildProperties td.middle { | |
116 max-width: 250px; | |
117 text-overflow: ellipsis; | |
118 overflow: hidden; | |
119 } | |
120 | |
121 td.Time { | |
122 color: #000; | |
123 border-bottom: 1px solid #aaa; | |
124 background-color: #eee; | |
125 } | |
126 | |
127 td.Activity,td.Change,td.Builder { | |
128 color: #333333; | |
129 background-color: #CCCCCC; | |
130 } | |
131 | |
132 td.Change { | |
133 border-radius: 5px; | |
134 -webkit-border-radius: 5px; | |
135 -moz-border-radius: 5px; | |
136 } | |
137 | |
138 td.Event { | |
139 color: #777; | |
140 background-color: #ddd; | |
141 border-radius: 5px; | |
142 -webkit-border-radius: 5px; | |
143 -moz-border-radius: 5px; | |
144 } | |
145 | |
146 td.Activity { | |
147 border-top-left-radius: 10px; | |
148 -webkit-border-top-left-radius: 10px; | |
149 -moz-border-radius-topleft: 10px; | |
150 min-height: 20px; | |
151 padding: 2px 0 2px 0; | |
152 } | |
153 | |
154 td.idle,td.waiting,td.offline,td.building { | |
155 border-top-left-radius: 0px; | |
156 -webkit-border-top-left-radius: 0px; | |
157 -moz-border-radius-topleft: 0px; | |
158 } | |
159 | |
160 .LastBuild { | |
161 border-top-left-radius: 5px; | |
162 -webkit-border-top-left-radius: 5px; | |
163 -moz-border-radius-topleft: 5px; | |
164 border-top-right-radius: 5px; | |
165 -webkit-border-top-right-radius: 5px; | |
166 -moz-border-radius-topright: 5px; | |
167 } | |
168 | |
169 /* Console view styles */ | |
170 td.DevStatus > table { | |
171 table-layout: fixed; | |
172 } | |
173 | |
174 td.DevRev { | |
175 padding: 4px 8px 4px 8px; | |
176 color: #333333; | |
177 border-top-left-radius: 5px; | |
178 -webkit-border-top-left-radius: 5px; | |
179 -moz-border-radius-topleft: 5px; | |
180 background-color: #eee; | |
181 width: 1%; | |
182 } | |
183 | |
184 td.DevRevCollapse { | |
185 border-bottom-left-radius: 5px; | |
186 -webkit-border-bottom-left-radius: 5px; | |
187 -moz-border-radius-bottomleft: 5px; | |
188 } | |
189 | |
190 td.DevName { | |
191 padding: 4px 8px 4px 8px; | |
192 color: #333333; | |
193 background-color: #eee; | |
194 width: 1%; | |
195 text-align: left; | |
196 } | |
197 | |
198 td.DevStatus { | |
199 padding: 4px 4px 4px 4px; | |
200 color: #333333; | |
201 background-color: #eee; | |
202 } | |
203 | |
204 td.DevSlave { | |
205 padding: 4px 4px 4px 4px; | |
206 color: #333333; | |
207 background-color: #eee; | |
208 } | |
209 | |
210 td.first { | |
211 border-top-left-radius: 5px; | |
212 -webkit-border-top-left-radius: 5px; | |
213 -moz-border-radius-topleft: 5px; | |
214 } | |
215 | |
216 td.last { | |
217 border-top-right-radius: 5px; | |
218 -webkit-border-top-right-radius: 5px; | |
219 -moz-border-radius-topright: 5px; | |
220 } | |
221 | |
222 td.DevStatusCategory { | |
223 border-radius: 5px; | |
224 -webkit-border-radius: 5px; | |
225 -moz-border-radius: 5px; | |
226 border-width: 1px; | |
227 border-style: solid; | |
228 } | |
229 | |
230 td.DevStatusCollapse { | |
231 border-bottom-right-radius: 5px; | |
232 -webkit-border-bottom-right-radius: 5px; | |
233 -moz-border-radius-bottomright: 5px; | |
234 } | |
235 | |
236 td.DevDetails { | |
237 font-weight: normal; | |
238 padding: 8px 8px 8px 8px; | |
239 color: #333333; | |
240 background-color: #eee; | |
241 text-align: left; | |
242 } | |
243 | |
244 td.DevDetails li a { | |
245 padding-right: 5px; | |
246 } | |
247 | |
248 td.DevComment { | |
249 font-weight: normal; | |
250 padding: 8px 8px 8px 8px; | |
251 color: #333333; | |
252 background-color: #eee; | |
253 text-align: left; | |
254 } | |
255 | |
256 td.DevBottom { | |
257 border-bottom-right-radius: 5px; | |
258 -webkit-border-bottom-right-radius: 5px; | |
259 -moz-border-radius-bottomright: 5px; | |
260 border-bottom-left-radius: 5px; | |
261 -webkit-border-bottom-left-radius: 5px; | |
262 -moz-border-radius-bottomleft: 5px; | |
263 } | |
264 | |
265 td.Alt { | |
266 background-color: #ddd; | |
267 } | |
268 | |
269 tr:nth-child(even) { | |
270 background-color: #ddd; | |
271 } | |
272 | |
273 li.sublink:nth-child(odd) { | |
274 background-color: #eee; | |
275 } | |
276 | |
277 .graph { | |
278 width: 200px; | |
279 text-align: left; | |
280 } | |
281 | |
282 .bar { | |
283 display: inline-block; | |
284 height: 10px; | |
285 border: 1px solid black; | |
286 } | |
287 | |
288 .idle { | |
289 background-color: #8d4; | |
290 } | |
291 | |
292 .busy { | |
293 background-color: #fd3; | |
294 } | |
295 | |
296 .disconnected { | |
297 background-color: #c6c; | |
298 } | |
299 | |
300 .account-picture { | |
301 border-radius: 6px; | |
302 width: 25px; | |
303 height: 25px; | |
304 vertical-align: middle; | |
305 } | |
306 | |
307 .legend { | |
308 border-radius: 5px !important; | |
309 -webkit-border-radius: 5px !important; | |
310 -moz-border-radius: 5px !important; | |
311 width: 100px; | |
312 max-width: 100px; | |
313 text-align: center; | |
314 padding: 2px 2px 2px 2px; | |
315 height: 14px; | |
316 white-space: nowrap; | |
317 } | |
318 | |
319 .DevStatusBox { | |
320 text-align: center; | |
321 height: 20px; | |
322 padding: 0 2px; | |
323 line-height: 0; | |
324 white-space: nowrap; | |
325 } | |
326 | |
327 .DevStatusBox a { | |
328 opacity: 0.85; | |
329 border-width: 1px; | |
330 border-style: solid; | |
331 border-radius: 4px; | |
332 -webkit-border-radius: 4px; | |
333 -moz-border-radius: 4px; | |
334 display: block; | |
335 width: 90%; | |
336 height: 20px; | |
337 line-height: 20px; | |
338 margin-left: auto; | |
339 margin-right: auto; | |
340 } | |
341 | |
342 .DevStatusBox a.notinbuilder { | |
343 border-style: none; | |
344 } | |
345 | |
346 .DevSlaveBox { | |
347 text-align: center; | |
348 height: 10px; | |
349 padding: 0 2px; | |
350 line-height: 0; | |
351 white-space: nowrap; | |
352 } | |
353 | |
354 .DevSlaveBox a { | |
355 opacity: 0.85; | |
356 border-width: 1px; | |
357 border-style: solid; | |
358 border-radius: 4px; | |
359 -webkit-border-radius: 4px; | |
360 -moz-border-radius: 4px; | |
361 display: block; | |
362 width: 90%; | |
363 height: 10px; | |
364 line-height: 20px; | |
365 margin-left: auto; | |
366 margin-right: auto; | |
367 } | |
368 | |
369 a.noround { | |
370 border-radius: 0px; | |
371 -webkit-border-radius: 0px; | |
372 -moz-border-radius: 0px; | |
373 position: relative; | |
374 margin-top: -8px; | |
375 margin-bottom: -8px; | |
376 height: 36px; | |
377 border-top-width: 0; | |
378 border-bottom-width: 0; | |
379 } | |
380 | |
381 a.begin { | |
382 border-top-width: 1px; | |
383 position: relative; | |
384 margin-top: 0px; | |
385 margin-bottom: -7px; | |
386 height: 27px; | |
387 border-top-left-radius: 4px; | |
388 -webkit-border-top-left-radius: 4px; | |
389 -moz-border-radius-topleft: 4px; | |
390 border-top-right-radius: 4px; | |
391 -webkit-border-top-right-radius: 4px; | |
392 -moz-border-radius-topright: 4px; | |
393 } | |
394 | |
395 a.end { | |
396 border-bottom-width: 1px; | |
397 position: relative; | |
398 margin-top: -7px; | |
399 margin-bottom: 0px; | |
400 height: 27px; | |
401 border-bottom-left-radius: 4px; | |
402 -webkit-border-bottom-left-radius: 4px; | |
403 -moz-border-radius-bottomleft: 4px; | |
404 border-bottom-right-radius: 4px; | |
405 -webkit-border-bottom-right-radius: 4px; | |
406 -moz-border-radius-bottomright: 4px; | |
407 } | |
408 | |
409 .center_align { | |
410 text-align: center; | |
411 } | |
412 | |
413 .right_align { | |
414 text-align: right; | |
415 } | |
416 | |
417 .left_align { | |
418 text-align: left; | |
419 } | |
420 | |
421 div.BuildWaterfall { | |
422 border-radius: 7px; | |
423 -webkit-border-radius: 7px; | |
424 -moz-border-radius: 7px; | |
425 position: absolute; | |
426 left: 0px; | |
427 top: 0px; | |
428 background-color: #FFFFFF; | |
429 padding: 4px 4px 4px 4px; | |
430 float: left; | |
431 display: none; | |
432 border-width: 1px; | |
433 border-style: solid; | |
434 } | |
435 | |
436 /* LastBuild, BuildStep states */ | |
437 .success, .status-Success, .status-Idle { | |
438 color: #000; | |
439 background-color: #8d4; | |
440 border-color: #4F8530; | |
441 } | |
442 | |
443 .failure, .status-Failure { | |
444 color: #000; | |
445 background-color: #e88; | |
446 border-color: #A77272; | |
447 border-style: solid; | |
448 } | |
449 | |
450 .failure-again { | |
451 color: #000; | |
452 background-color: #eA9; | |
453 border-color: #A77272; | |
454 border-style: solid; | |
455 } | |
456 | |
457 .status-Warning { | |
458 color: #FFFFFF; | |
459 background-color: #fa3; | |
460 border-color: #C29D46; | |
461 } | |
462 | |
463 .status-InfraFailure { | |
464 color: #FFFFFF; | |
465 background-color: #c6c; | |
466 border-color: #ACA0B3; | |
467 } | |
468 | |
469 .status-Expired, .expired { | |
470 color: #FFFFFF; | |
471 background-color: #ac39ac; | |
472 border-color: #ACA0B3; | |
473 } | |
474 | |
475 .warning { | |
476 color: #FFFFFF; | |
477 background-color: #fa3; | |
478 border-color: #C29D46; | |
479 } | |
480 | |
481 .skipped { | |
482 color: #000; | |
483 background: #AADDEE; | |
484 border-color: #AADDEE; | |
485 } | |
486 | |
487 .exception, .retry, .status-Exception, .status-Disconnected { | |
488 color: #FFFFFF; | |
489 background-color: #c6c; | |
490 border-color: #ACA0B3; | |
491 } | |
492 | |
493 .start { | |
494 color: #000; | |
495 background-color: #ccc; | |
496 border-color: #ccc; | |
497 } | |
498 | |
499 .running, .waiting, td.building, .status-Running, .status-Busy { | |
500 color: #000; | |
501 background-color: #fd3; | |
502 border-color: #C5C56D; | |
503 } | |
504 | |
505 .paused { | |
506 color: #FFFFFF; | |
507 background-color: #8080FF; | |
508 border-color: #dddddd; | |
509 } | |
510 | |
511 .offline,td.offline,.pending{ | |
512 color: #FFFFFF; | |
513 background-color: #777777; | |
514 border-color: #dddddd; | |
515 } | |
516 | |
517 | |
518 .start { | |
519 border-bottom-left-radius: 10px; | |
520 -webkit-border-bottom-left-radius: 10px; | |
521 -moz-border-radius-bottomleft: 10px; | |
522 border-bottom-right-radius: 10px; | |
523 -webkit-border-bottom-right-radius: 10px; | |
524 -moz-border-radius-bottomright: 10px; | |
525 } | |
526 | |
527 .notstarted { | |
528 border-width: 1px; | |
529 border-style: solid; | |
530 border-color: #aaa; | |
531 background-color: #fff; | |
532 } | |
533 | |
534 .closed { | |
535 background-color: #ff0000; | |
536 } | |
537 | |
538 .closed .large { | |
539 font-size: 1.5em; | |
540 font-weight: bolder; | |
541 } | |
542 | |
543 td.Project a:hover,td.start a:hover { | |
544 color: #000; | |
545 } | |
546 | |
547 .mini-box { | |
548 text-align: center; | |
549 height: 20px; | |
550 padding: 0 2px; | |
551 line-height: 0; | |
552 white-space: nowrap; | |
553 } | |
554 | |
555 .mini-box a { | |
556 border-radius: 0; | |
557 -webkit-border-radius: 0; | |
558 -moz-border-radius: 0; | |
559 display: block; | |
560 width: 100%; | |
561 height: 20px; | |
562 line-height: 20px; | |
563 margin-top: -30px; | |
564 } | |
565 | |
566 .mini-closed { | |
567 -box-sizing: border-box; | |
568 -webkit-box-sizing: border-box; | |
569 border: 4px solid red; | |
570 } | |
571 | |
572 /* grid styles */ | |
573 table.Grid { | |
574 border-collapse: collapse; | |
575 } | |
576 | |
577 table.Grid tr td { | |
578 padding: 0.2em; | |
579 margin: 0px; | |
580 text-align: center; | |
581 } | |
582 | |
583 table.Grid tr td.title { | |
584 font-size: 90%; | |
585 border-right: 1px gray solid; | |
586 border-bottom: 1px gray solid; | |
587 } | |
588 | |
589 table.Grid tr td.sourcestamp { | |
590 font-size: 90%; | |
591 } | |
592 | |
593 table.Grid tr td.builder { | |
594 text-align: right; | |
595 font-size: 90%; | |
596 } | |
597 | |
598 table.Grid tr td.build { | |
599 border: 1px gray solid; | |
600 } | |
601 | |
602 /* column container */ | |
603 div.column { | |
604 margin: 0 2em 2em 0; | |
605 float: left; | |
606 } | |
607 | |
608 /* info tables */ | |
609 table.info { | |
610 border-spacing: 1px; | |
611 } | |
612 | |
613 table.info td { | |
614 padding: 0.1em 1em 0.1em 1em; | |
615 text-align: center; | |
616 } | |
617 | |
618 table.info th { | |
619 padding: 0.2em 1.5em 0.2em 1.5em; | |
620 text-align: center; | |
621 } | |
622 | |
623 table.info .left { | |
624 text-align: left | |
625 } | |
626 | |
627 td.value { | |
628 font-weight: bold; | |
629 } | |
630 | |
631 table.info td .reason { | |
632 display:block; | |
633 font-weight: bold; | |
634 } | |
635 | |
636 .alt { | |
637 background-color: #f6f6f6; | |
638 } | |
639 | |
640 ul.alternating li:nth-child(even) { | |
641 background-color: #ddd; | |
642 } | |
643 | |
644 li { | |
645 padding: 0.1em 1em 0.1em 1em; | |
646 } | |
647 | |
648 .file { | |
649 font-weight: bold; | |
650 } | |
651 | |
652 .result { | |
653 padding: 0.3em 1em 0.3em 1em; | |
654 } | |
655 | |
656 .ui-tooltip { | |
657 white-space: pre-line; | |
658 font-size: medium; | |
659 } | |
660 | |
661 /* log view */ | |
662 .log * { | |
663 vlink: #800080; | |
664 font-family: "Courier New", courier, monotype, monospace; | |
665 font-size: 1.5em; | |
666 } | |
667 | |
668 span.duration { | |
669 text-align: right; | |
670 float: right; | |
671 display: inline-block; | |
672 } | |
673 | |
674 span.stdout { | |
675 color: black; | |
676 } | |
677 | |
678 span.stderr { | |
679 color: red; | |
680 } | |
681 | |
682 span.header { | |
683 color: blue; | |
684 } | |
685 span.ansi30 { | |
686 color: black; | |
687 } | |
688 span.ansi31 { | |
689 color: red; | |
690 } | |
691 span.ansi32 { | |
692 color: green; | |
693 } | |
694 span.ansi33 { | |
695 color: orange; | |
696 } | |
697 span.ansi34 { | |
698 color: yellow; | |
699 } | |
700 span.ansi35 { | |
701 color: purple; | |
702 } | |
703 span.ansi36 { | |
704 color: blue; | |
705 } | |
706 span.ansi37 { | |
707 color: white; | |
708 } | |
709 | |
710 /* revision & email */ | |
711 .revision .full { | |
712 display: none; | |
713 } | |
714 | |
715 .user .email { | |
716 display: none; | |
717 } | |
718 | |
719 pre { | |
720 white-space: pre-wrap; | |
721 } | |
722 | |
723 /* change comments (use regular colors here) */ | |
724 pre.comments>a:link,pre.comments>a:visited { | |
725 color: blue; | |
726 } | |
727 | |
728 pre.comments>a:active { | |
729 color: purple; | |
730 } | |
731 | |
732 form.command_forcebuild { | |
733 border-top: 1px solid black; | |
734 padding: .5em; | |
735 margin: .5em; | |
736 } | |
737 | |
738 form.command_forcebuild > .row { | |
739 border-top: 1px dotted gray; | |
740 padding: .5em 0; | |
741 } | |
742 | |
743 form.command_forcebuild .force-textarea > .label { | |
744 display: block; | |
745 } | |
746 | |
747 form.command_forcebuild .force-nested > .label { | |
748 font-weight: bold; | |
749 display: list-item; | |
750 } | |
751 | |
752 form.command_forcebuild .force-any .force-text { | |
753 display: inline; | |
754 } | |
755 | |
756 div.step-text:first-child { | |
757 display: inline; | |
758 } | |
759 | |
760 .standard .verbosity-Hidden { | |
761 display: none; | |
762 } | |
763 | |
764 .interesting .verbosity-Hidden { | |
765 display: none; | |
766 } | |
767 | |
768 .interesting .verbosity-Normal { | |
769 display: none; | |
770 } | |
OLD | NEW |