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

Side by Side Diff: static/default-old.css

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

Powered by Google App Engine
This is Rietveld 408576698