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