(bug 16497) Paginate Special:AllMessages
[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 /* noarticletext */
779 div.noarticletext {
780 border: 1px solid #ccc;
781 background: #fff;
782 padding: .2em 1em;
783 color: #000;
784 }
785
786 div#searchTargetContainer {
787 left: 10px;
788 top: 10px;
789 width: 90%;
790 background: white;
791 }
792
793 div#searchTarget {
794 padding: 3px;
795 margin: 5px;
796 background: #F0F0F0;
797 border: solid 1px blue;
798 }
799
800 div#searchTarget ul li {
801 list-style: none;
802 }
803
804 div#searchTarget ul li:before {
805 color: orange;
806 content: "\00BB \0020";
807 }
808
809 div#searchTargetHide {
810 float:right;
811 border:solid 1px black;
812 background:gainsboro;
813 padding:2px;
814 }
815
816 div.multipageimagenavbox {
817 border: solid 1px silver;
818 padding: 4px;
819 margin: 1em;
820 background: #f0f0f0;
821 }
822
823 div.multipageimagenavbox div.thumb {
824 border: none;
825 margin-left: 2em;
826 margin-right: 2em;
827 }
828
829 div.multipageimagenavbox hr {
830 margin: 6px;
831 }
832
833 table.multipageimage td {
834 text-align: center;
835 }
836
837 /*
838 Table pager (e.g. Special:Imagelist)
839 - remove underlines from the navigation link
840 - collapse borders
841 - set the borders to outsets (similar to Special:Allmessages)
842 - remove line wrapping for all td and th, set background color
843 - restore line wrapping for the last two table cells (description and size)
844 */
845 .TablePager_nav a { text-decoration: none; }
846 .TablePager { border-collapse: collapse; }
847 .TablePager, .TablePager td, .TablePager th {
848 border: 1px solid #aaaaaa;
849 padding: 0 0.15em 0 0.15em;
850 }
851 .TablePager th { background-color: #eeeeff }
852 .TablePager td { background-color: #ffffff }
853 .TablePager tr:hover td { background-color: #eeeeff }
854
855 .imagelist td, .imagelist th { white-space: nowrap }
856 .imagelist .TablePager_col_links { background-color: #eeeeff }
857 .imagelist .TablePager_col_img_description { white-space: normal }
858 .imagelist th.TablePager_sort { background-color: #ccccff }
859
860 .templatesUsed { margin-top: 1.5em; }
861
862 .mw-summary-preview {
863 margin: 0.1em 0;
864 }
865
866 /* Friendlier slave lag warnings */
867 div.mw-lag-warn-normal,
868 div.mw-lag-warn-high {
869 padding: 3px;
870 text-align: center;
871 margin: 3px auto;
872 }
873 div.mw-lag-warn-normal {
874 border: 1px solid #FFCC66;
875 background-color: #FFFFCC;
876 }
877 div.mw-lag-warn-high {
878 font-weight: bold;
879 border: 2px solid #FF0033;
880 background-color: #FFCCCC;
881 }
882
883 .MediaTransformError {
884 background-color: #ccc;
885 padding: 0.1em;
886 }
887 .MediaTransformError td {
888 text-align: center;
889 vertical-align: middle;
890 font-size: 90%;
891 }
892 ul {
893 line-height: 1.5em;
894 list-style-type: square;
895 margin: .3em 0 0 1.5em;
896 padding: 0;
897 list-style-image: url(bullet.gif);
898 }
899 ol {
900 line-height: 1.5em;
901 margin: .3em 0 0 3.2em;
902 padding: 0;
903 list-style-image: none;
904 }
905 li {
906 margin-bottom: .1em;
907 }
908 dt {
909 font-weight: bold;
910 margin-bottom: .1em;
911 }
912 dl {
913 margin-top: .2em;
914 margin-bottom: .5em;
915 }
916
917 #p-cactions li.new a {
918 color: #cc2200;
919 }
920
921 span.subpages {
922 font-size: 80%;
923 display: block;
924 }
925
926 pre {
927 border: solid 1px #3c78b5;
928 padding: 0.4em;
929 background-color: #f0f0f0;
930 }
931
932 .usermessage {
933 background-color: #dadaff;
934 }
935
936 .mw-topboxes {
937 border-collapse: collapse;
938 margin: 0 -1em 1em -1em;
939 padding: 0 0 8px 0;
940 background: url(footer-grad.png) repeat-x bottom left;
941 }
942
943 .mw-topbox p {
944 padding: 0 0 0 0;
945 margin: 0 0 0 0;
946 }
947
948 .mw-topbox {
949 color: black;
950 font-weight: bold;
951 margin: 0 0 0 0;
952 padding: 0 1em 0 1em;
953 vertical-align: middle;
954 border-collapse: collapse;
955 border-bottom: solid 1px #bbbbbb;
956 }
957
958 #siteSub {
959 background-color: #dddddd;
960 }
961
962 /* emulate center */
963 .center {
964 width:100%;
965 text-align:center;
966 }
967 *.center * {
968 margin-left:auto;
969 margin-right:auto;
970 }
971
972 /* table standards */
973 .toccolours {
974 border:1px solid #bbbbbb;
975 background-color:#f0f0f0;
976 border-spacing:0pt;
977 margin:0pt;
978 padding:0pt;
979 }