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