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