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