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