4e4af3b0ee3f9ce0ab1a1f3e0bbdd58186e224d5
[mirror/dsa-wiki.git] / local.css
1
2 /*
3 *
4 *       - Nom: Theme Wiki NanoBlogger Francophone Gris Clair
5 *       - Description : Une page avec un bandeau superieur pour le titre, un bandeau inferieur pour les informations 
6 *       et la modification de la page.
7 *       Contenu interieur auto adaptable.
8 *       - Auteur : Blankoworld
9 *
10 */
11
12 body, html {
13         height: 100%;
14         width: 100%;
15         margin: 0;
16         padding: 0;
17         background-color: white;
18         color: black;
19         font-family: Verdana, Arial, Helvetica, sans-serif;
20         font-size:12px;
21 }
22
23 h1 {
24         width: 95%;
25         margin-left: 1%;
26         padding: 0 0 0 1%;
27         border-bottom: medium solid black;
28         font-size: 160%;
29 }
30
31 h2 {
32         width: 90%;
33         margin-left: 2%;
34         padding: 0 0 0 1%;
35         border-bottom: medium solid black;
36         border-left: medium solid black;
37         font-size: 150%;
38 }
39
40 h3 {
41         width: 85%;
42         margin-left: 3%;
43         padding: 0 0 0 1%;
44         border-bottom: medium solid black;
45         border-left: medium solid black;
46         font-size: 140%;
47 }
48
49 h4 {
50         width: 80%;
51         margin-left: 4%;
52         padding: 0 0 0 1%;
53         border-bottom: medium solid black;
54         border-left: medium solid black;
55         font-size: 130%;
56 }
57
58 h5 {
59         width: 75%;
60         margin-left: 5%;
61         padding: 0 0 0 1%;
62         border-bottom: medium solid black;
63         border-left: medium solid black;
64         font-size: 120%;
65 }
66
67 h6 {
68         width: 70%;
69         margin-left: 6%;
70         padding: 0 0 0 1%;
71         border-bottom: medium solid black;
72         border-left: medium solid black;
73         font-size: 110%;
74 }
75
76 pre {
77         width: 90%;
78         margin-left: auto;
79         margin-right: auto;
80         overflow: auto;
81         color: black;
82         font-weight: normal;
83         background-color:#eeeeee;
84         padding:2mm;
85         border:2px solid #999999;
86         border-right:1px solid #cccccc;
87         border-bottom:1px solid #cccccc;
88 }
89
90 code {
91 }
92
93 a {
94         color: darkblue;
95         text-decoration: underline;
96 }
97
98 a:active {
99         color: darkblue;
100         border: thin inset gray;
101 }
102
103 a:visited {
104         color: gray;
105         text-decoration: none;
106 }
107
108 a:hover {
109         text-decoration: underline;
110 }
111
112 div#pageheader {
113         height: 60px;
114         width: 100%;
115         background-color: #999999;
116 }
117
118 div#pageheader span {
119         position: relative;
120         top: 16px;
121         left: 26px;
122         color: white;
123         font-weight: bold;
124         font-size: 200%;
125 }
126
127 div#pageheader form {
128         position: absolute;
129         margin: 0;
130         padding: 0;
131         top: 1%;
132         right: 1%;
133 }
134
135 div#pageheader form input {
136         border: medium solid black;
137         background-color: white;
138         color: black;
139         font-weight: bold;
140         text-align: left;
141         background-image: url(/demo/ikiwiki/contraste/htdocs/wikiicons/search-bg.gif);
142         background-repeat: no-repeat;
143         background-position: top right;
144 }
145
146 div.header {
147         position: absolute;
148         height: 20px;
149         width: 100%;
150         padding: 0;
151         top: 60px;
152         left: 0;
153         line-height: 20px;
154         background-color: #999999;
155         font-size: 14px;
156 }
157
158 div.header span {
159         position: relative;
160         top: 0;
161         left: 5px;
162         color: white;
163 }
164
165 div.header a {
166         color: white;
167         text-decoration: none;
168 }
169
170 div.header a:hover {
171         text-decoration: underline;
172 }
173
174 div#sidebar {
175         position: absolute;
176         height: 28px;
177         width: 100%;
178         top: 80px;
179         left: 0;
180         padding: 0;
181         margin: 0;
182         background-color: #999999;
183         color: white;
184         border-top: 1px solid black;
185         border-bottom: 1px solid black;
186 }
187
188 div#sidebar ul {
189         height: 28px;
190         margin: 0;
191         padding: 0;
192         list-style-type: none;
193         text-align: left;
194         color: white;
195 }
196
197 div#sidebar ul li {
198         padding: 0;
199         float: left;
200         margin: 0;
201 }
202
203 div#sidebar ul li:hover {
204 }
205
206 div#sidebar ul li a {
207         display: block;
208         height: 28px;
209         padding: 0 5px 0 5px;
210         margin: 0;
211         color: white;
212         font-weight: bold;
213         text-decoration: none;
214         border: none;
215         line-height: 28px;
216 }
217
218 div#sidebar ul li a:links {
219 }
220
221 div#sidebar ul li a:active {
222 }
223
224 div#sidebar ul li a:visited {
225 }
226
227 div#sidebar ul li a:hover {
228         border: none;
229         background-color: black;
230 }
231
232 div#content {
233         position: relative;
234         height: auto;
235         width: 98%;
236         top: 50px;
237         left: 1%;
238         background-color: white;
239         color: black;
240         overflow: auto;
241 }
242
243 div#content p {
244         margin: 10px 15px 0 15px ;
245 }
246
247 div#content div.toc {
248         width: 85%;
249         margin: 15px auto 15px auto;
250         padding: 5px;
251         background-color: #eeeeee;
252         border: thin dashed black;
253 }
254
255 div#content div.toc a {
256         color: black;
257         text-decoration: none;
258 }
259
260 div#content div.toc a:hover {
261         text-decoration: underline;
262 }
263
264 div#content div.map {
265         width: 85%;
266         margin: 15px auto 15px auto;
267         padding: 5px;
268         border: thin solid black;
269 }
270
271 div#content div.map a {
272         color: darkblue;
273         text-decoration: none;
274 }
275
276 div#content div.map a:hover {
277         text-decoration: underline;
278 }
279
280 div#content div.inlinepage {
281         width: 90%;
282         margin-left: auto;
283         margin-right: auto;
284         background-color: white;
285         color: black;
286 }
287
288 div#content div.inlinepage span.header {
289         display: none;
290 }
291
292 div#content div.inlinepage span.pagedate {
293 }
294
295 div#content fieldset {
296         width: 90%;
297         margin-left: auto;
298         margin-right: auto;
299 }
300
301 div#content div#feedlink {
302         margin: 5px;
303         text-align: right;
304 }
305
306 div#content form {
307         width: 95%;
308         margin-left: auto;
309         margin-right: auto;
310 }
311
312 div#content form input#_submit, * {
313         margin-right: 5px;
314 }
315
316 div#content form.fb_form {
317         margin: 5px;
318 }
319
320 div#content form.fb_form input.fb_button {
321         margin: 0 5px 0 0;
322         color: black;
323         background-color: #eeeeee;
324         border: thin solid black;
325         font-weight: bold;
326 }
327
328 div#content form.fb_form input.fb_button:hover {
329         color: #eeeeee;
330         background-color: black;
331         border-color: #eeeeee;
332 }
333
334 div#content form.fb_form input.fb_button:active {
335         color: #eeeeee;
336         background-color: black;
337         border: thin inset #eeeeee;
338 }
339
340 div#content div.header {
341         height: 30px;
342         width: 20%;
343         min-width: 160px;
344         top: 0;
345         left: 0;
346         line-height: 30px;
347         padding-left: 15px;
348         margin-right: auto;
349         margin-left: auto;
350 }
351
352 div.actions {
353         position: relative;
354         height: auto;
355         width: 100%;
356         top: 50px;
357         left: 0;
358         padding: 0;
359         margin: 0;
360         background-color: #eeeeee;
361         border-top: thin solid black;
362         border-bottom: thin solid black;
363 }
364
365 div.actions ul {
366         margin: 0;
367         border: none;
368 }
369
370 div.actions ul li {
371 }
372
373 div.actions ul li a {
374         color: black;
375         text-decoration: none;
376         border: none;
377 }
378
379 div.actions ul li a:links {
380 }
381
382 div.actions ul li a:active {
383 }
384
385 div.actions ul li a:visited {
386 }
387
388 div.actions ul li a:hover {
389         border-bottom: medium solid black;
390 }
391
392 div#footer {
393         position: relative;
394         width: 100%;
395         height: auto;
396         margin: 0;
397         padding: 0;
398         top: 50px;
399         left: 0;
400 }
401
402 div#footer div#pageinfo {
403         margin: 0;
404         padding: 0;
405         border: none;
406 }
407
408
409 div#footer div#pageinfo div#backlinks {
410         width: auto;
411         margin: 0;
412         padding: 0 0 0 5px;
413         background-color: #eeeeee;
414 }
415
416 div#footer div#pageinfo div.tags {
417         width: auto;
418         margin: 0;
419         padding: 0 0 0 5px;
420         background-color: #eeeeee;
421 }
422
423 div#footer div#pageinfo div.pagelicense {
424         width: 100%;
425         margin: 0;
426         padding-top: 2px;
427         text-align: right;
428         float: right;
429 }
430
431 div#footer div#pageinfo div.pagedate {
432         width: 100%;
433         margin: 0;
434         text-align: center;
435         font-weight: bold;
436 }
437
438