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