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