85a13cb76322b7c8986d13053e4d3b99ea37b83a
[lhc/web/wiklou.git] / skins / modern / main.css
1 body {
2 margin: 0 0 0 0;
3 padding: 0 0 0 0;
4 font-size: 10pt;
5
6 font-family: sans-serif;
7 color: black;
8 background-color: #f0f0f0;
9 }
10
11 #mw_header {
12 position: absolute;
13 top: 0;
14 left: 0;
15 margin: 0 0 0 0;
16 padding: 0 0em 0 0em;
17 border: none;
18 height: 2em;
19 width: 100%;
20
21 background-color: #003366;
22 color: white;
23 }
24
25 #mw_header h1 {
26 margin: 0 0 0 0.5em;
27 padding: 0 0 0 0;
28 text-decoration: none;
29 font-size: 150%;
30 }
31
32 #p-personal {
33 position: absolute;
34 top: 2em;
35 left: 0;
36 height: 1.5em;
37 margin: 0 0 0 0;
38 padding: 0 0 0 0;
39 width: 100%;
40
41 }
42
43 #p-personal div.pBody {
44 margin: 0 0 0 0;
45 padding: 0 0 0 0;
46 height: 1.5em;
47 font-variant: small-caps;
48 }
49
50 #p-personal h5 {
51 display: none;
52 }
53
54 #p-personal ul {
55 margin: 0 0 0 0;
56 padding: 0 0 0 0;
57 display: block;
58 height: 1.5em;
59 background-color: #3c78b5;
60 }
61
62 #p-personal li {
63 display: block; float: left;
64 height: 1.5em;
65 margin: 0 0 0 0;
66 vertical-align: middle;
67
68 font-weight: bold;
69 text-transform: lowercase;
70 }
71
72 #p-personal li a {
73 text-decoration: none;
74 color: white;
75 padding: 0 1em 0 1em;
76 }
77
78 #p-personal li a:hover {
79 text-decoration: none;
80 color: white;
81 }
82
83 #p-personal li:hover {
84 background-color: #003366;
85 }
86
87 #jump-to-nav {
88 display: none;
89 }
90
91 #mw_contentwrapper {
92 width: 100%;
93 margin: 0 0 0 -14.1em;
94 float: right;
95 }
96
97 #mw_content {
98 margin: 0 0 0 14em;
99
100 background-color: white;
101 border-top: solid 1px #bbbbbb;
102 border-left: solid 1px #bbbbbb;
103 border-bottom: solid 1px #bbbbbb;
104
105 line-height: 1.5em;
106 padding: 1em 1em 1em 1em;
107 }
108
109 #mw_portlets {
110 width: 14em;
111
112 border-right: solid 1px #bbbbbb;
113 background-color: #f0f0f0;
114 }
115
116 #mw_main {
117 padding: 0 0 0 0;
118 margin: 0 0 0 0;
119 margin-top: 3.5em;
120 }
121
122 #mw_clear {
123 margin: 0 0 0 0;
124 padding: 0 0 0 0;
125 clear: both;
126 }
127
128 .portlet {
129 padding: 0 0 0 0;
130 margin: 0 0 0 0;
131 }
132
133 .portlet div.pBody {
134 padding: 1em 0 1em 0;
135 }
136
137 #searchBody {
138 text-align: center;
139 }
140
141 #searchInput {
142 display: block;
143 margin-left: auto;
144 margin-right: auto;
145 }
146
147 .portlet h5 {
148 padding: 0.3em 0 0.3em 1em;
149 margin: 0 0 0 0;
150 background-color: #dddddd;
151 font-weight: bold;
152 border-bottom: solid 1px #3c78b5;
153 }
154
155 .portlet ul {
156 margin: 0 0 0 1.5em;
157 padding: 0 0 0 0;
158 }
159
160 li {
161 list-style-image: url(bullet.gif);
162 }
163
164 #p-cactions {
165 height: 1.5em;
166 padding: 0 0 0 0;
167 margin: 0 0 0 14em;
168 }
169
170 #p-cactions div.pBody {
171 margin: 0 0 0 0;
172 padding: 0 0 0 0;
173 }
174
175 #p-cactions a,
176 #p-cactions a:hover {
177 color: black;
178 text-decoration: none;
179 }
180
181 #p-cactions ul {
182 display: inline;
183 margin: 0 0 0 0;
184 padding: 0 0 0 0;
185 }
186
187 #p-cactions li {
188 margin: 0 0.5em 0 0.5em;
189 padding: 0 0.2em 0 0.2em;
190 display: block;
191 float: left;
192 height: 1.5em;
193 text-transform: lowercase;
194 }
195
196 #p-cactions li.selected {
197 background-color: #bbbbbb;
198 }
199
200 #p-cactions li a,
201 #p-cactions li a:hover,
202 #p-cactions li a:visited {
203 text-decoration: underline;
204 color: #003366;
205 }
206
207 #p-cactions li.selected a,
208 #p-cactions li.selected a:hover,
209 #p-cactions li.selected a:visited {
210 text-decoration: none;
211 color: white;
212 }
213
214 #p-cactions h5 {
215 display: none;
216 }
217
218 #siteSub {
219 display: none;
220 }
221
222 #footer {
223 background-color: #f0f0f0;
224 background: url(footer-grad.png) repeat-x 0 0;
225 padding: 10px 1em 0 1em;
226
227 color: #444444;
228 }
229
230 #footer a,
231 #footer a:hover,
232 #footer a:visited {
233 color: #444444;
234 text-decoration: underline;
235 }
236
237 img {
238 border: none;
239 }
240
241 #footer li {
242 display: inline;
243 list-style-type: none;
244 padding: 0 0 0 0;
245 margin: 0 0 0 0;
246 }
247
248 #footer ul {
249 padding: 0 0 0 0;
250 margin: 0 0 0 0;
251 }
252
253 div.printfooter {
254 display: none;
255 }
256
257 p {
258 margin: 0 0 0 0;
259 }
260
261 #contentSub {
262 color: #888;
263 font-size: small;
264 padding-left: 2em;
265 }
266
267 #mw_portlets form {
268 margin: 0 0 0 0;
269 padding: 0 0 0 0;
270 }
271
272 a, a:hover, a:visited {
273 text-decoration: underline;
274 color: #003366;
275 }
276
277 span.editsection {
278 font-size: small;
279 }
280
281 h1, h2 {
282 border-bottom: solid 1px #003366;
283 }
284
285 #preftoc {
286 width: 100%;
287 margin: 0 0 0 0;
288 padding: 0 0 0 0;
289 height: 1.5em;
290 clear: right;
291 }
292
293 #preftoc li {
294 margin: 0 0.5em 0 0.5em;
295 padding: 0 0.2em 0 0.2em;
296 display: block;
297 float: left;
298 height: 1.5em;
299 text-transform: lowercase;
300 }
301
302 #preferences {
303 margin: 0 0 0 0;
304 padding: 0em 1em 1em 1em;
305 border: solid 1px #bbbbbb;
306 }
307
308 #preferences fieldset {
309 margin-top: 0;
310 border: none;
311 }
312
313 #preferences h2 {
314 font-size: 10pt;
315 }
316
317 .mainLegend {
318 display: none;
319 }
320
321 #preftoc li.selected {
322 background-color: #bbbbbb;
323 }
324
325 #preftoc li a,
326 #preftoc li a:hover,
327 #preftoc li a:visited {
328 text-decoration: underline;
329 color: #003366;
330 }
331
332 #preftoc li.selected a,
333 #preftoc li.selected a:hover,
334 #preftoc li.selected a:visited {
335 text-decoration: none;
336 color: white;
337 }
338
339 #mw_content a.external,
340 #mw_content a[href ^="gopher://"] {
341 background: url(external.png) center right no-repeat;
342 padding-right: 13px;
343 }
344 #mw_content a[href ^="https://"],
345 .link-https {
346 background: url(lock_icon.gif) center right no-repeat;
347 padding-right: 16px;
348 }
349 #mw_content a[href ^="mailto:"],
350 .link-mailto {
351 background: url(mail_icon.gif) center right no-repeat;
352 padding-right: 18px;
353 }
354 #mw_content a[href ^="news://"] {
355 background: url(news_icon.png) center right no-repeat;
356 padding-right: 18px;
357 }
358 #mw_content a[href ^="ftp://"],
359 .link-ftp {
360 background: url(file_icon.gif) center right no-repeat;
361 padding-right: 18px;
362 }
363 #mw_content a[href ^="irc://"],
364 .link-irc {
365 background: url(discussionitem_icon.gif) center right no-repeat;
366 padding-right: 18px;
367 }
368
369 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
370 #mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
371 #mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
372 #mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
373 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
374 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
375 .link-audio {
376 background: url("audio.png") center right no-repeat;
377 padding-right: 13px;
378 }
379 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
380 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
381 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
382 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
383 .link-video {
384 background: url("video.png") center right no-repeat;
385 padding-right: 13px;
386 }
387 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
388 #mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
389 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
390 .link-document {
391 background: url("document.png") center right no-repeat;
392 padding-right: 12px;
393 }