824cf4beb9b8bbba686a6b922c34dcf3ba1b25ef
[lhc/web/wiklou.git] / skins / modern / main.css
1 body {
2 margin: 0 0 0 0;
3 padding: 0 0 0 0;
4 /*font-size: 10pt;*/
5 font-size: x-small;
6
7
8 font-family: sans-serif;
9 color: black;
10 background-color: #f0f0f0;
11 }
12
13 #mw_main,
14 #p-personal,
15 #mw_header,
16 .os-suggest {
17 font-size: 130%;
18 }
19
20 #mw_header {
21 position: absolute;
22 top: 0;
23 left: 0;
24 margin: 0 0 0 0;
25 padding: 0 0em 0 0em;
26 border: none;
27 height: 2em;
28 width: 100%;
29
30 background-color: #003366;
31 color: white;
32 }
33
34 #mw_header h1 {
35 margin: 0 0 0 0.5em;
36 padding: 0 0 0 0;
37 text-decoration: none;
38 font-size: 150%;
39 }
40
41 #p-personal {
42 position: absolute;
43 top: 2em;
44 left: 0;
45 height: 1.5em;
46 margin: 0 0 0 0;
47 padding: 0 0 0 0;
48 width: 100%;
49
50 }
51
52 #p-personal div.pBody {
53 margin: 0 0 0 0;
54 padding: 0 0 0 0;
55 height: 1.5em;
56 font-variant: small-caps;
57 }
58
59 #p-personal h5 {
60 display: none;
61 }
62
63 #p-personal ul {
64 margin: 0 0 0 0;
65 padding: 0 0 0 0;
66 display: block;
67 height: 1.5em;
68 background-color: #3c78b5;
69 }
70
71 #p-personal li {
72 display: block; float: left;
73 height: 1.5em;
74 margin: 0 0 0 0;
75 vertical-align: middle;
76
77 font-weight: bold;
78 text-transform: lowercase;
79 }
80
81 #p-personal li a {
82 text-decoration: none;
83 color: white;
84 padding: 0 1em 0 1em;
85 }
86
87 #p-personal li a:hover {
88 text-decoration: none;
89 color: white;
90 }
91
92 #p-personal li:hover {
93 background-color: #003366;
94 }
95
96 #jump-to-nav {
97 display: none;
98 }
99
100 #mw_contentwrapper {
101 width: 100%;
102 margin: 0 0 0 -15em;
103 float: right;
104 }
105
106 #mw_content {
107 margin: 0 0 0 14em;
108
109 background-color: white;
110 border-top: solid 1px #bbbbbb;
111 border-left: solid 1px #bbbbbb;
112 border-bottom: solid 1px #bbbbbb;
113
114 line-height: 1.5em;
115 padding: 0 1em 1em 1em;
116 }
117
118 #mw_portlets {
119 width: 14em;
120
121 border-right: solid 1px #bbbbbb;
122 background-color: #f0f0f0;
123 }
124
125 #mw_main {
126 padding: 0 0 0 0;
127 margin: 0 0 0 0;
128 margin-top: 3.5em;
129 }
130
131 div.mw_clear {
132 margin: 0 0 0 0;
133 padding: 0 0 0 0;
134 clear: both;
135 }
136
137 .portlet {
138 padding: 0 0 0 0;
139 margin: 0 0 0 0;
140 }
141
142 .portlet div.pBody {
143 padding: 0em 0 0.5em 0;
144 }
145
146 textarea {
147 width: 100%;
148 padding: .1em;
149 }
150
151 #searchBody {
152 text-align: center;
153 }
154
155 #searchInput {
156 display: block;
157 margin-left: auto;
158 margin-right: auto;
159 }
160
161 #p-search #searchform div div {
162 margin-top: .4em;
163 }
164
165 .portlet h5 {
166 padding: 0.1em 0 0.3em 1em;
167 margin: 0 0 0 0;
168 background-color: #dddddd;
169 font-weight: bold;
170 border-bottom: solid 1px #3c78b5;
171 height: 1.1em;
172 }
173
174 .portlet ul {
175 margin: 0 0 0 1.5em;
176 padding: 0 0 0 0;
177 }
178
179 #mw_portlets .portlet ul {
180 line-height: 1.4em;
181 }
182
183 ul {
184 list-style-image: url(bullet.gif);
185 }
186
187 #p-cactions {
188 height: 1.5em;
189 padding: 0 0 0 0;
190 margin: 0 0 0 14em;
191 }
192
193 #p-cactions div.pBody {
194 margin: 0 0 0 0;
195 padding: 0 0 0 0;
196 }
197
198 #p-cactions a,
199 #p-cactions a:hover {
200 color: black;
201 text-decoration: none;
202 }
203
204 #p-cactions ul {
205 display: inline;
206 margin: 0 0 0 0;
207 padding: 0 0 0 0;
208 }
209
210 #p-cactions li {
211 margin: 0 0.5em 0 0.5em;
212 padding: 0 0.2em 0 0.2em;
213 display: block;
214 float: left;
215 height: 1.5em;
216 text-transform: lowercase;
217 }
218
219 #p-cactions li.selected {
220 background-color: #bbbbbb;
221 }
222
223 #p-cactions li a,
224 #p-cactions li a:hover,
225 #p-cactions li a:visited {
226 text-decoration: underline;
227 color: #003366;
228 }
229
230 #p-cactions li.selected a,
231 #p-cactions li.selected a:hover,
232 #p-cactions li.selected a:visited {
233 text-decoration: none;
234 color: white;
235 }
236
237 #p-cactions h5 {
238 display: none;
239 }
240
241 #siteSub {
242 display: none;
243 }
244
245 #footer {
246 background-color: #f0f0f0;
247 background: url(footer-grad.png) repeat-x 0 0;
248 padding: 10px 1em 1em 1em;
249 clear:both;
250 color: #444444;
251 }
252
253 #footer a,
254 #footer a:hover,
255 #footer a:visited {
256 color: #444444;
257 text-decoration: underline;
258 }
259
260 img {
261 border: none;
262 }
263
264 #footer li {
265 display: inline;
266 list-style-type: none;
267 padding: 0 0 0 0;
268 margin: 0 0 0 0;
269 }
270
271 #footer ul {
272 padding: 0 0 0 0;
273 margin: 0 0 0 0;
274 }
275
276 div.printfooter {
277 display: none;
278 }
279
280 p {
281 margin: 1em 0 1em 0;
282 }
283
284 hr {
285 height: 1px;
286 color: #aaa;
287 background-color: #aaa;
288 border: 0;
289 margin: .2em 0 .2em 0;
290 }
291
292 #contentSub {
293 color: #888;
294 font-size: small;
295 padding-left: 2em;
296 }
297
298 #mw_portlets form {
299 margin: 0 0 0 0;
300 padding: 0 0 0 0;
301 }
302
303 a {
304 text-decoration: none;
305 color: #003366;
306 background: none;
307 }
308 a:visited {
309 color: #5a3696;
310 }
311 a:active {
312 color: #faa700;
313 }
314 a:hover {
315 text-decoration: underline;
316 }
317 a.stub {
318 color: #772233;
319 }
320 a.new {
321 color: #ba0000;
322 }
323 a.new:visited {
324 color: #a55858;
325 }
326
327 span.editsection {
328 font-size: small;
329 }
330
331 h1, h2 {
332 border-bottom: solid 1px #003366;
333 }
334
335 #preftoc {
336 width: 100%;
337 margin: 0 0 0 0;
338 padding: 0 0 0 0;
339 height: 1.5em;
340 clear: right;
341 }
342
343 #preftoc li {
344 margin: 0 0.5em 0 0.5em;
345 padding: 0 0.2em 0 0.2em;
346 display: block;
347 float: left;
348 height: 1.5em;
349 text-transform: lowercase;
350 }
351
352 #preferences {
353 margin: 0 0 0 0;
354 padding: 0em 1em 1em 1em;
355 border: solid 1px #bbbbbb;
356 clear: left; /* Multi-line toc should not push data to horizontally */
357 }
358
359 #preferences fieldset {
360 margin-top: 0;
361 border: none;
362 }
363
364 #preferences h2 {
365 }
366
367 .mainLegend {
368 display: none;
369 }
370
371 .htmlform-tip {
372 font-size: x-small;
373 padding: .2em 2em;
374 color: #666;
375 }
376
377 .prefsection legend {
378 font-weight: bold;
379 }
380
381 #preftoc li.selected {
382 background-color: #bbbbbb;
383 }
384
385 #preftoc li a,
386 #preftoc li a:hover,
387 #preftoc li a:visited {
388 text-decoration: underline;
389 color: #003366;
390 }
391
392 #preftoc li.selected a,
393 #preftoc li.selected a:hover,
394 #preftoc li.selected a:visited {
395 text-decoration: none;
396 color: white;
397 }
398
399 #mw_content a.external,
400 #mw_content a[href ^="gopher://"] {
401 background: url(external.png) center right no-repeat;
402 padding-right: 13px;
403 }
404 #mw_content a[href ^="https://"],
405 .link-https {
406 background: url(lock_icon.gif) center right no-repeat;
407 padding-right: 16px;
408 }
409 #mw_content a[href ^="mailto:"],
410 .link-mailto {
411 background: url(mail_icon.gif) center right no-repeat;
412 padding-right: 18px;
413 }
414 #mw_content a[href ^="news://"] {
415 background: url(news_icon.png) center right no-repeat;
416 padding-right: 18px;
417 }
418 #mw_content a[href ^="ftp://"],
419 .link-ftp {
420 background: url(file_icon.gif) center right no-repeat;
421 padding-right: 18px;
422 }
423 #mw_content a[href ^="irc://"],
424 #mw_content a.extiw[href ^="irc://"],
425 .link-irc {
426 background: url(discussionitem_icon.gif) center right no-repeat;
427 padding-right: 18px;
428 }
429
430 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
431 #mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
432 #mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
433 #mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
434 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
435 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
436 .link-audio {
437 background: url("audio.png") center right no-repeat;
438 padding-right: 13px;
439 }
440 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
441 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
442 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
443 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
444 .link-video {
445 background: url("video.png") center right no-repeat;
446 padding-right: 13px;
447 }
448 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
449 #mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
450 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
451 .link-document {
452 background: url("document.png") center right no-repeat;
453 padding-right: 12px;
454 }
455
456 /* images */
457 div.floatright, table.floatright {
458 clear: right;
459 float: right;
460 position: relative;
461 margin: 0 0 .5em .5em;
462 border: 0;
463 /*
464 border: .5em solid white;
465 border-width: .5em 0 .8em 1.4em;
466 */
467 }
468 div.floatright p { font-style: italic; }
469 div.floatleft, table.floatleft {
470 float: left;
471 clear: left;
472 position: relative;
473 margin: 0 .5em .5em 0;
474 border: 0;
475 /*
476 margin: .3em .5em .5em 0;
477 border: .5em solid white;
478 border-width: .5em 1.4em .8em 0;
479 */
480 }
481 div.floatleft p { font-style: italic; }
482 /* thumbnails */
483 div.thumb {
484 margin-bottom: .5em;
485 border-style: solid;
486 border-color: white;
487 width: auto;
488 }
489 div.thumbinner {
490 border: 1px solid #ccc;
491 padding: 3px !important;
492 background-color: #f9f9f9;
493 font-size: 94%;
494 text-align: center;
495 overflow: hidden;
496 }
497 html .thumbimage {
498 border: 1px solid #ccc;
499 }
500 html .thumbcaption {
501 border: none;
502 text-align: left;
503 line-height: 1.4em;
504 padding: 3px !important;
505 font-size: 94%;
506 }
507 div.magnify {
508 float: right;
509 border: none !important;
510 background: none !important;
511 }
512 div.magnify a, div.magnify img {
513 display: block;
514 border: none !important;
515 background: none !important;
516 }
517 div.tright {
518 clear: right;
519 float: right;
520 border-width: .5em 0 .8em 1.4em;
521 }
522 div.tleft {
523 float: left;
524 clear: left;
525 margin-right: .5em;
526 border-width: .5em 1.4em .8em 0;
527 }
528 img.thumbborder {
529 border: 1px solid #dddddd;
530 }
531 .hiddenStructure {
532 display: none;
533 }
534
535 #mw_content .plainlinks a {
536 background: none !important;
537 padding: 0 !important;
538 }
539
540 .mw-warning {
541 border: 1px solid #aaa;
542 background-color: #f9f9f9;
543 padding: 5px;
544 font-size: 95%;
545 }
546
547 #toc,
548 .toc {
549 margin: 0 0 0 0;
550 padding: 0 0 0 0;
551 border-spacing: 0;
552 background-color: #f0f0f0;
553 border: solid 1px #bbbbbb;
554 }
555
556 #toc tr, #toc td {
557 margin: 0 0 0 0;
558 padding: 0 0 0 0;
559 }
560
561 #toctitle {
562 border-bottom: solid 1px #3c78b5;
563 background-color: #dddddd;
564 margin: 0 0 0 0;
565 }
566
567 #toc h2,
568 .toc h2 {
569 display: inline;
570 border: none;
571 padding: 0;
572 font-size: 100%;
573 font-weight: bold;
574 }
575 #toc #toctitle,
576 .toc #toctitle,
577 #toc .toctitle,
578 .toc .toctitle {
579 text-align: center;
580 }
581
582 #toc ul,
583 .toc ul {
584 list-style-type: none;
585 list-style-image: none;
586 margin: 0 1em 0 1em;
587 padding-left: 0;
588 text-align: left;
589 }
590
591 #toc ul ul,
592 .toc ul ul {
593 margin: 0 0 0 2em;
594 }
595
596 #toc .toctoggle,
597 .toc .toctoggle {
598 font-size: 94%;
599 }
600
601 .mw-warning {
602 margin-left: 50px;
603 margin-right: 50px;
604 text-align: center;
605 }
606
607 .catlinks {
608 border: solid 1px #bbbbbb;
609 background-color: #f0f0f0;
610 padding: 0.1em 0.3em 0.1em 0.3em;
611 margin: 0 0 0 0;
612 }
613
614 #mw_header h1,
615 #p-personal,
616 #p-cactions {
617 overflow: hidden;
618 }
619
620 /* disable interwiki styling */
621 #mw_content a.extiw,
622 #mw_content a.extiw:active {
623 color: #36b;
624 background: none;
625 padding: 0;
626 }
627 #mw_content a.external {
628 color: #36b;
629 }
630
631
632
633 .redirectText {
634 font-size: 150%;
635 margin: 5px;
636 }
637
638 .printfooter {
639 display: none;
640 }
641
642
643 span.newpage, span.minor, span.bot {
644 font-weight: bold;
645 }
646
647 .sharedUploadNotice {
648 font-style: italic;
649 }
650
651 span.updatedmarker {
652 color: black;
653 background-color: #0f0;
654 }
655
656 table.gallery {
657 border: 1px solid #ccc;
658 margin: 2px;
659 padding: 2px;
660 background-color: white;
661 }
662
663 table.gallery tr {
664 vertical-align: top;
665 }
666
667 table.gallery td {
668 vertical-align: top;
669 background-color: #f9f9f9;
670 border: solid 2px white;
671 }
672 /* Keep this temporarily so that cached pages will display right */
673 table.gallery td.galleryheader {
674 text-align: center;
675 font-weight: bold;
676 }
677 table.gallery caption {
678 font-weight: bold;
679 }
680
681 div.gallerybox {
682 margin: 2px;
683 }
684
685 div.gallerybox div.thumb {
686 text-align: center;
687 border: 1px solid #ccc;
688 margin: 2px;
689 }
690
691 div.gallerytext {
692 overflow: hidden;
693 font-size: 94%;
694 padding: 2px 4px;
695 }
696
697 span.comment {
698 font-style: italic;
699 }
700
701 span.changedby {
702 font-size: 95%;
703 }
704
705 .previewnote {
706 text-indent: 3em;
707 color: #c00;
708 border-bottom: 1px solid #aaa;
709 padding-bottom: 1em;
710 margin-bottom: 1em;
711 }
712
713 .previewnote p {
714 margin: 0;
715 padding: 0;
716 }
717
718 .editExternally {
719 border: 1px solid gray;
720 background-color: #ffffff;
721 padding: 3px;
722 margin-top: 0.5em;
723 float: left;
724 font-size: small;
725 text-align: center;
726 }
727 .editExternallyHelp {
728 font-style: italic;
729 color: gray;
730 }
731
732 .toggle {
733 margin-left: 2em;
734 text-indent: -2em;
735 }
736
737 table.collapsed tr.collapsable {
738 display: none;
739 }
740
741 input#wpSummary {
742 width: 80%;
743 }
744
745 /* @bug 1714 */
746 input#wpSave, input#wpDiff {
747 margin-right: 0.33em;
748 }
749
750 #wpSave {
751 font-weight: bold;
752 }
753
754 /* Classes for article validation */
755
756 table.revisionform_default {
757 border: 1px solid #000000;
758 }
759
760 table.revisionform_focus {
761 border: 1px solid #000000;
762 background-color:#00BBFF;
763 }
764
765 tr.revision_tr_default {
766 background-color:#EEEEEE;
767 }
768
769 tr.revision_tr_first {
770 background-color:#DDDDDD;
771 }
772
773 p.revision_saved {
774 color: green;
775 font-weight:bold;
776 }
777
778 /* Allmessages table */
779
780 #allmessagestable th {
781 background-color: #b2b2ff;
782 }
783
784 #allmessagestable tr.orig {
785 background-color: #ffe2e2;
786 }
787
788 #allmessagestable tr.new {
789 background-color: #e2ffe2;
790 }
791
792 #allmessagestable tr.def {
793 background-color: #f0f0ff;
794 }
795
796
797 /* noarticletext */
798 div.noarticletext {
799 border: 1px solid #ccc;
800 background: #fff;
801 padding: .2em 1em;
802 color: #000;
803 }
804
805 div#searchTargetContainer {
806 left: 10px;
807 top: 10px;
808 width: 90%;
809 background: white;
810 }
811
812 div#searchTarget {
813 padding: 3px;
814 margin: 5px;
815 background: #F0F0F0;
816 border: solid 1px blue;
817 }
818
819 div#searchTarget ul li {
820 list-style: none;
821 }
822
823 div#searchTarget ul li:before {
824 color: orange;
825 content: "\00BB \0020";
826 }
827
828 div#searchTargetHide {
829 float:right;
830 border:solid 1px black;
831 background:gainsboro;
832 padding:2px;
833 }
834
835 div.multipageimagenavbox {
836 border: solid 1px silver;
837 padding: 4px;
838 margin: 1em;
839 background: #f0f0f0;
840 }
841
842 div.multipageimagenavbox div.thumb {
843 border: none;
844 margin-left: 2em;
845 margin-right: 2em;
846 }
847
848 div.multipageimagenavbox hr {
849 margin: 6px;
850 }
851
852 table.multipageimage td {
853 text-align: center;
854 }
855
856 /*
857 Table pager (e.g. Special:Imagelist)
858 - remove underlines from the navigation link
859 - collapse borders
860 - set the borders to outsets (similar to Special:Allmessages)
861 - remove line wrapping for all td and th, set background color
862 - restore line wrapping for the last two table cells (description and size)
863 */
864 .TablePager_nav a { text-decoration: none; }
865 .TablePager { border-collapse: collapse; }
866 .TablePager, .TablePager td, .TablePager th {
867 border: 1px solid #aaaaaa;
868 padding: 0 0.15em 0 0.15em;
869 }
870 .TablePager th { background-color: #eeeeff }
871 .TablePager td { background-color: #ffffff }
872 .TablePager tr:hover td { background-color: #eeeeff }
873
874 .imagelist td, .imagelist th { white-space: nowrap }
875 .imagelist .TablePager_col_links { background-color: #eeeeff }
876 .imagelist .TablePager_col_img_description { white-space: normal }
877 .imagelist th.TablePager_sort { background-color: #ccccff }
878
879 .templatesUsed { margin-top: 1.5em; }
880
881 .mw-summary-preview {
882 margin: 0.1em 0;
883 }
884
885 /* Friendlier slave lag warnings */
886 div.mw-lag-warn-normal,
887 div.mw-lag-warn-high {
888 padding: 3px;
889 text-align: center;
890 margin: 3px auto;
891 }
892 div.mw-lag-warn-normal {
893 border: 1px solid #FFCC66;
894 background-color: #FFFFCC;
895 }
896 div.mw-lag-warn-high {
897 font-weight: bold;
898 border: 2px solid #FF0033;
899 background-color: #FFCCCC;
900 }
901
902 .MediaTransformError {
903 background-color: #ccc;
904 padding: 0.1em;
905 }
906 .MediaTransformError td {
907 text-align: center;
908 vertical-align: middle;
909 font-size: 90%;
910 }
911 ul {
912 line-height: 1.5em;
913 list-style-type: square;
914 margin: .3em 0 0 1.5em;
915 padding: 0;
916 list-style-image: url(bullet.gif);
917 }
918 ol {
919 line-height: 1.5em;
920 margin: .3em 0 0 3.2em;
921 padding: 0;
922 list-style-image: none;
923 }
924 li {
925 margin-bottom: .1em;
926 }
927 dt {
928 font-weight: bold;
929 margin-bottom: .1em;
930 }
931 dl {
932 margin-top: .2em;
933 margin-bottom: .5em;
934 }
935
936 #p-cactions li.new a {
937 color: #cc2200;
938 }
939
940 span.subpages {
941 font-size: 80%;
942 display: block;
943 }
944
945 pre {
946 border: solid 1px #3c78b5;
947 padding: 0.4em;
948 background-color: #f0f0f0;
949 }
950
951 .usermessage {
952 background-color: #dadaff;
953 }
954
955 .mw-topboxes {
956 border-collapse: collapse;
957 margin: 0 -1em 1em -1em;
958 padding: 0 0 8px 0;
959 background: url(footer-grad.png) repeat-x bottom left;
960 }
961
962 .mw-topbox p {
963 padding: 0 0 0 0;
964 margin: 0 0 0 0;
965 }
966
967 .mw-topbox {
968 color: black;
969 font-weight: bold;
970 margin: 0 0 0 0;
971 padding: 0 1em 0 1em;
972 vertical-align: middle;
973 border-collapse: collapse;
974 border-bottom: solid 1px #bbbbbb;
975 }
976
977 #siteSub {
978 background-color: #dddddd;
979 }
980
981 /* emulate center */
982 .center {
983 width:100%;
984 text-align:center;
985 }
986 *.center * {
987 margin-left:auto;
988 margin-right:auto;
989 }
990
991 /* table standards */
992 .toccolours {
993 border:1px solid #bbbbbb;
994 background-color:#f0f0f0;
995 border-spacing:0pt;
996 margin:0pt;
997 padding:0pt;
998 }