]> git.decadent.org.uk Git - dak.git/blob - web/style.css
import latest bpo changes before merging its code around
[dak.git] / web / style.css
1 p.note {
2  font-family: sans-serif;
3  color: #900;
4  text-align: center;
5  padding: 5px;
6  font-size: 11px;
7  font-weight: normal;
8 }
9
10 div.c1 {text-align: center}
11
12 p.text {
13  font-family: sans-serif;
14  padding: 5px;
15  font-size: 105%;
16  font-weight: normal;
17 }
18
19 body {
20  font-family: Arial, Helvetica, sans-serif;
21  color: #000000;
22  background-color: #FFF;
23 }
24
25 table.reddy
26 {
27  color: #000;
28  background-color: #000;
29  border: 0px solid #000;
30  border-collapse: collapse;
31 }
32
33 ul {
34  color: #222;
35  font-size: 115%;
36 }
37
38 td.reddy {
39  font-family: serif;
40  font-size: 24px;
41  font-weight: normal;
42  background-color: #DF0451;
43  color: #FFFF00;
44  border: 0px solid #DF0451;
45  vertical-align: middle;
46  text-align: center;
47  padding: 0px;
48 }
49
50 p.validate {
51  text-align: center;
52 }
53
54 table
55 {
56  color: #000;
57  background-color: #000;
58  border: 0px solid #000;
59  border-collapse: separate;
60  border-spacing: 1px;
61 }
62
63 h1 {
64  font-size: 200%;
65  text-align: center;
66  color: #000;
67 }
68
69 h2 {
70  font-size: 160%;
71  color: #000;
72 }
73
74 p {
75  font-size: 100%;
76  font-weight: bold;
77  text-align: justify;
78  color: #222;
79 }
80
81 tr {
82  background-color: #FFF;
83 }
84
85 tr.odd {
86  background-color: #FFFFFF;
87 }
88
89 tr.even {
90  background-color: #e8e8e8;
91 }
92
93 td.sid {
94  color: #000;
95  text-align: left;
96 }
97
98 tr.experimental {
99  color: #cc0000;
100 }
101
102 tr.unstable {
103  color: #345677;
104 }
105
106 tr.sid_odd {
107  color: #000;
108 }
109
110 td.exp {
111  color: #cc0000;
112  text-align: left;
113 }
114
115 tr.exp_odd {
116  color: #900;
117 }
118
119 th {
120  font-size: 120%;
121  text-align: center;
122  font-weight: bold;
123  background-color: #BDF;
124  border: 0px solid #000;
125  padding-top: 10px;
126  padding-bottom: 10px;
127  padding-left: 6px;
128  padding-right: 6px;
129 }
130
131 th.reject {
132  font-size: 120%;
133  text-align: center;
134  font-weight: bold;
135  background-color: #BDF;
136  border: 0px solid #000;
137  padding-top: 10px;
138  padding-bottom: 10px;
139  padding-left: 6px;
140  padding-right: 6px;
141 }
142
143 td {
144  font-size: 105%;
145  border: 0px solid #000;
146  padding: 4px;
147  padding-left: 6px;
148  padding-right: 6px;
149 }
150
151 a:link {
152  color: #0000FF;
153  text-decoration: none;
154 }
155
156 a:visited {
157  color: #800080;
158  text-decoration: none;
159 }
160
161 a:active {
162  color: #FF0000;
163  text-decoration: none;
164 }
165
166 a:hover{
167  color: #0000FF;
168  text-decoration: underline;
169 }
170
171 .footer {
172  font-size: 90%;
173 }
174
175 /************* NEW details pages ************/
176
177 /* this overides some overly general styles above */
178 #NEW-details-page th {
179  background-color: white;
180  padding: 0;
181 }
182 #NEW-details-page table { 
183  background-color: white;
184  padding: 0;
185 }
186
187 #NEW-details-page a img {
188         text-decoration: none;
189         border: none;
190 }
191 #NEW-details-page #logo {
192         text-align: center;
193         margin-bottom: 1.5em;
194 }
195 #NEW-details-page #titleblock {
196         position: relative;
197         width: 100%;
198         text-align: center;
199         background-color: #DF0451;
200         color: #FFFF00;
201         padding: 0.2em;
202         margin-bottom: 1.5em;
203 }
204 #NEW-details-page #titleblock a {
205         color: #FFFF00;
206         text-decoration: none;
207 }
208 #NEW-details-page #titleblock a:hover {
209         color: #FFFF00;
210         text-decoration: underline;
211 }
212 #NEW-details-page #menu a:visited {
213         color: #0000FF;
214         text-decoration: none;
215 }
216 #NEW-details-page #menu a:hover {
217         color: #0000FF;
218         text-decoration: none;
219 }
220 #NEW-details-page #red-upperleft {
221         position: absolute;
222         top: 0px;
223         left: 0px;
224 }
225 #NEW-details-page #red-lowerleft {
226         position: absolute;
227         bottom: 0px;
228         left: 0px;
229 }
230 #NEW-details-page #red-upperright {
231         position: absolute;
232         top: 0px;
233         right: 0px;
234 }
235 #NEW-details-page #red-lowerright {
236         position: absolute;
237         bottom: 0px;
238         right: 0px;
239 }
240 #NEW-details-page #titleblock .title {
241         vertical-align: middle;
242         font-weight: normal;
243         font-family: serif;
244         font-size: 22px;
245 }
246 #NEW-details-page .toggle-msg { 
247         font-weight: normal;
248         font-family: serif;
249         font-size: 80%;
250 }
251 #NEW-details-page #menu {
252         font-size: 80%;
253         position: fixed;
254         bottom: 1em;
255         right: 0em;
256         background: #ddd;
257         width: 9%;
258         padding: 0.5em 0 0.5em 0.5em;
259 }
260 #NEW-details-page #menu p {
261         margin: 0px;
262         font-size: 80%;
263 }
264 #NEW-details-page .infobox {
265         width: 80%;
266         border: solid black 2px;
267         margin: 1em auto;
268 }
269 #NEW-details-page #menu .title,.infobox .title {
270         text-align: center;
271         font-weight: bold;
272         border-bottom: dashed 1px black;
273         margin: 0.2em;
274 }
275 #NEW-details-page .infobox .subtitle { 
276         text-align: center;
277         font-weight: bold;
278         border-bottom: dashed 1px black;
279         margin: 0.2em;
280 }
281 #NEW-details-page table.infobox {
282         padding: 0 .5em 1em .5em;
283 }
284 #NEW-details-page div.infobody {
285         margin: .5em 1em;
286 }
287 #NEW-details-page .rfc822 .key,#NEW-details-page .val {
288         font-family: monospace;
289 }
290 #NEW-details-page .rfc822 .key {
291         vertical-align: baseline;
292 }
293 #NEW-details-page .rfc822 .val {
294 }
295 #NEW-details-page .copyright .infobody {
296         font-family: monospace;
297         white-space: pre;
298 }
299
300 #NEW-details-page td pre { 
301         margin: 0pt
302 }
303
304 /*
305  * Added by Tincho 2008/12/18
306  */
307 #NEW p {
308  font-weight: normal;
309 }
310 #NEW div.footer {
311  border-top: 1px solid black;
312 }
313 #NEW p.timestamp {
314  text-align: right;
315  font-size: 90%;
316  font-family: monospace;
317  margin: 0px;
318 }
319 table.NEW {
320  margin: auto auto;
321  width: 95%;
322 }
323 table.NEW tr {
324  background-color: #FFF;
325  text-align: left;
326 }
327 table.NEW tr.exp td.package, table.NEW tr.exp td.distribution, table.NEW tr.exp td.arch, table.NEW tr.exp td.age {
328  color: #c00;
329 }
330 table.NEW tr.sid {
331  color: #000;
332 }
333 table.NEW tr.odd {
334  background-color: #FFFFFF;
335 }
336 table.NEW tr.even {
337  background-color: #e8e8e8;
338 }
339 table.NEW td {
340  vertical-align: top;
341 }
342 table.NEW td.upload-data {
343 }
344 table.NEW span.signature {
345  font-size: 60%;
346 }
347 table.NEW caption {
348  caption-side: bottom;
349  background-color: #FFF;
350 }
351 /*
352  * Copied from removals-style.css
353  */
354 a img {
355         text-decoration: none;
356         border: none;
357 }
358 #logo {
359         text-align: center;
360         margin-bottom: 1.5em;
361 }
362 #titleblock {
363         position: relative;
364         width: 100%;
365         text-align: center;
366         background-color: #DF0451;
367         color: #FFFF00;
368         padding: 0.2em;
369 }
370         .titleblock a {
371                 color: #FFFF00;
372                 text-decoration: none;
373         }
374         .titleblock a:hover {
375                 color: #FFFF00;
376                 text-decoration: underline;
377         }
378         #red-upperleft {
379                 position: absolute;
380                 top: 0px;
381                 left: 0px;
382         }
383         #red-lowerleft {
384                 position: absolute;
385                 bottom: 0px;
386                 left: 0px;
387         }
388         #red-upperright {
389                 position: absolute;
390                 top: 0px;
391                 right: 0px;
392         }
393         #red-lowerright {
394                 position: absolute;
395                 bottom: 0px;
396                 right: 0px;
397         }
398         .title {
399                 vertical-align: middle;
400                 font-weight: normal;
401                 font-family: serif;
402                 font-size: 22px;
403         }
404