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