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

Side by Side Diff: master/public_html/default.css

Issue 648353002: Remove Skia's forked buildbot code (Closed) Base URL: https://skia.googlesource.com/buildbot.git@master
Patch Set: Address comment Created 6 years, 2 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
« no previous file with comments | « master/public_html/buildsteps.html ('k') | master/public_html/favicon.ico » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(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 }
OLDNEW
« no previous file with comments | « master/public_html/buildsteps.html ('k') | master/public_html/favicon.ico » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698