(bug 18708) CSS plainlinks class now available to all skins
[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 .mw-warning {
535 border: 1px solid #aaa;
536 background-color: #f9f9f9;
537 padding: 5px;
538 font-size: 95%;
539 }
540
541 #toc,
542 .toc {
543 margin: 0 0 0 0;
544 padding: 0 0 0 0;
545 border-spacing: 0;
546 background-color: #f0f0f0;
547 border: solid 1px #bbbbbb;
548 }
549
550 #toc tr, #toc td {
551 margin: 0 0 0 0;
552 padding: 0 0 0 0;
553 }
554
555 #toctitle {
556 border-bottom: solid 1px #3c78b5;
557 background-color: #dddddd;
558 margin: 0 0 0 0;
559 }
560
561 #toc h2,
562 .toc h2 {
563 display: inline;
564 border: none;
565 padding: 0;
566 font-size: 100%;
567 font-weight: bold;
568 }
569 #toc #toctitle,
570 .toc #toctitle,
571 #toc .toctitle,
572 .toc .toctitle {
573 text-align: center;
574 }
575
576 #toc ul,
577 .toc ul {
578 list-style-type: none;
579 list-style-image: none;
580 margin: 0 1em 0 1em;
581 padding-left: 0;
582 text-align: left;
583 }
584
585 #toc ul ul,
586 .toc ul ul {
587 margin: 0 0 0 2em;
588 }
589
590 #toc .toctoggle,
591 .toc .toctoggle {
592 font-size: 94%;
593 }
594
595 .mw-warning {
596 margin-left: 50px;
597 margin-right: 50px;
598 text-align: center;
599 }
600
601 .catlinks {
602 border: solid 1px #bbbbbb;
603 background-color: #f0f0f0;
604 padding: 0.1em 0.3em 0.1em 0.3em;
605 margin: 0 0 0 0;
606 }
607
608 #mw_header h1,
609 #p-personal,
610 #p-cactions {
611 overflow: hidden;
612 }
613
614 /* disable interwiki styling */
615 #mw_content a.extiw,
616 #mw_content a.extiw:active {
617 color: #36b;
618 background: none;
619 padding: 0;
620 }
621 #mw_content a.external {
622 color: #36b;
623 }
624
625
626
627 .redirectText {
628 font-size: 150%;
629 margin: 5px;
630 }
631
632 .printfooter {
633 display: none;
634 }
635
636
637 span.newpage, span.minor, span.bot {
638 font-weight: bold;
639 }
640
641 .sharedUploadNotice {
642 font-style: italic;
643 }
644
645 span.updatedmarker {
646 color: black;
647 background-color: #0f0;
648 }
649
650 table.gallery {
651 border: 1px solid #ccc;
652 margin: 2px;
653 padding: 2px;
654 background-color: white;
655 }
656
657 table.gallery tr {
658 vertical-align: top;
659 }
660
661 table.gallery td {
662 vertical-align: top;
663 background-color: #f9f9f9;
664 border: solid 2px white;
665 }
666 /* Keep this temporarily so that cached pages will display right */
667 table.gallery td.galleryheader {
668 text-align: center;
669 font-weight: bold;
670 }
671 table.gallery caption {
672 font-weight: bold;
673 }
674
675 div.gallerybox {
676 margin: 2px;
677 }
678
679 div.gallerybox div.thumb {
680 text-align: center;
681 border: 1px solid #ccc;
682 margin: 2px;
683 }
684
685 div.gallerytext {
686 overflow: hidden;
687 font-size: 94%;
688 padding: 2px 4px;
689 }
690
691 span.comment {
692 font-style: italic;
693 }
694
695 span.changedby {
696 font-size: 95%;
697 }
698
699 .previewnote {
700 text-indent: 3em;
701 color: #c00;
702 border-bottom: 1px solid #aaa;
703 padding-bottom: 1em;
704 margin-bottom: 1em;
705 }
706
707 .previewnote p {
708 margin: 0;
709 padding: 0;
710 }
711
712 .editExternally {
713 border: 1px solid gray;
714 background-color: #ffffff;
715 padding: 3px;
716 margin-top: 0.5em;
717 float: left;
718 font-size: small;
719 text-align: center;
720 }
721 .editExternallyHelp {
722 font-style: italic;
723 color: gray;
724 }
725
726 .toggle {
727 margin-left: 2em;
728 text-indent: -2em;
729 }
730
731 table.collapsed tr.collapsable {
732 display: none;
733 }
734
735 input#wpSummary {
736 width: 80%;
737 }
738
739 /* @bug 1714 */
740 input#wpSave, input#wpDiff {
741 margin-right: 0.33em;
742 }
743
744 #wpSave {
745 font-weight: bold;
746 }
747
748 /* Classes for article validation */
749
750 table.revisionform_default {
751 border: 1px solid #000000;
752 }
753
754 table.revisionform_focus {
755 border: 1px solid #000000;
756 background-color:#00BBFF;
757 }
758
759 tr.revision_tr_default {
760 background-color:#EEEEEE;
761 }
762
763 tr.revision_tr_first {
764 background-color:#DDDDDD;
765 }
766
767 p.revision_saved {
768 color: green;
769 font-weight:bold;
770 }
771
772 /* noarticletext */
773 div.noarticletext {
774 border: 1px solid #ccc;
775 background: #fff;
776 padding: .2em 1em;
777 color: #000;
778 }
779
780 div#searchTargetContainer {
781 left: 10px;
782 top: 10px;
783 width: 90%;
784 background: white;
785 }
786
787 div#searchTarget {
788 padding: 3px;
789 margin: 5px;
790 background: #F0F0F0;
791 border: solid 1px blue;
792 }
793
794 div#searchTarget ul li {
795 list-style: none;
796 }
797
798 div#searchTarget ul li:before {
799 color: orange;
800 content: "\00BB \0020";
801 }
802
803 div#searchTargetHide {
804 float:right;
805 border:solid 1px black;
806 background:gainsboro;
807 padding:2px;
808 }
809
810 div.multipageimagenavbox {
811 border: solid 1px silver;
812 padding: 4px;
813 margin: 1em;
814 background: #f0f0f0;
815 }
816
817 div.multipageimagenavbox div.thumb {
818 border: none;
819 margin-left: 2em;
820 margin-right: 2em;
821 }
822
823 div.multipageimagenavbox hr {
824 margin: 6px;
825 }
826
827 table.multipageimage td {
828 text-align: center;
829 }
830
831 /*
832 Table pager (e.g. Special:Imagelist)
833 - remove underlines from the navigation link
834 - collapse borders
835 - set the borders to outsets (similar to Special:Allmessages)
836 - remove line wrapping for all td and th, set background color
837 - restore line wrapping for the last two table cells (description and size)
838 */
839 .TablePager_nav a { text-decoration: none; }
840 .TablePager { border-collapse: collapse; }
841 .TablePager, .TablePager td, .TablePager th {
842 border: 1px solid #aaaaaa;
843 padding: 0 0.15em 0 0.15em;
844 }
845 .TablePager th { background-color: #eeeeff }
846 .TablePager td { background-color: #ffffff }
847 .TablePager tr:hover td { background-color: #eeeeff }
848
849 .imagelist td, .imagelist th { white-space: nowrap }
850 .imagelist .TablePager_col_links { background-color: #eeeeff }
851 .imagelist .TablePager_col_img_description { white-space: normal }
852 .imagelist th.TablePager_sort { background-color: #ccccff }
853
854 .templatesUsed { margin-top: 1.5em; }
855
856 .mw-summary-preview {
857 margin: 0.1em 0;
858 }
859
860 /* Friendlier slave lag warnings */
861 div.mw-lag-warn-normal,
862 div.mw-lag-warn-high {
863 padding: 3px;
864 text-align: center;
865 margin: 3px auto;
866 }
867 div.mw-lag-warn-normal {
868 border: 1px solid #FFCC66;
869 background-color: #FFFFCC;
870 }
871 div.mw-lag-warn-high {
872 font-weight: bold;
873 border: 2px solid #FF0033;
874 background-color: #FFCCCC;
875 }
876
877 .MediaTransformError {
878 background-color: #ccc;
879 padding: 0.1em;
880 }
881 .MediaTransformError td {
882 text-align: center;
883 vertical-align: middle;
884 font-size: 90%;
885 }
886 ul {
887 line-height: 1.5em;
888 list-style-type: square;
889 margin: .3em 0 0 1.5em;
890 padding: 0;
891 list-style-image: url(bullet.gif);
892 }
893 ol {
894 line-height: 1.5em;
895 margin: .3em 0 0 3.2em;
896 padding: 0;
897 list-style-image: none;
898 }
899 li {
900 margin-bottom: .1em;
901 }
902 dt {
903 font-weight: bold;
904 margin-bottom: .1em;
905 }
906 dl {
907 margin-top: .2em;
908 margin-bottom: .5em;
909 }
910
911 #p-cactions li.new a {
912 color: #cc2200;
913 }
914
915 span.subpages {
916 font-size: 80%;
917 display: block;
918 }
919
920 pre {
921 border: solid 1px #3c78b5;
922 padding: 0.4em;
923 background-color: #f0f0f0;
924 }
925
926 .usermessage {
927 background-color: #dadaff;
928 }
929
930 .mw-topboxes {
931 border-collapse: collapse;
932 margin: 0 -1em 1em -1em;
933 padding: 0 0 8px 0;
934 background: url(footer-grad.png) repeat-x bottom left;
935 }
936
937 .mw-topbox p {
938 padding: 0 0 0 0;
939 margin: 0 0 0 0;
940 }
941
942 .mw-topbox {
943 color: black;
944 font-weight: bold;
945 margin: 0 0 0 0;
946 padding: 0 1em 0 1em;
947 vertical-align: middle;
948 border-collapse: collapse;
949 border-bottom: solid 1px #bbbbbb;
950 }
951
952 #siteSub {
953 background-color: #dddddd;
954 }
955
956 /* emulate center */
957 .center {
958 width:100%;
959 text-align:center;
960 }
961 *.center * {
962 margin-left:auto;
963 margin-right:auto;
964 }
965
966 /* table standards */
967 .toccolours {
968 border:1px solid #bbbbbb;
969 background-color:#f0f0f0;
970 border-spacing:0pt;
971 margin:0pt;
972 padding:0pt;
973 }