1/**
2 * Design elements for default Template
3 *
4 * @author Andreas Gohr <andi@splitbrain.org>
5 * @author Anika Henke <henke@cosmocode.de>
6 * @author Paul Minifie
7 */
8
9/* -------------- general elements --------------- */
10
11
12
13body {
14  font: 0.8125em Verdana, sans-serif;
15  line-height: 1;
16  color: #333;
17  background-color: #EEE;
18  margin: 0;
19  padding: 0;
20  }
21
22/* the document */
23div#page {
24  margin-top: 10px;
25  margin-left:  1em;
26  margin-right: 2em;
27  text-align: justify;
28}
29
30table {
31  font-size: 100%;
32  padding:0;
33  margin:0;
34}
35
36tr,td,th {padding:0; margin:0;}
37
38img {border:0}
39
40p {padding:0; margin: 0 0 1.0em 0;}
41
42hr {
43  border: 0px;
44  border-top: 1px dashed #DDD;
45  text-align:center;
46  height: 0px;
47}
48
49div.nothing {
50  text-align:center;
51	margin: 2em;
52}
53
54
55/* ---------------- controls ------------------------
56 *added for templater plugin
57 */
58
59 .templater {
60    padding: 0.5em;
61}
62
63
64
65/* ---------------- controls ------------------------
66 *added for draw plugin
67 */
68a.diagbutton {
69  border: 1px solid #8cacbb;
70  color: Green;
71  background-color: white;
72  vertical-align: middle;
73  text-decoration:none;
74  margin: 0px;
75  padding: 0px;
76  font-size: 10px;
77  cursor: pointer;
78  height: 15px !important;
79  max-height: 15px !important;
80  min-height: 15px !important;
81/*  float:right;*/
82  display: inline;
83}
84
85/* ---------------- controls ------------------------ */
86
87div#controls {
88  font: 11px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
89  text-transform: lowercase;
90  font-weight: bold;
91  color: #BBBBBB;
92  background-color: transparent;
93}
94
95div#controls .action {
96  font: 11px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
97  text-transform: lowercase;
98  font-weight: bold;
99  color: #BBBBBB;
100  padding-left: 7px;
101  padding-right: 7px;
102}
103div#controls .action:hover {
104  font-weight: bold;
105  color: #444444;
106  text-decoration: none;
107}
108
109div#controls .controlform {
110      border: 1px solid #DDDDDD;
111      padding: 0px;
112      margin: 0px;
113}
114
115div#controls .text_input {
116      border: 0px none;
117      padding: 0px;
118      margin: 0px;
119      background-color: transparent;
120}
121
122div#controls .searchbutton {
123  border: 0px;
124  margin: 0px;
125  padding: 0px;
126  font: 11px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
127  text-transform: lowercase;
128  background-color: transparent;
129  color: #BBBBBB;
130  font-weight: bold;
131  text-decoration: none;
132  cursor: pointer;
133  height: 16px !important;
134  max-height: 16px !important;
135  min-height: 16px !important;
136}
137
138div#controls .searchbutton:hover {
139   color: #444444;
140   background-color: transparent;
141}
142
143div#controls li a {
144  font: 11px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
145  text-transform: lowercase;
146  background-color: transparent;
147  color: #444444;
148  font-weight: bold;
149}
150
151div#controls li a:hover {
152  color: #BBBBBB;
153}
154
155/* --------- buttons ------------------- */
156
157
158input.button {
159  border: 1px solid #8cacbb;
160  color: Black;
161  background-color: white;
162  vertical-align: middle;
163  text-decoration:none;
164  font-size: 100%;
165  cursor: pointer;
166  height: 22px !important;
167  max-height: 22px !important;
168  min-height: 22px !important;
169  margin: 1px;
170  display: inline;
171}
172
173
174div.secedit input.button {
175  border: 1px none black;
176  color: #BBBBBB;
177  font-weight: bold;
178  text-transform: lowercase;
179  background-color: transparent;
180  vertical-align: middle;
181  text-decoration: none;
182  margin: 0px;
183  padding: 0px;
184  font-size: 11px;
185  cursor: pointer;
186  height: 15px !important;
187  max-height: 15px !important;
188  min-height: 15px !important;
189  float:right;
190  display: inline;
191}
192
193div.secedit input.button:hover {
194  color: #666666;
195}
196
197
198/* ---------------- forms ------------------------ */
199
200form {
201  border: none;
202  margin: 0;
203  display: inline;
204}
205
206label {
207  display: block;
208  text-align: right;
209  font-weight: bold;
210}
211
212label.simple {
213  text-align: left;
214  font-weight: normal;
215}
216
217label input.edit {
218  width: 50%;
219}
220
221fieldset {
222  width: 300px;
223  text-align: center;
224  border: 1px solid #8cacbb;
225  padding: 0.5em;
226}
227
228textarea.edit {
229  font-family:monospace;
230  border: 1px solid #8cacbb;
231  color: Black;
232  background-color: white;
233  font-size:14px;
234  padding: 3px;
235  width:100%;
236}
237
238input.edit,select.edit {
239  font-size: 100%;
240  border: 1px solid #8cacbb;
241  height: 18px !important;
242  max-height: 22px !important;
243  min-height: 22px !important;
244  color: Black;
245  background-color: white;
246  //vertical-align: middle;
247  padding: 1px;
248  display: inline;
249}
250
251input.missing {
252  font-size: 100%;
253  border: 1px solid #8cacbb;
254  height: 18px !important;
255  max-height: 22px !important;
256  min-height: 22px !important;
257  color: Black;
258  background-color: #ffcccc;
259  vertical-align: middle;
260  padding: 1px;
261  display: inline;
262}
263
264
265
266/* ----------- page navigator ------------- */
267
268div.pagenav {
269	margin-top:1em;
270}
271
272div.pagenav-prev {
273	text-align:right;
274	float:left;
275	width:50%
276}
277
278div.pagenav-prev input.button {
279	margin-right:5px;
280}
281
282div.pagenav-next {
283	text-align:left;
284	float:right;
285	width:50%
286}
287
288div.pagenav-next input.button {
289	margin-left:5px;
290}
291
292/* --------------- Links ------------------ */
293
294a {
295  color:#436976;
296  text-decoration:none;
297}
298a:hover {
299  color:#000000;
300  text-decoration:underline;
301}
302
303/* external link */
304a.urlextern{
305    background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
306    padding: 1px 0px 1px 16px;
307    color:#436976;
308    text-decoration:none;
309}
310a.urlextern:visited {
311  color:Purple;
312}
313a.urlextern:hover {
314  text-decoration:underline;
315}
316
317/* windows share */
318a.windows{
319    background: transparent url(images/windows.gif) 0px 1px no-repeat;
320    padding: 1px 0px 1px 16px;
321    color:#436976;
322    text-decoration:none;
323}
324a.windows:visited {
325  color:Purple;
326}
327a.windows:hover {
328  text-decoration:underline;
329}
330
331/* interwiki link */
332a.interwiki{
333    background: transparent url(images/interwiki.png) 0px 1px no-repeat;
334		padding-left: 16px;
335    color:#436976;
336    text-decoration:none;
337}
338a.interwiki:visited {
339  color:Purple;
340}
341a.interwiki:hover {
342  text-decoration:underline;
343}
344
345/* link to some embedded media */
346a.media {
347  color:#436976;
348  text-decoration:none;
349}
350a.media:hover {
351  color:#436976;
352  text-decoration:underline
353}
354
355/* email link */
356a.mail {
357  background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
358  padding: 1px 0px 1px 16px;
359  color:#436976;
360  text-decoration:none;
361}
362a.mail:hover {
363  text-decoration:underline;
364}
365
366/* existing wikipage */
367a.wikilink1:link    { color:#009900; text-decoration:none }
368a.wikilink1:visited { color:#009900; text-decoration:none }
369a.wikilink1:hover   { color:#009900; text-decoration:underline }
370
371/* not existing wikipage */
372a.wikilink2:link    { color:#FF3300; text-decoration:none }
373a.wikilink2:visited { color:#FF3300; text-decoration:none }
374a.wikilink2:hover   { color:#FF3300; text-decoration:underline }
375
376
377/* ------------- Page elements ----------------- */
378
379div.preview{
380  background:#f7f9fa;
381  margin-left:2em;
382  padding: 4px;
383  border: 1px dashed #000000;
384}
385
386div.breadcrumbs{
387	font-size:80%;
388	color: #666666;
389	padding-left: 4px;
390}
391
392span.user{
393  color: #cccccc;
394  font-size: 90%;
395}
396
397/* embedded images */
398img.media {
399  margin: 3px;
400}
401
402img.medialeft {
403  border: 0;
404  float: left;
405  margin: 0 1.5em 0 0;
406}
407
408img.mediaright {
409  border: 0;
410  float: right;
411  margin: 0 0 0 1.5em;
412}
413
414img.mediacenter {
415  border: 0;
416	display: block;
417  margin-left: auto;
418  margin-right: auto;
419}
420
421acronym {
422  cursor: help;
423  border-bottom: 1px dotted #000;
424}
425
426/* general headline setup #8cacbb*/
427h1, h2, h3, h4, h5 {
428    color: #666;
429    background-color: transparent;
430    font-family: Serif, "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
431    font-size: 100%;
432    font-weight: normal;
433    margin-left:    0;
434    margin-right:   0;
435    margin-top:     0;
436    margin-bottom:  0.4em;
437    padding-left:   0;
438    padding-right:  0;
439    padding-top:    0.5em;
440    padding-bottom: 0;
441    border-bottom: 1px dashed #DDD;
442    clear: left;
443}
444
445/* special headlines */
446h1 {font-size: 190%; margin-left: 0px; font-weight: bold;}
447h2 {font-size: 170%; margin-left: 15px; font-weight: bold;}
448h3 {font-size: 160%; margin-left: 30px; border-bottom: none; font-weight: bold;}
449h4 {font-size: 150%; margin-left: 45px; border-bottom: none; font-weight: bold;}
450h5 {font-size: 140%; margin-left: 60px; border-bottom: none; font-weight: bold;}
451
452/* indent different sections */
453div.level1 {margin-left: 3px;}
454div.level2 {margin-left: 18px;}
455div.level3 {margin-left: 33px;}
456div.level4 {margin-left: 48px;}
457div.level5 {margin-left: 63px;}
458
459
460
461/* unordered lists  */
462ul {
463  line-height: 1.5em;
464  list-style-type: square;
465  margin: 0 0 0.5em 1.5em;
466  padding: 0;
467  list-style-image: url(images/bullet.gif);
468}
469
470/* ordered lists */
471ol {
472  line-height: 1.5em;
473  margin: 0 0 0.5em 1.5em;
474  padding: 0;
475  color: #638c9c;
476  font-weight: bold;
477  list-style-image: none;
478}
479
480/* the list items overriding the ol definition */
481.li {
482  color: #000000;
483  font-weight: normal;
484}
485
486
487ol {list-style-type: decimal}
488ol ol {list-style-type: upper-roman}
489ol ol ol {list-style-type: lower-alpha}
490ol ol ol ol {list-style-type: lower-greek}
491
492
493li.open {
494  list-style-image: url(images/open.gif);
495}
496
497li.closed {
498  list-style-image: url(images/closed.gif);
499}
500
501
502blockquote {
503  border-left: 2px solid #8cacbb;
504  padding-left: 3px;
505  margin-left: 0;
506}
507
508/* code blocks by indention */
509pre.pre {
510  font-size: 120%;
511  padding: 0.5em;
512  border: 1px dashed #8cacbb;
513  color: Black;
514  background-color: #f7f9fa;
515  overflow: auto;
516}
517
518/* code blocks by code tag */
519pre.code {
520  font-size: 120%;
521  padding: 0.5em;
522  border: 1px dashed #8cacbb;
523  color: Black;
524  background-color: #f7f9fa;
525  overflow: auto;
526}
527
528/* inline code words */
529code {
530  font-size: 120%;
531}
532
533/* code blocks by file tag */
534pre.file {
535  font-size: 120%;
536  padding: 0.5em;
537  border: 1px dashed #8cacbb;
538  color: Black;
539  background-color: #dee7ec;
540  overflow: auto;
541}
542
543/* inline tables */
544table.inline {
545  background-color: #ffffff;
546  border-spacing: 0px;
547  border-collapse: collapse;
548}
549
550table.inline th {
551  padding: 3px;
552  border: 1px solid #8cacbb;
553  background-color: #dee7ec;
554}
555
556table.inline td {
557  padding: 3px;
558  border: 1px solid #8cacbb;
559}
560
561.leftalign{
562  text-align: left;
563}
564
565.centeralign{
566  text-align: center;
567}
568
569.rightalign{
570  text-align: right;
571}
572
573/* ---------- table of contents ------------------- */
574
575div.toc {
576  margin-left: 2em;
577  margin-top: 1.2em;
578  margin-bottom: 0;
579  float:right;
580  width: 200px;
581  font-size: 80%;
582  clear:both;
583}
584
585div.tocheader {
586  padding: 3px;
587  border: 1px solid #8cacbb;
588  background-color: #dee7ec;
589  text-align: left;
590  font-weight:bold;
591  margin-bottom: 2px;
592}
593
594div.toctoggle {
595  float:right;
596  margin-top:0.3em;
597  margin-right:3px;
598}
599
600div.toctoggle img {
601  width:0.8em;
602  height:0.8em;
603}
604
605#tocinside {
606  border: 1px solid #8cacbb;
607  background-color: #ffffff;
608  text-align: left;
609  padding-top: 0.5em;
610  padding-bottom: 0.7em;
611}
612
613ul.toc {
614  list-style-type: none;
615  list-style-image: none;
616  line-height: 1.2em;
617  margin: 0;
618  padding: 0;
619  padding-left: 1em;
620}
621
622ul.toc li {
623  background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
624  padding-left:0.4em;
625}
626
627ul.toc li.clear {
628  background-image: none;
629  padding-left:0.4em;
630}
631
632a.toc {
633  color: #436976;
634  text-decoration:none;
635}
636
637a.toc:hover {
638  color: #000000;
639  text-decoration:underline;
640}
641
642/* ---------------------------- Diff rendering --------------------------*/
643table.diff { background:white; }
644td.diff-blockheader {font-weight:bold}
645td.diff-header {
646  border-bottom: 1px solid #8cacbb;
647  font-size:120%;
648}
649td.diff-addedline {
650    background:#ddffdd;
651    font-family: monospace;
652    font-size: 100%;
653}
654td.diff-deletedline {
655    background:#ffffbb;
656    font-family: monospace;
657    font-size: 100%;
658}
659td.diff-context {
660    background:#f7f9fa;
661    font-family: monospace;
662    font-size: 100%;
663}
664span.diffchange { color: red; }
665
666/* --------------------- footnotes -------------------------------- */
667
668div.footnotes{
669  clear:both;
670  border-top: 1px solid #8cacbb;
671  padding-left: 1em;
672  margin-top: 1em;
673}
674
675div.fn{
676  font-size:90%;
677}
678
679a.fn_top{
680  vertical-align:super;
681  font-size:80%;
682}
683
684a.fn_bot{
685  vertical-align:super;
686  font-size:80%;
687  font-weight:bold;
688}
689
690
691/* --------------- search result formating --------------- */
692.search_result{
693  margin-bottom: 6px;
694  padding-left: 30px;
695  padding-right: 10px;
696}
697
698.search_snippet{
699  color: #999999;
700  font-size: 12px;
701  margin-left: 20px;
702}
703
704.search_sep{
705  color: #000000;
706}
707
708.search_hit{
709  color: #000000;
710  background: #FFFF99;
711}
712
713div.search_quickresult{
714  margin-bottom: 15px;
715  padding-bottom: 5px;
716  border-bottom: 1px dashed #8cacbb;
717  margin-left: 30px;
718  padding-right: 10px;
719}
720
721div.search_quickhits {
722  margin-left: 1em;
723  float:left;
724  background: transparent url(images/bullet.gif) 0px 1px no-repeat;
725  padding: 1px 0px 1px 8px;
726  width: 30%;
727}
728
729/* ------------------ Additional ---------------------- */
730.footerinc a img {
731    opacity: 0.5;
732}
733
734.footerinc a:hover img {
735    opacity: 1;
736}
737
738/* ---- Admin --- */
739
740div.acladmin label {
741  text-align: left;
742  font-weight: normal;
743  display: inline;
744}
745
746div.acladmin table{
747  margin-left: 10%;
748  width: 80%;
749}
750
751/* ---------- AJAX quicksearch ----------- */
752
753div.ajax_qsearch {
754  position:absolute;
755  right:225px;;
756  text-align:left;
757  width: 200px;
758  background-color: #ff9;
759  opacity: 0.9;
760  display:none;
761}
762
763/* ---------- Spellchecking ------------- */
764
765a.spell_error {
766  color: #ff0000;
767  text-decoration: underline;
768}
769
770div#spell_suggest {
771  position: absolute;
772  left: 0;
773  top: 0;
774  display: none;
775  background-color: #fff;
776  padding: 2px;
777  border: 1px solid #000;
778  font-size:80%;
779  z-index: 2;
780}
781
782div#spell_result {
783  display:none;
784  font-family:monospace;
785  border: 1px solid #8cacbb;
786  color: Black;
787  font-size:14px;
788  padding: 3px;
789  background-color: #f7f9fa;
790  overflow: auto;
791  z-index: 1;
792
793  white-space: pre-wrap;       /* css-3 */
794  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
795  white-space: -pre-wrap;      /* Opera 4-6 */
796  white-space: -o-pre-wrap;    /* Opera 7 */
797  word-wrap: break-word;       /* Internet Explorer 5.5+ */
798}
799
800span.spell_noerr {
801  color: #009933;
802}
803
804span.spell_wait {
805  color: #0066cc;
806}
807
808