]> nos-oignons.net Git - website.git/blob - local.css
f9dc59b72182e016cba9e368e7f7a3451807c51b
[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: auto;
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
21 a:hover { text-decoration: underline; }
22 /*a:visited { color: #aa00bb; }*/
23
24 em {
25         font-family: serif;
26 }
27
28 .page {
29         overflow: hidden;
30         min-width: 50em;
31         max-width: 80em;
32         margin: 2em auto 0 auto;
33         border-radius: 16px 16px 0 0;
34         box-shadow: 0 0 0.6em 0 #333366;
35         background: #f5f5f5;
36 }
37
38 /* {{{ .pageheader */
39 .pageheader {
40         position: relative;
41         min-height: 95px;
42         padding: 0 1em;
43         color: #eeeeaa;
44         background: #333366;
45         background: -webkit-linear-gradient(#333366, #001030);
46         background:    -moz-linear-gradient(#333366, #001030);
47         background:         linear-gradient(#333366, #001030);
48         box-shadow: 0 0 0.6em 0 #333366;
49         border-radius: 16px 16px 0 0;
50 }
51
52 .pageheader .header {
53         font-size: 10pt;
54         margin-left: 12em;
55 }
56
57 .pageheader .header > span {
58         display: block;
59         margin: auto;
60         min-width: 30em;
61         padding: 1em;
62 }
63
64 .pageheader .parentlinks {
65         display: block;
66         min-height: 1.5em;
67         margin-top: 0.75em;
68 }
69
70 .pageheader a,
71 .pageheader .parentlinks a {
72         color: #eeeeaa;
73         text-decoration: none;
74 }
75
76 .pageheader a:hover {
77         text-decoration: underline;
78 }
79
80 .pageheader .title {
81         line-height: 1.5em;
82         font-size: 16pt;
83 }
84
85 /* {{{ .actions */
86 .actions {
87         text-align: right;
88 }
89
90 .actions ul li {
91         background: #eeeeaa;
92         border-radius: 0.8em 0.8em 0 0;
93 }
94
95 .actions ul li a {
96         padding: 0 0.8em;
97         color: black;
98 }
99 /* .actions }}} */
100 /* {{{ #otherlanguages */
101 #otherlanguages,
102 #otherlanguages ul li a {
103         color: #012345;
104         background: white;
105 }
106
107 #otherlanguages ul li {
108         margin-left: 1em;
109 }
110
111 .pageheader #otherlanguages {
112         border: none;
113 }
114 /* #otherlanguages }}} */
115 /* .pageheader }}} */
116
117 #pagebody {
118         position: relative;
119         min-width: 32em;
120         min-height: 48em;
121         margin: 0 0 0 12em;
122         padding: 1em 2em;
123         background: white;
124         z-index: 110;
125         box-shadow: 0 3px 0.4em 0 #333366;
126 }
127
128 /* {{{ .sidebar */
129 .sidebar {
130         position: absolute;
131         top: 14em;
132         overflow: hidden;
133         width: 12em;
134         margin: 0;
135         padding: 0;
136         border: none;
137         z-index: 100;
138         background: #f5f5f5;
139 }
140
141 .sidebar ul {
142         margin: 0;
143         padding: 0;
144         list-style: none;
145         background: transparent;
146 }
147
148 .sidebar li {
149         text-align: left;
150 }
151
152 .sidebar ul li .selflink {
153         color: #012345;
154         font-weight: bold;
155 }
156
157 .sidebar ul li > span,
158 .sidebar ul li > a {
159         display: block;
160         padding: 0.5em;
161         font-size: 11pt;
162         font-weight: bold;
163         text-decoration: none;
164         border: 1px solid #f5f5f5;
165         color: #aaaaaa;
166         background: transparent;
167 }
168
169 .sidebar ul li .selflink:hover {
170         border-top: 1px dotted #012345;
171         border-bottom: 1px dotted #012345;
172         background: #ffffdd;
173 }
174
175 .sidebar a:hover {
176         border-top: 1px dotted #012345;
177         border-bottom: 1px dotted #012345;
178         color: #012345;
179         background: #ffffdd;
180 }
181 /* .sidebar }}} */
182 /* {{{ #content */
183 #content {
184         line-height: 1.5em;
185         overflow: auto;
186 }
187
188 #content p {
189         text-align: justify;
190         margin: 1em 0 1em 0;
191 }
192
193 #content hr {
194         border: none;
195         border-bottom: dotted 2px #bbbbbb;
196         margin: 2em auto;
197 }
198
199 #content h1 {
200         display: inline;
201         font-size: 20pt;
202         font-weight: normal;
203         line-height: 2.5em;
204         padding: 0.2em 0.5em;
205         color: #333366;
206         background: #f5f5f5;
207         border: dotted 1px #333366;
208         border-left: solid 3px;
209 }
210
211 #content h2 {
212         font-size: 16pt;
213         font-weight: normal;
214         margin-top: 1.5em;
215         margin-bottom: 0;
216 }
217
218 #content h2 + p {
219         margin-top: 0.75em;
220 }
221
222 #content h3 {
223         font-size: 12pt;
224         margin-bottom: 0;
225         padding-bottom: 0;
226 }
227
228 #content h3 + p {
229         margin-top: 0.5em;
230 }
231
232 #content table {
233         border-top: solid 1px #aaa;
234         border-bottom: solid 1px #aaa;
235         border-collapse: collapse;
236 }
237
238 #content table th {
239         background: #fafafa;
240         padding: 0.1em 0.5em;
241         border-bottom: solid 1px #aaaaaa;
242         color: #555555;
243 }
244
245 #content table td {
246         padding: 0.1em 0.5em;
247         border-top: solid 1px #ccc;
248 }
249
250 #content .feedlink a {
251         text-decoration: none;
252 }
253 /* #content }}} */
254
255 /* {{{ #footer */
256 #footer {
257         position: relative;
258         margin: 0;
259         padding: 1em 0;
260         text-align: center;
261         color: white;
262         background: #333366;
263         background: -webkit-linear-gradient(#001030, #333366);
264         background:    -moz-linear-gradient(#001030, #333366);
265         background:         linear-gradient(#001030, #333366);
266         box-shadow: 0 0 0.6em 0 #333366;
267 }
268
269 #footer #pageinfo {
270         position: relative;
271         min-width: 30em;
272         margin: auto;
273         padding: 0.1em 2em;
274         border-top: none;
275 }
276
277 #footer a {
278         color: white;
279 }
280
281 #footer a:hover {
282         text-decoration: underline;
283 }
284
285 #backlinks {
286         font-size: 8pt;
287         margin-top: 0;
288 }
289
290 #footer #pageinfo div {
291         font-size: 8pt;
292         margin-top: 0.5em;
293         margin-bottom: 0;
294 }
295 /* #footer }}} */
296
297 /* {{{ @media print */
298 @media print {
299         .sidebar,
300         .actions,
301         .feedlink,
302         #backlinks,
303         #otherlanguages {
304                 display: none;
305         }
306
307         #footer,
308         #footer #pageinfo,
309         .page,
310         .pageheader,
311         #pagebody {
312             margin: 0;
313             padding: 0;
314             border: none;
315             box-shadow: none;
316         }
317
318         .page,
319         .pageheader {
320                 border-radius: 0;
321         }
322
323         #footer {
324                 padding: 0.5em;
325         }
326 }
327 /* @media print }}} */
328