Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(323)

Side by Side Diff: milo/frontend/static/buildbot/css/default.css

Issue 2953183002: Fix milo deployment (Closed)
Patch Set: License header fix Created 3 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(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 }
OLDNEW
« no previous file with comments | « milo/frontend/static/bootstrap/third_party/js/bootstrap.min.js ('k') | milo/frontend/static/common/auth » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698