OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright 2014 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, td.offline { | |
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 } | |
OLD | NEW |