* (bug 16311) Make recent change flags acronyms instead of spans. Also move this...
[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 .sharedUploadNotice {
637 font-style: italic;
638 }
639
640 span.updatedmarker {
641 color: black;
642 background-color: #0f0;
643 }
644
645 table.gallery {
646 border: 1px solid #ccc;
647 margin: 2px;
648 padding: 2px;
649 background-color: white;
650 }
651
652 table.gallery tr {
653 vertical-align: top;
654 }
655
656 table.gallery td {
657 vertical-align: top;
658 background-color: #f9f9f9;
659 border: solid 2px white;
660 }
661 /* Keep this temporarily so that cached pages will display right */
662 table.gallery td.galleryheader {
663 text-align: center;
664 font-weight: bold;
665 }
666 table.gallery caption {
667 font-weight: bold;
668 }
669
670 div.gallerybox {
671 margin: 2px;
672 }
673
674 div.gallerybox div.thumb {
675 text-align: center;
676 border: 1px solid #ccc;
677 margin: 2px;
678 }
679
680 div.gallerytext {
681 overflow: hidden;
682 font-size: 94%;
683 padding: 2px 4px;
684 }
685
686 span.comment {
687 font-style: italic;
688 }
689
690 span.changedby {
691 font-size: 95%;
692 }
693
694 .previewnote {
695 text-indent: 3em;
696 color: #c00;
697 border-bottom: 1px solid #aaa;
698 padding-bottom: 1em;
699 margin-bottom: 1em;
700 }
701
702 .previewnote p {
703 margin: 0;
704 padding: 0;
705 }
706
707 .editExternally {
708 border: 1px solid gray;
709 background-color: #ffffff;
710 padding: 3px;
711 margin-top: 0.5em;
712 float: left;
713 font-size: small;
714 text-align: center;
715 }
716 .editExternallyHelp {
717 font-style: italic;
718 color: gray;
719 }
720
721 .toggle {
722 margin-left: 2em;
723 text-indent: -2em;
724 }
725
726 table.collapsed tr.collapsable {
727 display: none;
728 }
729
730 input#wpSummary {
731 width: 80%;
732 }
733
734 /* @bug 1714 */
735 input#wpSave, input#wpDiff {
736 margin-right: 0.33em;
737 }
738
739 #wpSave {
740 font-weight: bold;
741 }
742
743 /* Classes for article validation */
744
745 table.revisionform_default {
746 border: 1px solid #000000;
747 }
748
749 table.revisionform_focus {
750 border: 1px solid #000000;
751 background-color:#00BBFF;
752 }
753
754 tr.revision_tr_default {
755 background-color:#EEEEEE;
756 }
757
758 tr.revision_tr_first {
759 background-color:#DDDDDD;
760 }
761
762 p.revision_saved {
763 color: green;
764 font-weight:bold;
765 }
766
767 /* noarticletext */
768 div.noarticletext {
769 border: 1px solid #ccc;
770 background: #fff;
771 padding: .2em 1em;
772 color: #000;
773 }
774
775 div#searchTargetContainer {
776 left: 10px;
777 top: 10px;
778 width: 90%;
779 background: white;
780 }
781
782 div#searchTarget {
783 padding: 3px;
784 margin: 5px;
785 background: #F0F0F0;
786 border: solid 1px blue;
787 }
788
789 div#searchTarget ul li {
790 list-style: none;
791 }
792
793 div#searchTarget ul li:before {
794 color: orange;
795 content: "\00BB \0020";
796 }
797
798 div#searchTargetHide {
799 float:right;
800 border:solid 1px black;
801 background:gainsboro;
802 padding:2px;
803 }
804
805 div.multipageimagenavbox {
806 border: solid 1px silver;
807 padding: 4px;
808 margin: 1em;
809 background: #f0f0f0;
810 }
811
812 div.multipageimagenavbox div.thumb {
813 border: none;
814 margin-left: 2em;
815 margin-right: 2em;
816 }
817
818 div.multipageimagenavbox hr {
819 margin: 6px;
820 }
821
822 table.multipageimage td {
823 text-align: center;
824 }
825
826 /*
827 Table pager (e.g. Special:Imagelist)
828 - remove underlines from the navigation link
829 - collapse borders
830 - set the borders to outsets (similar to Special:Allmessages)
831 - remove line wrapping for all td and th, set background color
832 - restore line wrapping for the last two table cells (description and size)
833 */
834 .TablePager_nav a { text-decoration: none; }
835 .TablePager { border-collapse: collapse; }
836 .TablePager, .TablePager td, .TablePager th {
837 border: 1px solid #aaaaaa;
838 padding: 0 0.15em 0 0.15em;
839 }
840 .TablePager th { background-color: #eeeeff }
841 .TablePager td { background-color: #ffffff }
842 .TablePager tr:hover td { background-color: #eeeeff }
843
844 .imagelist td, .imagelist th { white-space: nowrap }
845 .imagelist .TablePager_col_links { background-color: #eeeeff }
846 .imagelist .TablePager_col_img_description { white-space: normal }
847 .imagelist th.TablePager_sort { background-color: #ccccff }
848
849 .templatesUsed { margin-top: 1.5em; }
850
851 .mw-summary-preview {
852 margin: 0.1em 0;
853 }
854
855 /* Friendlier slave lag warnings */
856 div.mw-lag-warn-normal,
857 div.mw-lag-warn-high {
858 padding: 3px;
859 text-align: center;
860 margin: 3px auto;
861 }
862 div.mw-lag-warn-normal {
863 border: 1px solid #FFCC66;
864 background-color: #FFFFCC;
865 }
866 div.mw-lag-warn-high {
867 font-weight: bold;
868 border: 2px solid #FF0033;
869 background-color: #FFCCCC;
870 }
871
872 .MediaTransformError {
873 background-color: #ccc;
874 padding: 0.1em;
875 }
876 .MediaTransformError td {
877 text-align: center;
878 vertical-align: middle;
879 font-size: 90%;
880 }
881 ul {
882 line-height: 1.5em;
883 list-style-type: square;
884 margin: .3em 0 0 1.5em;
885 padding: 0;
886 list-style-image: url(bullet.gif);
887 }
888 ol {
889 line-height: 1.5em;
890 margin: .3em 0 0 3.2em;
891 padding: 0;
892 list-style-image: none;
893 }
894 li {
895 margin-bottom: .1em;
896 }
897 dt {
898 font-weight: bold;
899 margin-bottom: .1em;
900 }
901 dl {
902 margin-top: .2em;
903 margin-bottom: .5em;
904 }
905
906 #p-cactions li.new a {
907 color: #cc2200;
908 }
909
910 span.subpages {
911 font-size: 80%;
912 display: block;
913 }
914
915 pre {
916 border: solid 1px #3c78b5;
917 padding: 0.4em;
918 background-color: #f0f0f0;
919 }
920
921 .usermessage {
922 background-color: #dadaff;
923 }
924
925 .mw-topboxes {
926 border-collapse: collapse;
927 margin: 0 -1em 1em -1em;
928 padding: 0 0 8px 0;
929 background: url(footer-grad.png) repeat-x bottom left;
930 }
931
932 .mw-topbox p {
933 padding: 0 0 0 0;
934 margin: 0 0 0 0;
935 }
936
937 .mw-topbox {
938 color: black;
939 font-weight: bold;
940 margin: 0 0 0 0;
941 padding: 0 1em 0 1em;
942 vertical-align: middle;
943 border-collapse: collapse;
944 border-bottom: solid 1px #bbbbbb;
945 }
946
947 #siteSub {
948 background-color: #dddddd;
949 }
950
951 /* emulate center */
952 .center {
953 width:100%;
954 text-align:center;
955 }
956 *.center * {
957 margin-left:auto;
958 margin-right:auto;
959 }
960
961 /* table standards */
962 .toccolours {
963 border:1px solid #bbbbbb;
964 background-color:#f0f0f0;
965 border-spacing:0pt;
966 margin:0pt;
967 padding:0pt;
968 }