]> nos-oignons.net Git - website.git/blob - local.css
5d9f932141d6cceb9124ad9ce9179436ddef40c7
[website.git] / local.css
1 /* vim: set ts=4 sts=4 sw=4 isk+=- fen fcl=all fdm=marker fmr={{{,}}} fml=2 : */
2
3 html {
4         overflow-y: scroll;
5 }
6
7 body {
8         margin: 0;
9         padding: 0;
10         font-size: 9pt;
11         font-family: sans-serif;
12         color: #012345;
13         background: #eeeeaa;
14 }
15
16 a {
17         color: #bb2112;
18         text-decoration: none;
19 }
20 a:hover { text-decoration: underline; }
21
22 .page {
23         overflow: hidden;
24         min-width: 50em;
25         max-width: 90em;
26         margin: 0 auto;
27         background: #f5f5f5;
28         -webkit-box-shadow: 0 0 0.5em 0 #888888;
29            -moz-box-shadow: 0 0 0.5em 0 #888888;
30                 box-shadow: 0 0 0.5em 0 #888888;
31 }
32
33 /* {{{ .pageheader */
34 .pageheader {
35         position: relative;
36         min-height: 95px;
37         padding: 0 1em;
38         color: #eeeeaa;
39         background: #012345;
40         -webkit-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
41            -moz-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
42                 box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
43 }
44
45 .pageheader .header {
46         font-size: 9pt;
47 }
48
49 .pageheader .header > span {
50         display: block;
51         margin: auto;
52         min-width: 30em;
53         padding: 1em 2em;
54 }
55
56 .pageheader .parentlinks {
57         display: block;
58         font-size: 8pt;
59         min-height: 1.5em;
60         margin-top: 0.75em;
61 }
62
63 .pageheader a,
64 .pageheader .parentlinks a {
65         color: #eeeeaa;
66         text-decoration: none;
67 }
68
69 .pageheader a:hover {
70         text-decoration: underline;
71 }
72
73 .pageheader .title {
74         line-height: 1.5em;
75         font-size: 16pt;
76 }
77
78 /* {{{ .actions */
79 .actions {
80         text-align: right;
81 }
82
83 .actions ul li {
84         background: #eeeeaa;
85         border-radius: 0.8em 0.8em 0 0;
86 }
87
88 .actions ul li a {
89         padding: 0 0.8em;
90         color: black;
91 }
92 /* .actions }}} */
93 /* {{{ #otherlanguages */
94 #otherlanguages,
95 #otherlanguages ul li a {
96         color: #012345;
97         background: white;
98 }
99
100 #otherlanguages ul li {
101         margin-left: 1em;
102 }
103
104 .pageheader #otherlanguages {
105         /*border: none;*/
106         border-bottom: 1px dotted #012345;
107 }
108 /* #otherlanguages }}} */
109 /* .pageheader }}} */
110
111 .feedlink {
112         display: none;
113 }
114
115 #pagebody {
116         position: relative;
117         min-width: 30em;
118         min-height: 50em;
119         margin: 0 16em 0 0;
120         padding: 1em 2em;
121         background: white;
122         z-index: 110;
123         -webkit-box-shadow:0 0 0.5em 0 #bbbbbb, inset 0 0 10em #fafafa;
124            -moz-box-shadow:0 0 0.5em 0 #bbbbbb, inset 0 0 10em #fafafa;
125                 box-shadow:0 0 0.5em 0 #bbbbbb, inset 0 0 10em #fafafa;
126 }
127
128 /* {{{ .sidebar */
129 .sidebar {
130         overflow: hidden;
131         width: 16em;
132         margin: 5em 0 0 0;
133         padding: 0;
134         border: none;
135         z-index: 100;
136 }
137
138 .sidebar ul {
139         margin: 0;
140         padding: 0;
141         list-style: none;
142         background: #f5f5f5;
143 }
144
145 .sidebar li {
146 }
147
148 .sidebar ul li .selflink {
149         color: black;
150         background: white;
151         font-weight: bold;
152         border: 1px dotted #012345;
153         border-left: none;
154 }
155
156 .sidebar ul li > span,
157 .sidebar ul li > a {
158         display: block;
159         padding: 0.5em;
160         font-size: 11pt;
161         font-weight: bold;
162         text-decoration: none;
163         border: 1px solid #f5f5f5;
164         border-left: none;
165         color: #aaaaaa;
166         background: transparent;
167 }
168
169 .sidebar a:hover {
170         color: #ffffff;
171         background: #012345;
172         border: 1px solid #012345;
173         border-left: none;
174         -webkit-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 1em 0 rgba(240, 240, 170, 0.3);
175            -moz-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 1em 0 rgba(240, 240, 170, 0.3);
176                 box-shadow: 0 0 0.5em 0 #888888, inset 0 0 1em 0 rgba(240, 240, 170, 0.3);
177 }
178 /* .sidebar }}} */
179 /* {{{ #content */
180 #content {
181         line-height: 1.5em;
182         overflow: auto;
183 }
184
185 #content p {
186         text-align: justify;
187         margin: 1em 0 1em 0;
188 }
189
190 #content hr {
191         border: none;
192         border-bottom: dotted 0.4em #bbb;
193 }
194
195 #content h1 {
196         color:#003300;
197         font-size:16pt;
198         font-weight:normal;
199         line-height:1.5em;
200         margin-top:2em;
201         border-bottom:1px solid #bbb;
202 }
203
204 #content h1:first-child {
205         margin-top:0.5em;
206 }
207
208 #content h2 {
209         font-size:12pt;
210         color:#555;
211         margin-top:1.5em;
212         margin-bottom:0;
213 }
214
215 #content h2 + p {
216         margin-top:0.75em;
217 }
218
219 #content h3 {
220         font-size:10pt;
221         color:#888;
222         margin-bottom:0;
223         padding-bottom:0;
224 }
225
226 #content h3 + p {
227         margin-top:0.5em;
228 }
229
230 #content table {
231         border-top:1px solid #aaa;
232         border-bottom:1px solid #aaa;
233         border-collapse:collapse;
234 }
235
236 #content table th {
237         background:#fafafa;
238         padding:.1em .5em;
239         border-bottom:1px solid #aaa;
240         color:#555;
241 }
242
243 #content table td {
244         padding:.1em .5em;
245         border-top:1px solid #ccc;
246 }
247
248 #content .img_center {
249         display: block;
250         margin-left: auto;
251         margin-right: auto;
252 }
253
254 #content .img_topleft {
255         float:left;
256         margin-right:1em;
257         margin-bottom:1em;
258 }
259
260 #content .img_topright {
261         float:right;
262         margin-left:1em;
263         margin-bottom:1em;
264 }
265
266 #content #presentation {
267         float:left;
268         width:50%;
269 }
270
271 #content #actus {
272         float:left;
273         width:50%;
274 }
275 /* #content }}} */
276
277 #pagebody .archivepagelist {
278         margin:0.1em 0;
279         padding:0;
280         text-align:left;
281 }
282
283 #pagebody .archivepagelist .date {
284         font-size:90%;
285         font-family:monospace;
286         vertical-align:middle;
287 }
288
289 #pagebody .feedbutton {
290         margin-top:0;
291         float:right;
292 }
293
294 /* {{{ #footer */
295 #footer {
296         position: relative;
297         z-index: 105;
298         margin: 0;
299         padding: 0;
300         color: white;
301         background: #012345;
302         text-align: center;
303         -webkit-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
304            -moz-box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
305                 box-shadow: 0 0 0.5em 0 #888888, inset 0 0 4em 0 rgba(240, 240, 170, 0.3);
306 }
307
308 #footer #pageinfo {
309         position: relative;
310         min-width: 30em;
311         margin: auto;
312         padding: 0.1em 2em;
313         border-top: none;
314 }
315
316 #footer a {
317         color: white;
318 }
319
320 #footer a:hover {
321         text-decoration: underline;
322 }
323
324 #backlinks {
325         font-size:8pt;
326         margin-top:0;
327 }
328
329 #footer #pageinfo div {
330         font-size:8pt;
331         margin-top:0.5em;
332         margin-bottom:0.5em;
333 }
334 /* #footer }}} */
335
336 /*
337  * Pour l'impression
338  */
339 @media print {
340         #gresille_links,
341         .sidebar { display:none; }
342
343         #header,
344         #footer,
345         #footer #pageinfo,
346         .pageheader,
347         #footer .pagefooter,
348         .page,
349         #pagebody {
350             margin:0;
351             padding:0;
352             border:none;
353             box-shadow:none;
354             -moz-box-shadow:none;
355             -webkit-box-shadow:none;
356         }
357
358
359         #footer { margin-top:2em; padding-top:0em; border-top:1px solid black; }
360         .pageheader { padding-left:240px; }
361         .pageheader { margin-bottom:4em; }
362
363         .pageheader .title ,
364         .pageheader .parentlinks a ,
365         .pageheader a {
366                 text-shadow:none;
367                 -moz-text-shadow:none;
368                 -webkit-text-shadow:none;
369         }
370 }
371
372 #content p.news {
373         margin-top:0.75em;
374         margin-bottom:0.75em;
375         line-height:1.3em;
376         text-align:left;
377 }
378
379 #content p.news a tt {
380         display:block;
381         float:left;
382         font-size:8pt;
383         color:#aaa;
384         margin-right:0.75em;
385         margin-bottom:0.75em;
386 }
387 #content p.news a {
388         display:block;
389 }
390
391
392 /*
393  * Index
394  */
395
396 [id="index.actus"] {
397         float:left;
398 }
399
400 [id="index.evts"] {
401         float:right;
402 }
403 [id="index.evts"],
404 [id="index.actus"] {
405         width:49%;
406 }
407
408 [id="publications.pratiques"] {
409         float:left;
410 }
411
412 [id="publications.reflexions"] {
413         float:right;
414 }
415 [id="publications.reflexions"],
416 [id="publications.pratiques"] {
417         width:49%;
418 }
419
420 /*
421  * Plugin calendar
422  */
423
424 .calendar {
425         color:#aaa;
426         font-size:8pt;
427         margin-top:1em;
428         margin-bottom:1em;
429 }
430
431 .calendar table td {
432 }
433
434 .calendar .selflink {
435         color:#444444;
436 }
437
438 .year-calendar-subhead {
439         visibility: hidden;
440 }
441
442
443 .pageheader form {
444         position:absolute;
445         right:2em;
446         bottom:2em;
447 }
448
449
450 input#searchbox {
451         border:1px solid #465;
452         border-radius:0.25em;
453         -moz-border-radius:0.25em;
454         -webkit-border-radius:0.25em;
455         background:url("images/search-bg.png") no-repeat 100% 50% #8A9;
456         padding-left:0.4em;
457 }
458
459 .footnotes {
460   font-size: smaller;
461 }