]> git.ozlabs.org Git - patchwork/blob - htdocs/css/style.css
9d03418a8d678c43e5e5611f8af400efc63a4e7e
[patchwork] / htdocs / css / style.css
1 body {
2         background-color: white;
3         color: black;
4         margin: 0em;
5         font-size: 9pt;
6         font-family: "DejaVu Sans", "Bitstream Vera Sans", "Verdana", sans-serif;
7 }
8
9 .floaty {
10         position: fixed;
11         left: 0.1em;
12         top: 17em;
13 }
14
15
16 #title {
17         background: url('/images/title-background.png') top left repeat-x;
18         background-color: #786fb4;
19         margin: 0px;
20         padding-top: 0.1em;
21         padding-bottom: 0.0em;
22         padding-left: 2em;
23 }
24
25 #title h1, #title h1 a {
26         font-size: 16pt;
27         color: white;
28         margin-bottom: 0;
29 }
30
31 #auth {
32         border-left: thin solid white;
33         padding-top: 0em;
34         padding-left: 1.5em;
35         padding-right: 1.5em;
36         padding-top: 0.5em;
37         padding-bottom: 0.5em;
38         font-size: 90%;
39         float: right;
40         color: white;
41 }
42 #auth a {
43         color: white;
44 }
45
46 #nav {
47         float: left
48         width: 100%;
49         background: #e8e8e8;
50         border-bottom: 0.2em solid #786fb4;
51         font-size: 90%;
52         padding: 0.2em 0.5em;
53 }
54
55 #nav a {
56         text-decoration: underline;
57 }
58
59 #navleft {
60         float: left;
61 }
62
63 #navright {
64         float: right;
65 }
66
67 #content {
68         padding: 1em;
69 }
70
71 form {
72         padding: 0em;
73         margin: 0em;
74 }
75
76 a:visited { color: #000000; }
77 a { color: #786fb4; }
78
79 table {
80         border-collapse: collapse;
81 }
82
83 img {
84         border: 0;
85 }
86
87 input {
88         border: thin solid #909090;
89 }
90
91 dl dt {
92         margin-top: 0.8em;
93 }
94
95 #footer {
96         padding: 1em;
97         font-size: small;
98         text-align: center;
99         color: #909090;
100 }
101
102 #footer a {
103         color: #909090;
104 }
105
106 /* messages */
107 #messages {
108         background: #e0e0f0;
109         margin: 0.5em 1em 0.0em 0.5em;
110         padding: 0.3em;
111 }
112
113 #messages .message {
114         color: green;
115 }
116
117 /* patch lists */
118 table.patchlist {
119         width: 98%;
120         border: thin solid black;
121         padding: 0em 1em;
122 }
123
124 table.patchlist th {
125         background: #eeeeee;
126         border-bottom: thin solid black;
127         text-align: left;
128         padding-left: 6px;
129 }
130
131 table.patchlist th img {
132         vertical-align: bottom;
133 }
134
135 table.patchlist td {
136         padding: 2px 6px 2px 6px;
137         margin: 0px;
138         margin-top: 10px;
139 }
140
141 table.patchlist td img {
142         vertical-align: bottom;
143 }
144
145 table.patchlist td.patchlistfilters {
146         background: #c0c0ff;
147         border-top: thin solid gray;
148         border-bottom: thin solid black;
149         font-size: smaller;
150 }
151 table.patchlist td.patchlistreorder {
152         background: #c0c0ff;
153         border-top: thin solid gray;
154         border-bottom: thin solid black;
155         font-size: smaller;
156         text-align: right;
157 }
158 table.patchlist tr.odd {
159         background: #ffffff;
160 }
161
162 table.patchlist tr.even {
163         background: #e8e8e8;
164 }
165
166 a.colinactive, a.colactive {
167         color: black;
168         text-decoration: none;
169 }
170
171 a.colinactive:hover {
172         color: red;
173 }
174
175 div.filters {
176 }
177
178 div.patchforms {
179         margin-top: 2em;
180 }
181
182 /* list order manipulation */
183
184 table.patchlist tr.draghover {
185         background: #e8e8e8 !important;
186 }
187
188 .dragging {
189         border: thin solid black;
190         background: #e8e8e8 !important;
191 }
192
193 input#reorder-cancel {
194         display: none;
195         color: #505050;
196 }
197
198 input#reorder-change {
199 }
200
201 /* list pagination */
202 .paginator { padding-bottom: 1em; padding-top: 1em; font-size: 80%; }
203
204 .paginator .prev-na,
205 .paginator .next-na {
206         padding:.3em;
207         font-weight: normal;
208         border: 0.1em solid #c0c0c0;
209         background-color: #f9f9f9;
210         color: #a0a0a0;
211 }
212
213 .paginator .prev a, .paginator .prev a:visited,
214 .paginator .next a, .paginator .next a:visited {
215         border: 0.1em solid #b0b0d0;
216         background-color: #eeeeee;
217         color: #786fb4;
218         padding: .3em;
219         font-weight: bold;
220 }
221
222 .paginator .prev, .paginator .prev-na { margin-right:.5em; }
223 .paginator .next, .paginator .next-na { margin-left:.5em; }
224
225 .paginator .page a, .paginator .page a:visited, .paginator .curr {
226         padding: .25em;
227         font-weight: bold;
228         border: 1px solid #b0b0d0;
229         background-color: #eeeeee;
230         margin: 0em .25em;
231         color: #786fb4;
232 }
233
234 .paginator .curr {
235         background-color: #b0b0d0;
236         color:#fff;
237         border:1px solid #c0c0ff;
238         font-weight:bold;
239 }
240
241 .paginator .page a:hover,
242 .paginator .curr a:hover,
243 .paginator .prev a:hover,
244 .paginator .next a:hover {
245         color: #ffffff;
246         background-color: #c0c0ff;
247         border:1px solid #234f32;
248 }
249
250 /* patch view */
251 table.patchmeta th {
252         text-align: left;
253 }
254
255 table.patchmeta tr th, table.patchmeta tr td {
256         text-align: left;
257         padding: 3px 10px 3px 10px;
258         vertical-align: middle;
259 }
260
261 .patchnav {
262         padding-left: 1em;
263         padding-top: 1em;
264 }
265
266 .comment .meta {
267         background: #f0f0f0;
268 }
269
270 .patch .content {
271         border: thin solid gray;
272         padding: 1em;
273 }
274
275 .quote {
276         color: #007f00;
277 }
278
279 span.p_header   { color: #2e8b57; font-weight: bold; }
280 span.p_chunk    { color: #a52a2a; font-weight: bold; }
281 span.p_context  { color: #a020f0; }
282 span.p_add      { color: #008b8b; }
283 span.p_del      { color: #6a5acd; }
284 span.p_mod      { color: #0000ff; }
285
286 .acked-by {
287         color: #2d4566;
288
289 }
290
291 .nacked-by {
292         color: #2d4566;
293
294 }
295
296 .signed-off-by {
297         color: #672d45;
298         font-weight: bold;
299 }
300
301 .from {
302         font-weight: bold;
303 }
304
305 /* bundles */
306 table.bundlelist {
307         margin-top: 2em;
308         margin-bottom: 4em;
309         margin-left: auto;
310         margin-right: auto;
311         border: thin solid black;
312 }
313
314 table.bundlelist th {
315         padding-left: 2em;
316         padding-right: 2em;
317         background: #eeeeee;
318         border-bottom: thin solid black;
319 }
320
321 table.bundlelist td
322 {
323         padding-left: 2em;
324         padding-right: 2em;
325 }
326
327 /* forms that appear for a patch */
328 div.patchform {
329         border: thin solid gray;
330         padding-left: 0.6em;
331         padding-right: 0.6em;
332         float: left;
333         margin: 0.5em 1em;
334 }
335
336 div.patchform h3 {
337         margin-top: 0em;
338         margin-left: -0.6em;
339         margin-right: -0.6em;
340         padding-left: 0.3em;
341         padding-right: 0.3em;
342         background: #786fb4;
343         color: white;
344         font-size: 100%;
345 }
346
347 div.patchform ul {
348         list-style-type: none;
349         padding-left: 0.2em;
350         margin-top: 0em;
351 }
352
353 /* forms */
354 table.form {
355 }
356
357 span.help_text {
358         font-size: 80%;
359 }
360
361
362 table.form td {
363         padding: 0.6em;
364         vertical-align: top;
365 }
366
367 table.form th.headerrow {
368         background: #786fb4;
369         color: white;
370         font-weight: bold;
371         text-align: center;
372 }
373
374 table.form th {
375         font-weight: normal;
376         text-align: left;
377         vertical-align: top;
378         padding-top: 0.6em;
379 }
380
381 table.form td.form-help {
382         font-size: smaller;
383         padding-bottom: 1em;
384         padding-top: 0em;
385 }
386
387 table.form tr td.submitrow {
388         border-bottom: 0.2em solid #786fb4;
389         text-align: center;
390 }
391
392 table.registerform {
393         margin-left: auto;
394         margin-right: auto;
395 }
396 table.loginform {
397         margin-left: auto;
398         margin-right: auto;
399         width: 30em;
400 }
401
402 /* form errors */
403 .errorlist {
404         color: red;
405         list-style-type: none;
406         padding-left: 0.2em;
407         margin: 0em;
408 }
409
410 /* generic table with header columns on the left */
411 table.horizontal {
412         border-collapse: collapse;
413         border: thin solid #e8e8e8;
414 }
415
416 table.horizontal th {
417         text-align: left;
418 }
419
420 table.horizontal td, table.horizontal th {
421         padding: 0.5em 1em;
422         border: thin solid #e8e8e8;
423 }
424
425 /* generic table with header row */
426 table.vertical {
427         border-collapse: collapse;
428 }
429 table.vertical th {
430         background: #786fb4;
431         color: white;
432         font-weight: bold;
433         text-align: center;
434 }
435
436 table.vertical th, table.vertical td {
437         padding: 0.2em 0.8em;
438         border: thin solid #e8e8e8;
439 }
440
441 td.numberformat {
442         text-align: right;
443 }
444
445 /* boxes */
446 div.box {
447         border: thin solid gray;
448         margin: 1em;
449         padding: 0.5em;
450 }
451
452 div.box h2 {
453         background: #786fb4;
454         color: white;
455         margin: -0.5em -0.5em 1em; -0.5em;
456         padding: 0em 0.5em;
457         font-size: 100%;
458 }
459
460 div.box table.vertical {
461         margin-left: auto;
462         margin-right: auto;
463 }
464
465 /* columns */
466 .leftcol {
467         float: left;
468         width: 49%;
469 }
470
471 .rightcol {
472         float: right;
473         width: 49%;
474 }