]> git.decadent.org.uk Git - dak.git/blob - web/removals-style.css
Merge commit 'lamby/master' into merge
[dak.git] / web / removals-style.css
1 body {
2         font-family: sans-serif;
3 }
4 a img {
5         text-decoration: none;
6         border: none;
7 }
8 #logo {
9         text-align: center;
10         margin-bottom: 1.5em;
11 }
12 #titleblock {
13         position: relative;
14         width: 100%;
15         text-align: center;
16         background-color: #DF0451;
17         color: #FFFF00;
18         padding: 0.2em;
19 }
20         .titleblock a {
21                 color: #FFFF00;
22                 text-decoration: none;
23         }
24         .titleblock a:hover {
25                 color: #FFFF00;
26                 text-decoration: underline;
27         }
28         #red-upperleft {
29                 position: absolute;
30                 top: 0px;
31                 left: 0px;
32         }
33         #red-lowerleft {
34                 position: absolute;
35                 bottom: 0px;
36                 left: 0px;
37         }
38         #red-upperright {
39                 position: absolute;
40                 top: 0px;
41                 right: 0px;
42         }
43         #red-lowerright {
44                 position: absolute;
45                 bottom: 0px;
46                 right: 0px;
47         }
48         .title {
49                 vertical-align: middle;
50                 font-weight: normal;
51                 font-family: serif;
52                 font-size: 22px;
53         }
54
55 #legend {
56         margin: 1em;
57         border: 1px black solid;
58         padding: .5em;
59         background-color: #ddd;
60         /*
61         */
62 }
63 #legend p {
64         text-decoration: underline;
65 }
66 #legend p:hover {
67         color: blue;
68 }
69 #legend-title {
70         margin: 0;
71 }
72 #legend-list {
73         display: none; /* default state */
74         font-size: x-small;
75 }
76 #legend-list dt {
77         display: compact;
78 }
79 #legend-list dd {
80         display: block;
81         margin: 0 0 0 8em;
82 }
83 #explain {
84         margin: 1em;
85         border: 1px black solid;
86         padding: .5em;
87         background-color: #ddd;
88         /*
89         */
90 }
91 #explain p {
92         text-decoration: none;
93 }
94 #explain p:hover {
95 /*      color: blue;*/
96 }
97 .explain-bold { 
98     font-size: 1.17em;
99     font-weight: bolder;
100 }
101
102 #explain-title {
103         margin: 0;
104 }
105 #explain-list {
106         display: none; /* default state */
107         font-size: x-small;
108 }
109 #explain-list dt {
110         display: compact;
111 }
112 #explain-list dd {
113         display: block;
114         margin: 0 0 0 8em;
115 }
116
117 .inverse {
118         margin-left: 2em;
119         margin-right: 2em;
120 /*      border: 0px black solid; */
121         padding-left: .5em;
122         background-color: #ddd;
123     font-size: 50%;
124         /*
125         */
126 }
127 .inverse p {
128         text-decoration: none;
129 }
130 .inverse p:hover {
131 /*      color: blue;*/
132 }
133 .explain-bold { 
134     font-size: 1.17em;
135     font-weight: bolder;
136 }
137
138 .toggle-msg {
139         font-size: .83em; /* SMALL */
140 }
141 .package {
142         margin: 1em;
143         border: 1px black solid;
144         padding: .5em;
145 }
146 .package.odd {
147         background-color: #ddf;
148 }
149 .package.even {
150         background-color: #fff;
151 }
152 .canHide {
153        display: block;
154 }
155 .startHidden .canHide {
156        display: none;
157 }
158 .package .subject {
159         font-size: 1.17em;
160         font-weight: bolder;
161         margin-bottom: 0.7em;
162 }
163 /*.package .bts,.pts,.notes,.origin {*/
164 .package .infobox {
165         float: right;
166         clear: both;
167         max-width: 40%;
168         margin: 0 0 0.5em 1em;
169 }
170 .package .notes {
171         padding: 0.5em;
172         border: solid 2px red;
173         font-weight: bold;
174         text-align: center;
175         margin-bottom: 0.5em;
176 }
177 .package .origin {
178         padding: 0.5em;
179         border: dashed 1px black;
180         margin-bottom: 0.5em;
181 }
182 .package .infolinks {
183         padding: 0.5em;
184         border: dashed 1px black;
185         text-align: center;
186         margin-bottom: 0.5em;
187 }
188 .package .bts {
189         margin-right: 1em;
190 }
191 .package .pkgs {
192         border: 1px solid black;
193 }
194
195 .package .pkgs td {
196         padding: 0.4em;
197 }
198 .package .pkgs td.pkg-name {
199         font-weight: bolder;
200 }
201 .package .pkgs td.pkg-arches,td.pkg-ver {
202         font-size: .83em; /* SMALL */
203 }
204 .package .dak-command:before {
205         content: "# ";
206 }
207 .package .dak-command {
208         margin: 0.5em 0;
209         padding: 0.2em;
210         background: #eee;
211         font-family: monospace;
212         font-size: 1em;
213     clear: right;
214 }
215
216 .package .uploader {
217         margin: 0.5em 0;
218         padding: 0.2em;
219         font-family: monospace;
220         font-size: 1em;
221     clear: right;
222 }
223
224 #outer {
225     background-color: #FFFFFF;
226     width: auto;
227     /* border:solid white 2px; */
228 }
229
230 #inner {
231     margin: -2px;
232     margin-top: 0;
233     width: 100%;
234     background: #FFFFFF;
235     /* overflow: auto; */
236 }
237
238 #leftcol {
239     float: left;
240     margin: 0em 0.4em 0 0;
241     padding-left: 0;
242     padding-bottom: 1em;
243     width: 12em;
244     background: #BBDDFF;
245     font-size: 0.9em;
246     font-family: Arial, Helvetica, sans-serif;
247     border: 1px solid #BBDDFF;
248     /* overflow: auto; */
249 }
250 #leftcol a:link, #leftcol a:visited {
251     display: block;
252 }
253 #leftcol a:hover {
254     background-color: #DDEEFF;
255     /* background-color: #FFFFFF; */
256 }
257 #leftcol ul {
258     margin: 2px;
259     padding: 0;
260     list-style-type: none;
261     font-weight: bold;
262 }
263 #leftcol li ul {
264     display: inline;
265 }
266 #leftcol ul li {
267     padding: 0.2em 0;
268 }
269 #leftcol ul ul {
270     font-size: 0.9em;
271     margin: 0;
272 }
273 #leftcol ul li a {
274     line-height: 1.2em;
275     padding-right: 0.5em;
276     /* padding: 0.2em 0 0.3em 0em; */
277 }
278 #leftcol ul ul li a {
279     font-weight: normal;
280     padding: 0.1em 0.5em;
281     line-height: 1.1em;
282 }
283 #leftcol ul ul li {
284     padding-top: 0;
285 }
286 #leftcol p {
287     margin-left: 2px;
288     margin-right: 2px;
289 }
290 #leftcol p a {
291     display: block;
292     margin: 0;
293 }
294 #leftcol p img {
295     margin-left: 1em;
296 }
297 #leftcol .menuselected {
298     color: #BF1238;
299 }
300 #leftcol ul ul .menuselected {
301     text-indent: 0.5em;
302 }
303
304 #maincol {
305     background: #FFFFFF;
306     margin-left: 12em;
307     margin-right: 0.5em;
308     margin-bottom: 1em;
309 }
310
311 #leftcol {
312     -moz-border-radius: 15px;
313     /* this goes to the end as the css validator does not like it
314     will be replaced by border-radius with css3 */
315 }