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