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