Drop porter-chroots-install documentation. Deprecated.
[mirror/dsa-wiki.git] / input / dsa.css
1 /* ikiwiki style sheet */
2
3 /* Note that instead of modifying this style sheet, you can instead edit
4  * local.css and use it to override or change settings in this one.
5  */
6
7 article,
8 header,
9 footer,
10 nav {
11         display: block;
12 }
13
14 .header {
15         margin: 0;
16         font-size: 22px;
17         font-weight: bold;
18         line-height: 1em;
19         display: block;
20 }
21
22 .inlineheader .author {
23         margin: 0;
24         font-size: 18px;
25         font-weight: bold;
26         display: block;
27 }
28
29 .actions ul {
30         margin: 0;
31         padding: 6px;
32         list-style-type: none;
33 }
34 .actions li {
35         display: inline;
36         padding: .2em .4em;
37 }
38 .pageheader .actions ul {
39         border-bottom: 1px solid #000;
40 }
41
42 .inlinepage .actions ul {
43         border-bottom: 0;
44 }
45
46 #otherlanguages ul {
47         margin: 0;
48         padding: 6px;
49         list-style-type: none;
50 }
51 #otherlanguages li {
52         display: inline;
53         padding: .2em .4em;
54 }
55 .pageheader #otherlanguages {
56         border-bottom: 1px solid #000;
57 }
58
59 .inlinecontent {
60         margin-top: .4em;
61 }
62
63 .pagefooter {
64         clear: both;
65 }
66 .inlinefooter {
67         clear: both;
68 }
69
70 #pageinfo {
71         margin: 1em 0;
72         border-top: 1px solid #000;
73 }
74
75 .tags {
76         margin-top: 1em;
77 }
78
79 .inlinepage .tags {
80         display: inline;
81 }
82
83 .mapparent {
84         text-decoration: none;
85 }
86
87 .img caption {
88         font-size: 80%;
89         caption-side: bottom;
90         text-align: center;
91 }
92
93 .align-left {
94         float:left;
95 }
96
97 .align-right {
98         float:right;
99 }
100
101 #backlinks {
102         margin-top: 1em;
103 }
104
105 #searchform {
106         display: inline;
107         float: right;
108 }
109
110 #editcontent {
111         width: 100%;
112 }
113
114 img {
115         border-style: none;
116 }
117
118 div.recentchanges {
119         border-style: solid;
120         border-width: 1px;
121         overflow: auto;
122         clear: both;
123         width: 100%;
124         background: #eee;
125         color: black !important;
126 }
127 .recentchanges .metadata {
128         padding: 0px 0.5em;
129 }
130 .recentchanges .changelog {
131         font-style: italic;
132         clear: both;
133         display: block;
134         padding: 1px 2px;
135         background: white !important;
136         color: black !important;
137 }
138 .recentchanges .desc {
139         display: none;
140 }
141 .recentchanges .diff {
142         display: none;
143 }
144 .recentchanges .committer {
145         float: left;
146         margin: 0;
147         width: 40%;
148 }
149 .recentchanges .committype {
150         float: left;
151         margin: 0;
152         width: 5%;
153         font-size: small;
154 }
155 .recentchanges .changedate {
156         float: left;
157         margin: 0;
158         width: 35%;
159         font-size: small;
160 }
161 .recentchanges .pagelinks {
162         float: right;
163         margin: 0;
164         width: 60%;
165 }
166
167 /* Used for adding a blog page. */
168 #blogform {
169         padding: 10px 10px;
170         border: 1px solid #aaa;
171         background: #eee;
172         color: black !important;
173 }
174
175 .inlinepage {
176         padding: 10px 10px;
177         border: 1px solid #aaa;
178 }
179
180 .pagedate,
181 .pagelicense,
182 .pagecopyright {
183         font-style: italic;
184         display: block;
185         margin-top: 1em;
186 }
187
188 .error {
189         color: #C00;
190 }
191
192 /* Used for invalid form fields. */
193 .fb_invalid {
194         color: red;
195         background: white !important;
196 }
197
198 /* Used for required form fields. */
199 .fb_required {
200         font-weight: bold;
201 }
202
203 /* Orange feed button. */
204 .feedbutton {
205         background: #ff6600;
206         color: white !important;
207         border-left: 1px solid #cc9966;
208         border-top: 1px solid #ccaa99;
209         border-right: 1px solid #993300;
210         border-bottom: 1px solid #331100;
211         padding: 0px 0.5em 0px 0.5em;
212         font-family: sans-serif;
213         font-weight: bold;
214         font-size: small;
215         text-decoration: none;
216         margin-top: 1em;
217 }
218 .feedbutton:hover {
219         color: white !important;
220         background: #ff9900;
221 }
222
223 /* Tag cloud. */
224 .pagecloud {
225         float: right;
226         width: 30%;
227         text-align: center;
228         padding: 10px 10px;
229         border: 1px solid #aaa;
230         background: #eee;
231         color: black !important;
232 }
233 .smallestPC { font-size: 70%; }
234 .smallPC { font-size: 85%; }
235 .normalPC { font-size: 100%; }
236 .bigPC { font-size: 115%; }
237 .biggestPC { font-size: 130%; }
238
239 .sidebar {
240         width: 30ex;
241         float: right;
242         margin-left: 4px;
243         margin-bottom: 4px;
244         margin-top: -1px;
245         padding: 0ex 2ex;
246         background: white;
247         border: 1px solid black;
248         color: black !important;
249 }
250
251 /* outlines */
252 li.L1 {
253         list-style: upper-roman;
254 }
255 li.L2 {
256         list-style: decimal;
257 }
258 li.L3 {
259         list-style: lower-alpha;
260 }
261 li.L4 {
262         list-style: disc;
263 }
264 li.L5 {
265         list-style: square;
266 }
267 li.L6 {
268         list-style: circle;
269 }
270 li.L7 {
271         list-style: lower-roman;
272 }
273 li.L8 {
274         list-style: upper-alpha;
275 }
276
277 hr.poll {
278         height: 10pt;
279         color: white !important;
280         background: #eee;
281         border: 2px solid black;
282 }
283 div.poll {
284         margin-top: 1ex;
285         margin-bottom: 1ex;
286         padding: 1ex 1ex;
287         border: 1px solid #aaa;
288 }
289
290 div.progress {
291         margin-top: 1ex;
292         margin-bottom: 1ex;
293         border: 1px solid #888;
294         width: 400px;
295         background: #eee;
296         color: black !important;
297         padding: 1px;
298 }
299 div.progress-done {
300         background: #ea6 !important;
301         color: black !important;
302         text-align: center;
303         padding: 1px;
304 }
305
306 input#openid_url {
307         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
308         background-color: #fff;
309         background-position: 0 50%;
310         color: #000;
311         padding-left: 18px;
312 }
313
314 input#searchbox {
315         background: url(wikiicons/search-bg.gif) no-repeat;
316         background-color: #fff;
317         background-position: 100% 50%;
318         color: #000;
319         padding-right: 16px;
320 }
321
322 /* Things to hide in printouts. */
323 @media print {
324         .actions { display: none; }
325         .tags { display: none; }
326         .feedbutton { display: none; }
327         #searchform { display: none; }
328         #blogform { display: none; }
329         #backlinks { display: none; }
330 }
331
332 /* Provided for use by template plugin for floating info boxes. */
333 .infobox {
334         float: right;
335         margin-left: 2ex;
336         margin-top: 1ex;
337         margin-bottom: 1ex;
338         padding: 1ex 1ex;
339         border: 1px solid #aaa;
340         background: white;
341         color: black !important;
342 }
343
344 /* Provided for use by template plugin for floating note boxes. */
345 .notebox {
346         float: right;
347         margin-left: 2ex;
348         margin-top: 1ex;
349         margin-bottom: 1ex;
350         padding: 1ex 1ex;
351         border: 1px solid #aaa;
352         width: 25%;
353         background: white;
354         color: black !important;
355 }
356
357 /* Used by the popup template and for backlinks hiding. */
358 .popup {
359         border-bottom: 1px dotted #366;
360         color: #366;
361 }
362 .popup .balloon,
363 .popup .paren,
364 .popup .expand {
365         display: none;
366 }
367 .popup:hover .balloon,
368 .popup:focus .balloon {
369         position: absolute;
370         display: inline;
371         margin: 1em 0 0 -2em;
372         padding: 0.625em;
373         border: 2px solid;
374         background-color: #dee;
375         color: black;
376 }
377
378 /* Formbuilder styling */
379 fieldset {
380         margin: 1ex 0;
381         border: 1px solid black;
382 }
383 legend {
384         padding: 0 1ex;
385 }
386 .fb_submit {
387         float: left;
388         margin: 2px 0;
389 }
390 #signin_openid_url_label {
391         float: left;
392         margin-right: 1ex;
393 }
394 #signin_openid {
395         padding: 10px 10px;
396         border: 1px solid #aaa;
397         background: #eee; 
398         color: black !important;
399 }
400
401 span.color {
402         padding: 2px;
403 }
404
405 .comment-header,
406 .microblog-header {
407         font-style: italic;
408         margin-top: .3em;
409 }
410 .comment .author,
411 .microblog .author {
412         font-weight: bold;
413 }
414 .comment-subject {
415         font-weight: bold;
416 }
417 .comment {
418         border: 1px solid #aaa;
419         padding: 3px;
420 }
421
422 /* Used by the highlight plugin. */
423 pre.hl { color:#000000; background-color:#ffffff; }
424 .hl.num { color:#2928ff; }
425 .hl.esc { color:#ff00ff; }
426 .hl.str { color:#ff0000; }
427 .hl.dstr { color:#818100; }
428 .hl.slc { color:#838183; font-style:italic; }
429 .hl.com { color:#838183; font-style:italic; }
430 .hl.dir { color:#008200; }
431 .hl.sym { color:#000000; }
432 .hl.line { color:#555555; }
433 .hl.mark { background-color:#ffffbb; }
434 .hl.kwa { color:#000000; font-weight:bold; }
435 .hl.kwb { color:#830000; }
436 .hl.kwc { color:#000000; font-weight:bold; }
437 .hl.kwd { color:#010181; }
438
439 /* For the calendar plugin. */
440 .month-calendar-day-this-day { background-color: #eee; }
441 .year-calendar-this-month { background-color: #eee; }
442 .month-calendar-arrow A:link,
443 .year-calendar-arrow A:link,
444 .month-calendar-arrow A:visited,
445 .year-calendar-arrow A:visited {
446         text-decoration: none;
447         font-weight: normal;
448         font-size: 150%;
449 }
450
451 div.page_header:before {
452         content: "/";
453 }
454