fix academic information section
[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         margin-left: 4px;
230         margin-bottom: 4px;
231         margin-top: -1px;
232         padding: 0ex 2ex;
233         background: white;
234         border: 1px solid black;
235         color: black !important;
236 }
237
238 hr.poll {
239         height: 10pt;
240         color: white !important;
241         background: #eee;
242         border: 2px solid black;
243 }
244 div.poll {
245         margin-top: 1ex;
246         margin-bottom: 1ex;
247         padding: 1ex 1ex;
248         border: 1px solid #aaa;
249 }
250
251 span.color {
252         padding: 2px;
253 }
254
255 .comment-header,
256 .microblog-header {
257         font-style: italic;
258         margin-top: .3em;
259 }
260 .comment .author,
261 .microblog .author {
262         font-weight: bold;
263 }
264 .comment-subject {
265         font-weight: bold;
266 }
267 .comment-avatar {
268         float: right;
269 }
270 .comment {
271         border: 1px solid #aaa;
272         padding: 3px;
273 }
274
275 div.progress {
276         margin-top: 1ex;
277         margin-bottom: 1ex;
278         border: 1px solid #888;
279         width: 400px;
280         background: #eee;
281         color: black !important;
282         padding: 1px;
283 }
284 div.progress-done {
285         background: #ea6 !important;
286         color: black !important;
287         text-align: center;
288         padding: 1px;
289 }
290
291 /* things to hide in printouts */
292 @media print {
293         .actions { display: none; }
294         .tags { display: none; }
295         .feedbutton { display: none; }
296         #searchform { display: none; }
297         .blogform, #blogform { display: none; }
298         #backlinks { display: none; }
299 }
300
301 /* infobox template */
302 .infobox {
303         float: right;
304         margin-left: 2ex;
305         margin-top: 1ex;
306         margin-bottom: 1ex;
307         padding: 1ex 1ex;
308         border: 1px solid #aaa;
309         background: white;
310         color: black !important;
311 }
312
313 /* notebox template */
314 .notebox {
315         float: right;
316         margin-left: 2ex;
317         margin-top: 1ex;
318         margin-bottom: 1ex;
319         padding: 1ex 1ex;
320         border: 1px solid #aaa;
321         width: 25%;
322         background: white;
323         color: black !important;
324 }
325
326 /* popup template and backlinks hiding */
327 .popup {
328         border-bottom: 1px dotted #366;
329         color: #366;
330 }
331 .popup .balloon,
332 .popup .paren,
333 .popup .expand {
334         display: none;
335 }
336 .popup:hover .balloon,
337 .popup:focus .balloon {
338         position: absolute;
339         display: inline;
340         margin: 1em 0 0 -2em;
341         padding: 0.625em;
342         border: 2px solid;
343         background-color: #dee;
344         color: black;
345 }
346
347 /* form styling */
348 fieldset {
349         margin: 1ex 0;
350         border: 1px solid black;
351 }
352 legend {
353         padding: 0 1ex;
354 }
355 .fb_submit {
356         float: left;
357         margin: 2px 0;
358 }
359 label.block {    
360         display: block;   
361 }
362 label.inline {    
363         display: inline;
364 }
365 input#openid_identifier {
366         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
367         background-color: #fff;
368         background-position: 0 50%;
369         color: #000;
370         padding-left: 18px;
371 }
372 input#searchbox {
373         background: url(wikiicons/search-bg.gif) no-repeat;
374         background-color: #fff;
375         background-position: 100% 50%;
376         color: #000;
377         padding-right: 16px;
378 }
379 /* invalid form fields */
380 .fb_invalid {
381         color: red;
382         background: white !important;
383 }
384 /* required form fields */
385 .fb_required {
386         font-weight: bold;
387 }
388
389 /* highlight plugin */
390 pre.hl { color:#404048; background-color:#f5f8ff; }
391 .hl.num { color:#2020ff; }
392 .hl.esc { color:#005858; }
393 .hl.str { color:#2020ff; }
394 .hl.dstr { color:#2020ff; }
395 .hl.slc { color:#2020ff; font-style:italic; }
396 .hl.com { color:#ff00c0; font-style:italic; }
397 .hl.dir { color:#008200; }
398 .hl.sym { color:#404048; }
399 .hl.line { color:#ff00c0; }
400 .hl.mark { background-color:#ffb; }
401 .hl.kwa { color:#008858; font-weight:bold; }
402 .hl.kwb { color:#7040ff; font-weight:bold;}
403 .hl.kwc { color:#87002f; font-weight:bold; }
404 .hl.kwd { color:#404048; font-weight:bold;}
405
406 /* calendar plugin */
407 .month-calendar-day-this-day,
408 .year-calendar-this-month {
409         background-color: #eee;
410 }
411 .month-calendar-day-head,
412 .month-calendar-day-nolink,
413 .month-calendar-day-link,
414 .month-calendar-day-this-day,
415 .month-calendar-day-future {
416         text-align: right;
417 }
418 .month-calendar-arrow A:link,
419 .year-calendar-arrow A:link,
420 .month-calendar-arrow A:visited,
421 .year-calendar-arrow A:visited {
422         text-decoration: none;
423         font-weight: normal;
424         font-size: 150%;
425 }
426
427 /* outlines */
428 li.L1 { list-style: upper-roman; }
429 li.L2 { list-style: decimal; }
430 li.L3 { list-style: lower-alpha; }
431 li.L4 { list-style: disc; }
432 li.L5 { list-style: square; }
433 li.L6 { list-style: circle; }
434 li.L7 { list-style: lower-roman; }
435 li.L8 { list-style: upper-alpha; }
436
437 /* tag cloud */
438 .pagecloud {
439         float: right;
440         width: 30%;
441         text-align: center;
442         padding: 10px 10px;
443         border: 1px solid #aaa;
444         background: #eee;
445         color: black !important;
446 }
447 .smallestPC { font-size: 70%; }
448 .smallPC { font-size: 85%; }
449 .normalPC { font-size: 100%; }
450 .bigPC { font-size: 115%; }
451 .biggestPC { font-size: 130%; }
452
453 /* orange feed button */
454 .feedbutton {
455         background: #ff6600;
456         color: white !important;
457         border-left: 1px solid #cc9966;
458         border-top: 1px solid #ccaa99;
459         border-right: 1px solid #993300;
460         border-bottom: 1px solid #331100;
461         padding: 0px 0.5em 0px 0.5em;
462         font-family: sans-serif;
463         font-weight: bold;
464         font-size: small;
465         text-decoration: none;
466         margin-top: 1em;
467 }
468 .feedbutton:hover {
469         color: white !important;
470         background: #ff9900;
471 }
472
473 .FlattrButton {
474         display: none;
475 }
476
477 /* openid selector */
478 #openid_choice {
479         display: none;
480 }
481 #openid_input_area {
482         clear: both;
483         padding: 10px;
484 }
485 #openid_btns, #openid_btns br {
486         clear: both;
487 }
488 #openid_highlight {
489         background-color: black;
490         float: left;
491 }
492 .openid_large_btn {
493         padding: 1em 1.5em;
494         border: 1px solid #DDD;
495         margin: 3px;
496         float: left;
497 }
498 .openid_small_btn {
499         padding: 4px 4px;
500         border: 1px solid #DDD;
501         margin: 3px;
502         float: left;
503 }
504 a.openid_large_btn:focus {
505         outline: none;
506 }
507 a.openid_large_btn:focus {
508         outline-style: none;
509 }
510 .openid_selected {
511         border: 4px solid #DDD;
512 }
513
514 .fileupload-content .ui-progressbar {
515         width: 200px;
516         height: 20px;
517 }
518 .fileupload-content .ui-progressbar-value {
519         background: url(ikiwiki/images/pbar-ani.gif);
520 }
521 /* actiontabs theme for ikiwiki
522  *
523  * by svend
524  */
525
526 a {
527         text-decoration: none;
528         color: #005a9c;
529 }
530
531 a:hover {
532         text-decoration: underline;
533 }
534
535
536 hr {
537         border-style: none;
538         background-color: #999;
539         height: 1px;
540 }
541
542 code, pre {
543         background: #f5f8ff;
544 }
545
546 pre {
547         padding: .5em;
548 }
549
550 body {
551         margin: 0;
552         padding: 0;
553         font-family: "liberation_serifregular",sans-serif;
554         color: black;
555         background: white;
556 }
557
558 .pageheader {
559         margin: 0;
560         padding: 1em 2em;
561         position: relative;
562         overflow: hidden;
563         background: #abc;
564         border-color: #999;
565         border-style: none none solid none;
566         border-width: 1px;
567     background-image: url('/images/da_background.jpg');
568     background-repeat: no-repeat;
569     background-size: 100% 100%;
570 }
571
572 .pageheader .header {
573         float: left;
574         font-size: 120%;
575     background-color: rgba(255, 255, 255, 0.8);
576     border-radius: 0.5em;
577     box-shadow: 4px 4px rgba(0, 0, 0, 0.2);
578     padding: 0.25em;
579 }
580
581 .header {
582         font-weight: normal;
583 }
584
585 .title {
586         display: block;
587         margin-top: .2em;
588         font: 180% "liberation_serifregular", san-serif;
589 }
590
591 #searchform {
592         position: absolute;
593         top: 0.5em;
594         right: 2em;
595 }
596
597 .pageheader .actions {
598         position: absolute;
599         bottom: 0;
600         right: 2em;
601         width: 100%;
602         text-align: right;
603         padding: 2px;
604 }
605
606 #content, #comments, #footer {
607         margin: 1em auto;
608     max-width: 55em;
609     text-align: justify;
610 }
611
612 #pageinfo {
613         border-color: #999;
614 }
615
616 .inlinepage {
617         margin: .4em 0;
618         padding: .4em 0;
619         border-style: none;
620         border-top: 1px solid #aaa;
621 }
622
623 .inlineheader {
624         font-size: 120%;
625 }
626
627 h1 { font: 140% "liberation_serifbold", sans-serif }
628 h2 { font: 100% "liberation_serifbold",sans-serif }
629 h3, h4, h5, h6 { font: 80% "liberation_serifbold",sans-serif }
630
631 /* Smaller headings for inline pages */
632 .inlinepage h1 { font-size: 110% }
633 .inlinepage h2 { font-size: 100% }
634 .inlinepage h3 { font-size: 100% }
635
636 .pageheader .actions ul {
637         border-style: none
638 }
639
640 .actions ul {
641         padding: 0;
642         border-style: none;
643 }
644
645 .actions ul li a {
646         text-decoration: none;
647 }
648
649 .pageheader .actions ul li {
650         margin: 0;
651         padding: .1em .5em 0 .5em;
652         background: white;
653         border-color: #999;
654         border-style: solid solid none solid;
655         border-width: 1px;
656 }
657
658 div.recentchanges {
659         border-style: none;
660 }
661
662 .pagecloud {
663         width: auto;
664 }
665
666 .sidebar {
667     border-bottom: 0;
668     border-right: 0;
669         border-top: 0;
670         margin-top: 0.5em;
671         padding: 0 0 0 2ex;
672         border-color: #999;
673 }
674 .sidebar p {
675     font-size: 120%;
676 }