]> nos-oignons.net Git - website.git/blob - local.css
0a625c1c33d6dc974a914ca30fac651b7476e342
[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         border-left: solid 1px #ccc;
227 }
228
229 /* {{{ .sidebar */
230 .sidebar {
231         position: absolute;
232         top: 100px;
233         overflow: hidden;
234         width: 12em;
235         margin: 0;
236         padding: 0;
237         border: none;
238         z-index: 100;
239         background: #f5f5f5;
240         border-top: solid 1px #ccc;
241         padding-top: 3em;
242 }
243
244 .sidebar ul, .actions ul {
245         margin: 0;
246         padding: 0;
247         list-style: none;
248         background: transparent;
249 }
250
251 .sidebar li, .actions li {
252         text-align: left;
253 }
254
255 .sidebar ul li .selflink {
256         color: #57075f;
257         font-weight: bold;
258 }
259
260 .sidebar ul li > span,
261 .sidebar ul li > a,
262 .actions ul li > a {
263         display: block;
264         padding: 0.5em;
265         font-weight: bold;
266         text-decoration: none;
267         border: 1px solid #f5f5f5;
268         color: #a756af;
269         background: transparent;
270         font-family: "Linux Biolinum O", sans-serif;
271         font-size-adjust: 0.39;
272 }
273
274 .sidebar ul li > span,
275 .sidebar ul li > a {
276         font-size: 14pt;
277 }
278
279 .sidebar ul li .selflink:hover {
280         border-top: 1px dotted #57075f;
281         border-bottom: 1px dotted #57075f;
282         background: #eeeeee;
283 }
284
285 .sidebar a:hover, .actions a:hover {
286         border-top: 1px dotted #57075f;
287         border-bottom: 1px dotted #57075f;
288         color: #57075f;
289         background: #eeeeee;
290         text-decoration: none;
291 }
292 /* .sidebar }}} */
293 /* {{{ #content */
294 #content {
295         padding-top: 1em;
296         font-size: 14pt;
297         /*line-height: 1.4em;*/
298         overflow: auto;
299 }
300
301 #content a {
302         color: #57075f;
303         text-decoration: underline;
304 }
305
306 #content a:hover {
307         text-decoration: underline;
308 }
309
310 #content p {
311         text-align: justify;
312         margin: 1em 0 1em 0;
313 }
314
315 #content hr {
316         border: none;
317         border-bottom: dotted 2px #bbbbbb;
318         margin: 2em auto;
319 }
320
321 #content h1 {
322         font-size: 26pt;
323         font-weight: bold;
324         color: #ffa430;
325         text-shadow: 2px 2px 1px #444;
326         font-family: "Linux Biolinum O", sans-serif;
327         font-size-adjust: 0.39;
328 }
329
330 #content h2 {
331         font-size: 20pt;
332         font-weight: normal;
333         font-family: "Linux Biolinum O", sans-serif;
334         font-size-adjust: 0.39;
335 }
336
337 #content h2 + p {
338         margin-top: 0.75em;
339 }
340
341 #content h3 {
342         font-size: 16pt;
343         margin-bottom: 0;
344         padding-bottom: 0;
345         font-family: "Linux Biolinum O", sans-serif;
346         font-size-adjust: 0.39;
347 }
348
349 #content h3 + p {
350         margin-top: 0.5em;
351 }
352
353 #content table {
354         border-top: solid 1px #aaa;
355         border-bottom: solid 1px #aaa;
356         border-collapse: collapse;
357 }
358
359 #content table th {
360         background: #fafafa;
361         padding: 0.1em 0.5em;
362         border-bottom: solid 1px #aaaaaa;
363         color: #555555;
364 }
365
366 #content table td {
367         padding: 0.1em 0.5em;
368         border-top: solid 1px #ccc;
369 }
370
371 #content .feedlink a {
372         text-decoration: none;
373 }
374
375 #content .feedlink {
376         text-align: right;
377         margin-top: -3em;
378         min-height: 3em;
379 }
380 /* #content }}} */
381
382 /* {{{ #footer */
383 #footer {
384         position: relative;
385         margin: 0;
386         padding: 1em 0;
387         text-align: center;
388         color: white;
389         background: #57075f;
390         background: -webkit-linear-gradient(#001030, #57075f);
391         background:    -moz-linear-gradient(#001030, #57075f);
392         background:         linear-gradient(#001030, #57075f);
393         font-family: "Linux Biolinum O", sans-serif;
394         font-size-adjust: 0.39;
395 }
396
397 #footer #pageinfo {
398         position: relative;
399         min-width: 30em;
400         margin: auto;
401         padding: 0.1em 2em;
402         border-top: none;
403 }
404
405 #footer a {
406         color: white;
407 }
408
409 #footer a:hover {
410         text-decoration: underline;
411 }
412
413 #backlinks {
414         font-size: 10pt;
415         margin-top: 0;
416 }
417
418 #footer #pageinfo div {
419         font-size: 10pt;
420         margin-top: 0.5em;
421         margin-bottom: 0;
422 }
423 /* #footer }}} */
424
425 /* {{{ @media print */
426 @media print {
427         .sidebar,
428         .actions,
429         .feedlink,
430         #backlinks,
431         #otherlanguages {
432                 display: none;
433         }
434
435         #footer,
436         #footer #pageinfo,
437         .page,
438         .pageheader,
439         #pagebody {
440             margin: 0;
441             padding: 0;
442             border: none;
443             box-shadow: none;
444         }
445
446         .page,
447         .pageheader {
448                 border-radius: 0;
449         }
450
451         #footer {
452                 padding: 0.5em;
453         }
454 }
455 /* @media print }}} */
456