3a1384fe0e43d4738e8d57fb4316c240674ced76
[don.git] / local.css
1 /* -*- mode: css -*- */
2 /* ikiwiki style sheet */
3
4 /* Note that instead of modifying this style sheet, you can instead edit
5  * local.css and use it to override or change settings in this one.
6  */
7
8 /* html5 compat */
9 article,
10 header,
11 footer,
12 nav {
13         display: block;
14 }
15
16 #pagebody #content img { 
17         margin: 0.4em;
18  }
19
20 #pagebody #content p:nth-of-type(odd) img { 
21         float: left;
22         clear: left;
23 }
24
25 #pagebody #content p:nth-of-type(even) img { 
26         float: right;
27         clear: right;
28 }
29
30 .header {
31         margin: 0;
32         font-size: 140%;
33         font-weight: bold;
34         line-height: 1em;
35         display: block;
36 }
37
38 .inlineheader .author {
39         margin: 0;
40         font-size: 112%;
41         font-weight: bold;
42         display: block;
43 }
44
45 .actions ul {
46         margin: 0;
47         padding: 6px .4em;
48         height: 1em;
49         list-style-type: none;
50 }
51 .actions li {
52         display: inline;
53         padding: .2em;
54 }
55 .pageheader .actions ul {
56         border-bottom: 1px solid #000;
57 }
58
59 .inlinepage .actions ul {
60         border-bottom: 0;
61 }
62
63 #otherlanguages ul {
64         margin: 0;
65         padding: 6px;
66         list-style-type: none;
67 }
68 #otherlanguages li {
69         display: inline;
70         padding: .2em .4em;
71 }
72 .pageheader #otherlanguages {
73         border-bottom: 1px solid #000;
74 }
75
76 .inlinecontent {
77         margin-top: .4em;
78 }
79
80 .pagefooter,
81 .inlinefooter,
82 .comments {
83         clear: both;
84 }
85
86 #pageinfo {
87         margin: 1em 0;
88         border-top: 1px solid #000;
89 }
90
91 .tags {
92         margin-top: 1em;
93 }
94
95 .inlinepage .tags {
96         display: inline;
97 }
98
99 .mapparent {
100         text-decoration: none;
101 }
102
103 .img caption {
104         font-size: 80%;
105         caption-side: bottom;
106         text-align: center;
107 }
108
109 img.img {
110         margin: 0.5ex;
111 }
112
113 .align-left {
114         float:left;
115 }
116
117 .align-right {
118         float:right;
119 }
120
121 #backlinks {
122         margin-top: 1em;
123 }
124
125 #searchform {
126         display: inline;
127         float: right;
128 }
129
130 #editcontent {
131         width: 98%;
132 }
133
134 .editcontentdiv {
135         width: auto;
136         overflow: auto;
137 }
138
139 img {
140         border-style: none;
141 }
142
143 pre {
144         overflow: auto;
145 }
146
147 div.recentchanges {
148         border-style: solid;
149         border-width: 1px;
150         overflow: auto;
151         width: auto;
152         clear: none;
153         background: #eee;
154         color: black !important;
155 }
156 .recentchanges .metadata {
157         padding: 0px 0.5em;
158 }
159 .recentchanges .changelog {
160         font-style: italic;
161         clear: both;
162         display: block;
163         padding: 1px 2px;
164         background: white !important;
165         color: black !important;
166 }
167 .recentchanges .desc {
168         display: none;
169 }
170 .recentchanges .diff {
171         display: none;
172 }
173 .recentchanges .committer {
174         float: left;
175         margin: 0;
176         width: 40%;
177 }
178 .recentchanges .committype {
179         float: left;
180         margin: 0;
181         width: 5%;
182         font-size: small;
183 }
184 .recentchanges .changedate {
185         float: left;
186         margin: 0;
187         width: 35%;
188         font-size: small;
189 }
190 .recentchanges .pagelinks,
191 .recentchanges .revert {
192         float: right;
193         margin: 0;
194         width: 60%;
195 }
196
197 .blogform, #blogform {
198         padding: 10px 10px;
199         border: 1px solid #aaa;
200         background: #eee;
201         color: black !important;
202         width: auto;
203         overflow: auto;
204 }
205
206 .inlinepage {
207         padding: 10px 10px;
208         border: 1px solid #aaa;
209         overflow: auto;
210 }
211
212 .pagedate,
213 .pagelicense,
214 .pagecopyright {
215         font-style: italic;
216         display: block;
217         margin-top: 1em;
218 }
219
220 .error {
221         color: #C00;
222 }
223
224 .sidebar {
225         width: 20ex;
226         float: right;
227         margin-left: 4px;
228         margin-bottom: 4px;
229         margin-top: -1px;
230         padding: 0ex 2ex;
231         background: white;
232         border: 1px solid black;
233         color: black !important;
234 }
235
236 hr.poll {
237         height: 10pt;
238         color: white !important;
239         background: #eee;
240         border: 2px solid black;
241 }
242 div.poll {
243         margin-top: 1ex;
244         margin-bottom: 1ex;
245         padding: 1ex 1ex;
246         border: 1px solid #aaa;
247 }
248
249 span.color {
250         padding: 2px;
251 }
252
253 .comment-header,
254 .microblog-header {
255         font-style: italic;
256         margin-top: .3em;
257 }
258 .comment .author,
259 .microblog .author {
260         font-weight: bold;
261 }
262 .comment-subject {
263         font-weight: bold;
264 }
265 .comment-avatar {
266         float: right;
267 }
268 .comment {
269         border: 1px solid #aaa;
270         padding: 3px;
271 }
272
273 div.progress {
274         margin-top: 1ex;
275         margin-bottom: 1ex;
276         border: 1px solid #888;
277         width: 400px;
278         background: #eee;
279         color: black !important;
280         padding: 1px;
281 }
282 div.progress-done {
283         background: #ea6 !important;
284         color: black !important;
285         text-align: center;
286         padding: 1px;
287 }
288
289 /* things to hide in printouts */
290 @media print {
291         .actions { display: none; }
292         .tags { display: none; }
293         .feedbutton { display: none; }
294         #searchform { display: none; }
295         .blogform, #blogform { display: none; }
296         #backlinks { display: none; }
297 }
298
299 /* infobox template */
300 .infobox {
301         float: right;
302         margin-left: 2ex;
303         margin-top: 1ex;
304         margin-bottom: 1ex;
305         padding: 1ex 1ex;
306         border: 1px solid #aaa;
307         background: white;
308         color: black !important;
309 }
310
311 /* notebox template */
312 .notebox {
313         float: right;
314         margin-left: 2ex;
315         margin-top: 1ex;
316         margin-bottom: 1ex;
317         padding: 1ex 1ex;
318         border: 1px solid #aaa;
319         width: 25%;
320         background: white;
321         color: black !important;
322 }
323
324 /* popup template and backlinks hiding */
325 .popup {
326         border-bottom: 1px dotted #366;
327         color: #366;
328 }
329 .popup .balloon,
330 .popup .paren,
331 .popup .expand {
332         display: none;
333 }
334 .popup:hover .balloon,
335 .popup:focus .balloon {
336         position: absolute;
337         display: inline;
338         margin: 1em 0 0 -2em;
339         padding: 0.625em;
340         border: 2px solid;
341         background-color: #dee;
342         color: black;
343 }
344
345 /* form styling */
346 fieldset {
347         margin: 1ex 0;
348         border: 1px solid black;
349 }
350 legend {
351         padding: 0 1ex;
352 }
353 .fb_submit {
354         float: left;
355         margin: 2px 0;
356 }
357 label.block {    
358         display: block;   
359 }
360 label.inline {    
361         display: inline;
362 }
363 input#openid_identifier {
364         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
365         background-color: #fff;
366         background-position: 0 50%;
367         color: #000;
368         padding-left: 18px;
369 }
370 input#searchbox {
371         background: url(wikiicons/search-bg.gif) no-repeat;
372         background-color: #fff;
373         background-position: 100% 50%;
374         color: #000;
375         padding-right: 16px;
376 }
377 /* invalid form fields */
378 .fb_invalid {
379         color: red;
380         background: white !important;
381 }
382 /* required form fields */
383 .fb_required {
384         font-weight: bold;
385 }
386
387 /* highlight plugin */
388 pre.hl { color:#000000; background-color:#ffffff; }
389 .hl.num { color:#2928ff; }
390 .hl.esc { color:#ff00ff; }
391 .hl.str { color:#ff0000; }
392 .hl.dstr { color:#818100; }
393 .hl.slc { color:#838183; font-style:italic; }
394 .hl.com { color:#838183; font-style:italic; }
395 .hl.dir { color:#008200; }
396 .hl.sym { color:#000000; }
397 .hl.line { color:#555555; }
398 .hl.mark { background-color:#ffffbb; }
399 .hl.kwa { color:#000000; font-weight:bold; }
400 .hl.kwb { color:#830000; }
401 .hl.kwc { color:#000000; font-weight:bold; }
402 .hl.kwd { color:#010181; }
403
404 /* calendar plugin */
405 .month-calendar-day-this-day,
406 .year-calendar-this-month {
407         background-color: #eee;
408 }
409 .month-calendar-day-head,
410 .month-calendar-day-nolink,
411 .month-calendar-day-link,
412 .month-calendar-day-this-day,
413 .month-calendar-day-future {
414         text-align: right;
415 }
416 .month-calendar-arrow A:link,
417 .year-calendar-arrow A:link,
418 .month-calendar-arrow A:visited,
419 .year-calendar-arrow A:visited {
420         text-decoration: none;
421         font-weight: normal;
422         font-size: 150%;
423 }
424
425 /* outlines */
426 li.L1 { list-style: upper-roman; }
427 li.L2 { list-style: decimal; }
428 li.L3 { list-style: lower-alpha; }
429 li.L4 { list-style: disc; }
430 li.L5 { list-style: square; }
431 li.L6 { list-style: circle; }
432 li.L7 { list-style: lower-roman; }
433 li.L8 { list-style: upper-alpha; }
434
435 /* tag cloud */
436 .pagecloud {
437         float: right;
438         width: 30%;
439         text-align: center;
440         padding: 10px 10px;
441         border: 1px solid #aaa;
442         background: #eee;
443         color: black !important;
444 }
445 .smallestPC { font-size: 70%; }
446 .smallPC { font-size: 85%; }
447 .normalPC { font-size: 100%; }
448 .bigPC { font-size: 115%; }
449 .biggestPC { font-size: 130%; }
450
451 /* orange feed button */
452 .feedbutton {
453         background: #ff6600;
454         color: white !important;
455         border-left: 1px solid #cc9966;
456         border-top: 1px solid #ccaa99;
457         border-right: 1px solid #993300;
458         border-bottom: 1px solid #331100;
459         padding: 0px 0.5em 0px 0.5em;
460         font-family: sans-serif;
461         font-weight: bold;
462         font-size: small;
463         text-decoration: none;
464         margin-top: 1em;
465 }
466 .feedbutton:hover {
467         color: white !important;
468         background: #ff9900;
469 }
470
471 .FlattrButton {
472         display: none;
473 }
474
475 /* openid selector */
476 #openid_choice {
477         display: none;
478 }
479 #openid_input_area {
480         clear: both;
481         padding: 10px;
482 }
483 #openid_btns, #openid_btns br {
484         clear: both;
485 }
486 #openid_highlight {
487         background-color: black;
488         float: left;
489 }
490 .openid_large_btn {
491         padding: 1em 1.5em;
492         border: 1px solid #DDD;
493         margin: 3px;
494         float: left;
495 }
496 .openid_small_btn {
497         padding: 4px 4px;
498         border: 1px solid #DDD;
499         margin: 3px;
500         float: left;
501 }
502 a.openid_large_btn:focus {
503         outline: none;
504 }
505 a.openid_large_btn:focus {
506         outline-style: none;
507 }
508 .openid_selected {
509         border: 4px solid #DDD;
510 }
511
512 .fileupload-content .ui-progressbar {
513         width: 200px;
514         height: 20px;
515 }
516 .fileupload-content .ui-progressbar-value {
517         background: url(ikiwiki/images/pbar-ani.gif);
518 }
519 /* actiontabs theme for ikiwiki
520  *
521  * by svend
522  */
523
524 a {
525         text-decoration: none;
526         color: #005a9c;
527 }
528
529 a:hover {
530         text-decoration: underline;
531 }
532
533
534 hr {
535         border-style: none;
536         background-color: #999;
537         height: 1px;
538 }
539
540 code, pre {
541         background: #eee;
542 }
543
544 pre {
545         padding: .5em;
546 }
547
548 body {
549         margin: 0;
550         padding: 0;
551         font-family: sans-serif;
552         color: black;
553         background: white;
554 }
555
556 .pageheader {
557         margin: 0;
558         padding: 1em 2em;
559         position: relative;
560         overflow: hidden;
561         background: #eee;
562         border-color: #999;
563         border-style: none none solid none;
564         border-width: 1px;
565         background-image: url('/images/da_background.jpg');
566         background-repeat: no-repeat;
567 }
568
569 .pageheader .header {
570         float: left;
571         font-size: 120%;
572 }
573
574 .header {
575         font-weight: normal;
576 }
577
578 .title {
579         display: block;
580         margin-top: .2em;
581         font: 140% sans-serif;
582 }
583
584 #searchform {
585         position: absolute;
586         top: 0.5em;
587         right: 2em;
588 }
589
590 .pageheader .actions {
591         position: absolute;
592         bottom: 0;
593         right: 2em;
594         width: 100%;
595         text-align: right;
596         padding: 2px;
597 }
598
599 #content, #comments, #footer {
600         margin: 1em 2em;
601 }
602
603 #pageinfo {
604         border-color: #999;
605 }
606
607 .inlinepage {
608         margin: .4em 0;
609         padding: .4em 0;
610         border-style: none;
611         border-top: 1px solid #aaa;
612 }
613
614 .inlineheader {
615         font-size: 120%;
616 }
617
618 h1 { font: 120% sans-serif }
619 h2 { font: bold 100% sans-serif }
620 h3, h4, h5, h6 { font: bold 80% sans-serif }
621
622 /* Smaller headings for inline pages */
623 .inlinepage h1 { font-size: 110% }
624 .inlinepage h2 { font-size: 100% }
625 .inlinepage h3 { font-size: 100% }
626
627 .pageheader .actions ul {
628         border-style: none
629 }
630
631 .actions ul {
632         padding: 0;
633         border-style: none;
634 }
635
636 .actions ul li a {
637         text-decoration: none;
638 }
639
640 .pageheader .actions ul li {
641         margin: 0;
642         padding: .1em .5em 0 .5em;
643         background: white;
644         border-color: #999;
645         border-style: solid solid none solid;
646         border-width: 1px;
647 }
648
649 div.recentchanges {
650         border-style: none;
651 }
652
653 .pagecloud {
654         width: auto;
655 }
656
657 .sidebar {
658         border-bottom: 0;
659         border-right: 0;
660         border-top: 0;
661         margin-top: 0.5em;
662         padding: 0 0 0 2ex;
663         border-color: #999;
664 }