b32f578debec3933066f88809be153502fe90ed8
[lhc/web/wiklou.git] / skins / common / shared.css
1 /**
2 * CSS in this file is used by *all* skins (that have any CSS at all). Be
3 * careful what you put in here, since what looks good in one skin may not in
4 * another, but don't ignore the poor pre-Monobook users either.
5 */
6
7 /* Colored watchlist and recent changes numbers */
8 .mw-plusminus-pos { color: #006400; } /* dark green */
9 .mw-plusminus-neg { color: #8b0000; } /* dark red */
10 .mw-plusminus-null { color: #aaa; } /* gray */
11
12 /* Links to redirects appear italicized on [[Special:AllPages]],
13 and in category listings */
14 .allpagesredirect, .redirect-in-category { font-style: italic; }
15
16 /* Comment and username portions of RC entries */
17 span.comment {
18 font-style: italic;
19 }
20
21 span.changedby {
22 font-size: 95%;
23 }
24
25 /* Math */
26 .texvc {
27 direction: ltr;
28 unicode-bidi: embed;
29 }
30 img.tex { vertical-align: middle; }
31 span.texhtml { font-family: serif; }
32
33 /* add a bit of margin space between the preview and the toolbar */
34 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
35 #wikiPreview.ontop { margin-bottom: 1em; }
36
37 /* Stop floats from intruding into edit area in previews */
38 #editform, #toolbar, #wpTextbox1 {
39 clear: both;
40 }
41
42 div#mw-js-message {
43 margin: 1em 5%;
44 padding: 0.5em 2.5%;
45 border: solid 1px #ddd;
46 background-color: #fcfcfc;
47 }
48
49 /* Edit section links */
50 .editsection {
51 float: right;
52 margin-left: 5px;
53 }
54
55 /**
56 * File histories
57 */
58 h2#filehistory {
59 clear: both;
60 }
61
62 table.filehistory th,
63 table.filehistory td {
64 vertical-align: top;
65 }
66 table.filehistory th {
67 text-align: left;
68 }
69 table.filehistory td.mw-imagepage-filesize,
70 table.filehistory th.mw-imagepage-filesize {
71 white-space: nowrap;
72 }
73
74 table.filehistory td.filehistory-selected {
75 font-weight: bold;
76 }
77
78 /*
79 * rev_deleted stuff
80 */
81 li span.deleted, span.history-deleted {
82 text-decoration: line-through;
83 color: #888;
84 font-style: italic;
85 }
86
87 /**
88 * Patrol stuff
89 */
90 .not-patrolled {
91 background-color: #ffa;
92 }
93
94 .unpatrolled {
95 font-weight: bold;
96 color: red;
97 }
98
99 div.patrollink {
100 font-size: 75%;
101 text-align: right;
102 }
103
104 /**
105 * Forms
106 */
107 body.ltr td.mw-label { text-align: right; }
108 body.ltr td.mw-input { text-align: left; }
109 body.ltr td.mw-submit { text-align: left; }
110 body.rtl td.mw-label { text-align: left; }
111 body.rtl td.mw-input { text-align: right; }
112 body.rtl td.mw-submit { text-align: right; }
113
114 td.mw-label { vertical-align: top; }
115 .prefsection td.mw-label { width: 20%; }
116 .prefsection table { width: 100%; }
117 td.mw-submit { white-space: nowrap; }
118
119 table.mw-htmlform-nolabel td.mw-label {
120 width: 0 !important;
121 }
122
123 tr.mw-htmlform-vertical-label td.mw-label {
124 text-align: left !important;
125 }
126
127 input#wpSummary {
128 width: 80%;
129 }
130
131 /**
132 * Image captions
133 */
134 body.rtl .thumbcaption { text-align: right; }
135 body.rtl .magnify { float: left; }
136
137 body.ltr .thumbcaption { text-align: left; }
138 body.ltr .magnify { float: right; }
139
140 /**
141 * Hidden categories
142 */
143 .mw-hidden-cats-hidden { display: none; }
144 .catlinks-allhidden { display: none; }
145
146 /* Convenience links to edit block, delete and protect reasons */
147 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
148 p.mw-filedelete-editreasons, p.mw-delete-editreasons,
149 p.mw-revdel-editreasons {
150 font-size: 90%;
151 float: right;
152 }
153
154 /* Search results */
155 .searchresults {
156 }
157
158 .searchresults p {
159 margin-left: 0.4em;
160 margin-top: 1em;
161 margin-bottom: 1.2em;
162 }
163
164 div.searchresult {
165 font-size: 95%;
166 width: 38em;
167 }
168
169 .mw-search-results {
170 margin-left: 0.4em;
171 }
172
173 .mw-search-results li {
174 padding-bottom: 1em;
175 list-style: none;
176 list-style-image: none;
177 }
178 .mw-search-results li a {
179 font-size: 108%;
180 }
181
182 .mw-search-result-data {
183 color: green;
184 font-size: 97%;
185 }
186
187 .mw-search-formheader {
188 background-color: #f3f3f3;
189 margin-top: 1em;
190 border: 1px solid silver;
191 }
192 .mw-search-formheader div.search-types {
193 float: left;
194 padding-left: 0.25em;
195 }
196 .rtl .mw-search-formheader div.search-types {
197 float: right;
198 }
199 .mw-search-formheader div.search-types ul {
200 margin: 0 !important;
201 padding: 0 !important;
202 list-style: none !important;
203 }
204 .mw-search-formheader div.search-types ul li {
205 float: left;
206 margin: 0;
207 padding: 0;
208 }
209 .mw-search-formheader div.search-types ul li a {
210 display: block;
211 padding: 0.5em;
212 }
213 .mw-search-formheader div.search-types ul li.current a {
214 color: #333333;
215 cursor: default;
216 }
217 .mw-search-formheader div.search-types ul li.current a:hover {
218 text-decoration: none;
219 }
220 .mw-search-formheader div.results-info {
221 float: right;
222 padding: 0.5em;
223 padding-right: 0.75em;
224 }
225 .mw-search-formheader div.results-info ul {
226 margin: 0 !important;
227 padding: 0 !important;
228 list-style: none !important;
229 }
230 .mw-search-formheader div.results-info ul li {
231 float: right;
232 margin: 0;
233 padding: 0;
234 }
235 fieldset#mw-searchoptions {
236 margin: 0;
237 padding-left: 0.75em !important;
238 padding-right: 0.75em !important;
239 padding-bottom: 0.5em !important;
240 padding-top: 0.5em !important;
241 border: none;
242 background-color: #f9f9f9;
243 border: 1px solid silver !important;
244 border-top-width: 0 !important;
245 }
246 fieldset#mw-searchoptions legend {
247 display: none;
248 }
249 fieldset#mw-searchoptions h4 {
250 padding: 0;
251 margin: 0;
252 float: left;
253 }
254 .rtl fieldset#mw-searchoptions h4 {
255 float: right;
256 }
257 fieldset#mw-searchoptions div#mw-search-togglebox {
258 float: right;
259 }
260 .rtl fieldset#mw-searchoptions div#mw-search-togglebox {
261 float: left;
262 }
263
264 fieldset#mw-searchoptions div#mw-search-togglebox label {
265 margin-right: 0.25em;
266 }
267 fieldset#mw-searchoptions div#mw-search-togglebox input {
268 margin-left: 0.25em;
269 }
270 fieldset#mw-searchoptions table {
271 float: left;
272 margin-right: 3em;
273 }
274 fieldset#mw-searchoptions table td {
275 padding-right: 1em;
276 }
277 .rtl fieldset#mw-searchoptions table td {
278 padding-left: 1em;
279 padding-right: 0;
280 }
281 body.rtl fieldset#mw-searchoptions table {
282 margin-right: 0;
283 margin-left: 3em;
284 float: right;
285 }
286 fieldset#mw-searchoptions div.divider {
287 clear: both;
288 border-bottom: 1px solid #DDDDDD;
289 padding-top: 0.5em;
290 margin-bottom: 0.5em;
291 }
292
293 td#mw-search-menu {
294 padding-left:6em;
295 font-size:85%;
296 }
297
298 div#mw-search-interwiki {
299 float: right;
300 width: 18em;
301 border-style: solid;
302 border-color: #AAAAAA;
303 border-width: 1px;
304 margin-top: 2ex;
305 }
306
307 .rtl div#mw-search-interwiki {
308 float: left;
309 }
310
311 div#mw-search-interwiki li {
312 font-size: 95%;
313 }
314
315 .mw-search-interwiki-more {
316 float: right;
317 font-size: 90%;
318 }
319
320 .rtl .mw-search-interwiki-more {
321 float: left;
322 }
323
324 div#mw-search-interwiki-caption {
325 text-align: center;
326 font-weight: bold;
327 font-size: 95%;
328 }
329
330 .mw-search-interwiki-project {
331 font-size: 97%;
332 text-align: left;
333 padding-left: 0.2em;
334 padding-right: 0.15em;
335 padding-bottom: 0.2em;
336 padding-top: 0.15em;
337 background-color: #ececec;
338 border-top: 1px solid #BBBBBB;
339 }
340
341 .rtl .mw-search-interwiki-project {
342 text-align: right;
343 }
344
345 span.searchalttitle {
346 font-size: 95%;
347 }
348
349 div.searchdidyoumean {
350 font-size: 127%;
351 margin-top: 0.8em;
352 /* Note that this color won't affect the link, as desired. */
353 color: #c00;
354 }
355
356 div.searchdidyoumean em {
357 font-weight: bold;
358 }
359
360 .searchmatch {
361 font-weight: bold;
362 }
363
364 table#mw-search-top-table {
365 background-color: transparent;
366 }
367
368
369 /*
370 * Advanced PowerSearch box
371 */
372 td#mw-search-togglebox {
373 text-align: right;
374 }
375
376 table#mw-search-powertable {
377 width: 100%;
378 }
379
380 form#powersearch {
381 clear: both;
382 }
383
384 /*
385 * UserRights stuff
386 */
387 .mw-userrights-disabled {
388 color: #888;
389 }
390
391 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
392 padding-right: 1.5em;
393 }
394
395 /*
396 * OpenSearch ajax suggestions
397 */
398 .os-suggest {
399 overflow: auto;
400 overflow-x: hidden;
401 position: absolute;
402 top: 0px;
403 left: 0px;
404 width: 0px;
405 background-color: white;
406 background-color: Window;
407 border-style: solid;
408 border-color: #AAAAAA;
409 border-width: 1px;
410 z-index:99;
411 font-size:95%;
412 }
413
414 table.os-suggest-results {
415 font-size: 95%;
416 cursor: pointer;
417 border: 0;
418 border-collapse: collapse;
419 width: 100%;
420 }
421
422 .os-suggest-result, .os-suggest-result-hl {
423 white-space: nowrap;
424 background-color: white;
425 background-color: Window;
426 color: black;
427 color: WindowText;
428 padding: 2px;
429 }
430 .os-suggest-result-hl,
431 .os-suggest-result-hl-webkit {
432 background-color: #4C59A6;
433 color: white;
434 }
435 .os-suggest-result-hl {
436 /* System colors are misimplemented in Safari 3.0 and earlier,
437 making highlighted text illegible... */
438 background-color: Highlight;
439 color: HighlightText;
440 }
441
442 .os-suggest-toggle {
443 position: relative;
444 left: 1ex;
445 font-size: 65%;
446 }
447 .os-suggest-toggle-def {
448 position: absolute;
449 top: 0px;
450 left: 0px;
451 font-size: 65%;
452 visibility: hidden;
453 }
454
455 /* Page history styling */
456 /* the auto-generated edit comments */
457 .autocomment { color: gray; }
458 #pagehistory .history-user {
459 margin-left: 0.4em;
460 margin-right: 0.2em;
461 }
462 #pagehistory span.minor {
463 font-weight: bold;
464 }
465 #pagehistory li {
466 border: 1px solid white;
467 }
468 #pagehistory li.selected {
469 background-color: #f9f9f9;
470 border: 1px dashed #aaa;
471 }
472
473 /** Generic minor/bot/newpage styling */
474 .newpage, .minor, .bot {
475 font-weight: bold;
476 }
477
478 /* Special:Contributions styling */
479 .mw-uctop {
480 font-weight: bold;
481 }
482
483 /* Special:ListGroupRights styling */
484 table.mw-listgrouprights-table tr {
485 vertical-align: top;
486 }
487 .listgrouprights-revoked {
488 text-decoration: line-through;
489 }
490
491 /* Special:Statistics styling */
492 td.mw-statistics-numbers {
493 text-align: right;
494 }
495
496 /* Special:SpecialPages styling */
497 h4.mw-specialpagesgroup {
498 background-color: #dcdcdc;
499 padding: 2px;
500 margin: .3em 0em 0em 0em;
501 }
502 .mw-specialpagerestricted {
503 font-weight: bold;
504 }
505
506 #shared-image-dup, #shared-image-conflict {
507 font-style: italic;
508 }
509
510 /* Special:EmailUser styling */
511 table.mw-emailuser-table {
512 width: 98%;
513 }
514 td#mw-emailuser-sender, td#mw-emailuser-recipient {
515 font-weight: bold;
516 }
517
518 /* Special:Allpages styling */
519 table.allpageslist {
520 background-color: transparent;
521 }
522 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
523 background-color: transparent;
524 width: 100%;
525 }
526 td.mw-allpages-alphaindexline {
527 text-align: right;
528 }
529 td.mw-allpages-nav, p.mw-allpages-nav {
530 text-align: right;
531 font-size: smaller;
532 margin-bottom: 1em;
533 }
534 table.mw-allpages-table-form tr {
535 vertical-align: top;
536 }
537
538 /* Special:Prefixindex styling */
539 table#mw-prefixindex-list-table,
540 table#mw-prefixindex-nav-table {
541 width: 98%;
542 background-color: transparent;
543 }
544 td#mw-prefixindex-nav-form {
545 font-size: smaller;
546 margin-bottom: 1em;
547 text-align: right;
548 vertical-align: top;
549 }
550
551 /*
552 * Recreating deleted page warning
553 * Reupload file warning
554 * Page protection warning
555 * incl. log entries for these warnings
556 */
557 div.mw-warning-with-logexcerpt {
558 padding: 3px;
559 margin-bottom: 3px;
560 border: 2px solid #2F6FAB;
561 clear: both;
562 }
563 div.mw-warning-with-logexcerpt ul li {
564 font-size: 90%;
565 }
566
567 /* (show/hide) revision deletion links */
568 span.mw-revdelundel-link,
569 strong.mw-revdelundel-link {
570 font-size: 90%;
571 }
572 span.mw-revdelundel-hidden,
573 input.mw-revdelundel-hidden {
574 visibility: hidden;
575 }
576
577 td.mw-revdel-checkbox, th.mw-revdel-checkbox {
578 padding-right: 10px;
579 text-align: center;
580 }
581
582 /* feed links */
583 a.feedlink {
584 background: url("images/feed-icon.png") center left no-repeat;
585 padding-left: 16px;
586 }
587
588 /* Plainlinks - this can be used to switch
589 * off special external link styling */
590 .plainlinks a {
591 background: none !important;
592 padding: 0 !important;
593 }
594
595 /* wikitable class for skinning normal tables
596 * keep on sync with commonPrint.css
597 */
598 table.wikitable {
599 margin: 1em 1em 1em 0;
600 background: #f9f9f9;
601 border: 1px #aaa solid;
602 border-collapse: collapse;
603 }
604 .wikitable th, .wikitable td {
605 border: 1px #aaa solid;
606 padding: 0.2em;
607 }
608 .wikitable th {
609 background: #f2f2f2;
610 text-align: center;
611 }
612 .wikitable caption {
613 font-weight: bold;
614 }
615
616 /* hide initially collapsed collapsable tables */
617 table.collapsed tr.collapsable {
618 display: none;
619 }
620
621 /* success and error messages */
622 .success {
623 color: green;
624 font-size: larger;
625 }
626 .error {
627 color: red;
628 font-size: larger;
629 }
630 .errorbox, .successbox {
631 font-size: larger;
632 border: 2px solid;
633 padding: .5em 1em;
634 float: left;
635 margin-bottom: 2em;
636 color: #000;
637 }
638 .errorbox {
639 border-color: red;
640 background-color: #fff2f2;
641 }
642 .successbox {
643 border-color: green;
644 background-color: #dfd;
645 }
646 .errorbox h2, .successbox h2 {
647 font-size: 1em;
648 font-weight: bold;
649 display: inline;
650 margin: 0 .5em 0 0;
651 border: none;
652 }
653
654 /* Note on preview page */
655 .previewnote {
656 color: #c00;
657 margin-bottom: 1em;
658 }
659
660 .previewnote p {
661 text-indent: 3em;
662 margin: 0.8em 0;
663 }
664
665 .visualClear {
666 clear: both;
667 }
668
669 #mw_trackbacks {
670 border: solid 1px #bbbbff;
671 background-color: #eeeeff;
672 padding: 0.2em;
673 }
674
675 /*
676 Table pager (e.g. Special:ListFiles)
677 - remove underlines from the navigation link
678 - collapse borders
679 - set the borders to outsets (similar to Special:AllMessages)
680 - remove line wrapping for all td and th, set background color
681 - restore line wrapping for the last two table cells (description and size)
682 */
683 .TablePager {
684 min-width: 80%;
685 border-collapse: collapse;
686 }
687 .TablePager_nav a {
688 text-decoration: none;
689 }
690 .TablePager, .TablePager td, .TablePager th {
691 border: 1px solid #aaaaaa;
692 padding: 0 0.15em 0 0.15em;
693 }
694 .TablePager th {
695 background-color: #eeeeff;
696 }
697 .TablePager td {
698 background-color: #ffffff;
699 }
700 .TablePager tr:hover td {
701 background-color: #eeeeff;
702 }
703
704 .imagelist td, .imagelist th {
705 white-space: nowrap;
706 }
707 .imagelist .TablePager_col_links {
708 background-color: #eeeeff;
709 }
710 .imagelist .TablePager_col_img_description {
711 white-space: normal;
712 }
713 .imagelist th.TablePager_sort {
714 background-color: #ccccff;
715 }
716
717 /* Allmessages table */
718 #mw-allmessagestable .allmessages-customised td.am_default {
719 background-color: #fcffc4;
720 }
721
722 #mw-allmessagestable tr.allmessages-customised:hover td.am_default {
723 background-color: #faff90;
724 }
725
726 #mw-allmessagestable td.am_actual {
727 background-color: #e2ffe2;
728 }
729
730 #mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual {
731 background-color: #b1ffb1;
732 }
733
734 /* filetoc */
735 ul#filetoc {
736 text-align: center;
737 border: 1px solid #aaaaaa;
738 background-color: #f9f9f9;
739 padding: 5px;
740 font-size: 95%;
741 margin-bottom: 0.5em;
742 margin-left: 0;
743 margin-right: 0;
744 }
745
746 #filetoc li {
747 display: inline;
748 list-style-type: none;
749 padding-right: 2em;
750 }
751
752 /* Classes for EXIF data display */
753 table.mw_metadata {
754 font-size: 0.8em;
755 margin-left: 0.5em;
756 margin-bottom: 0.5em;
757 width: 300px;
758 }
759
760 table.mw_metadata caption {
761 font-weight: bold;
762 }
763
764 table.mw_metadata th {
765 font-weight: normal;
766 }
767
768 table.mw_metadata td {
769 padding: 0.1em;
770 }
771
772 table.mw_metadata {
773 border: none;
774 border-collapse: collapse;
775 }
776
777 table.mw_metadata td, table.mw_metadata th {
778 text-align: center;
779 border: 1px solid #aaaaaa;
780 padding-left: 0.1em;
781 padding-right: 0.1em;
782 }
783
784 table.mw_metadata th {
785 background-color: #f9f9f9;
786 }
787
788 table.mw_metadata td {
789 background-color: #fcfcfc;
790 }
791
792 /* Galleries */
793 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
794 li.gallerybox {
795 vertical-align: top;
796 background-color: #f9f9f9;
797 border: solid 2px white;
798 display: -moz-inline-box;
799 }
800
801 ul.gallery, li.gallerybox {
802 display: inline-block;
803 zoom: 1;
804 *display: inline;
805 }
806
807 ul.gallery {
808 margin: 2px;
809 padding: 2px;
810 background-color: white;
811 display: block;
812 }
813
814 li.gallerycaption {
815 font-weight: bold;
816 text-align: center;
817 display: block;
818 word-wrap: break-word;
819 }
820
821 li.gallerybox div.thumb {
822 text-align: center;
823 border: 1px solid #ccc;
824 margin: 2px;
825 }
826
827 div.gallerytext {
828 overflow: hidden;
829 font-size: 94%;
830 padding: 2px 4px;
831 word-wrap: break-word;
832 }
833
834 table.mw-enhanced-rc {
835 background: none;
836 border:0;
837 border-spacing:0;
838 }
839 td.mw-enhanced-rc {
840 white-space:nowrap;
841 padding:0;
842 vertical-align:top;
843 font-family:monospace
844 }
845
846 #mw-addcategory-prompt {
847 display: inline;
848 margin-left: 1em;
849 }
850
851 #mw-addcategory-prompt input {
852 margin-left: 0.5em;
853 margin-right: 0.5em;
854 }
855
856 .mw-remove-category {
857 padding: 8px;
858 background-image: url(images/remove.png);
859 background-position: center center;
860 background-repeat: no-repeat;
861 }
862
863 .mw-ajax-addcategory {
864 padding-left: 20px;
865 background-image: url(images/add.png);
866 background-position: left center;
867 background-repeat: no-repeat;
868 }
869
870 .mw-ajax-loader {
871 background-image: url(images/ajax-loader.gif);
872 background-position: center center;
873 background-repeat: no-repeat;
874 padding: 16px;
875 position: relative;
876 top: -16px;
877 }
878
879 .mw-small-spinner {
880 padding: 10px !important;
881 margin-right: 0.6em;
882 background-image: url(images/spinner.gif);
883 background-position: center center;
884 background-repeat: no-repeat;
885 }
886
887 /* Sort arrows added by SortableTables */
888 a.sortheader {
889 margin: 0 0.3em;
890 }
891
892 /* Localised ordered list numbering for some languages */
893 ol:lang(bcc) li,
894 ol:lang(bqi) li,
895 ol:lang(fa) li,
896 ol:lang(glk) li,
897 ol:lang(kk-arab) li,
898 ol:lang(mzn) li {
899 list-style-type: -moz-persian;
900 list-style-type: persian;
901 }
902
903 ol:lang(ckb) li {
904 list-style-type: -moz-arabic-indic;
905 list-style-type: arabic-indic;
906 }
907
908 ol:lang(bn) li {
909 list-style-type: -moz-bengali;
910 list-style-type: bengali;
911 }
912
913 /* tooltip styles */
914 .mw-help-field-hint {
915 display: none;
916 padding: 0px;
917 padding-left: 15px;
918 margin-left: 2px;
919 margin-bottom: -8px;
920 background-image: url('images/help-question.gif');
921 background-position: left center;
922 background-repeat: no-repeat;
923 color: #0645ad;
924 text-decoration: underline;
925 cursor: pointer;
926 font-size: .8em;
927 }
928 .mw-help-field-hint:hover {
929 background-image: url('images/help-question-hover.gif');
930 }
931 .mw-help-field-data {
932 display: block;
933 background-color: #d6f3ff;
934 padding:5px 8px 4px 8px;
935 border: 1px solid #5dc9f4;
936 margin-left: 20px;
937 }
938 .tipsy { padding: 5px 5px 10px; font-size: 12px; position: absolute; z-index: 100000; overflow: visible; }
939 .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #d6f3ff; color: black; border: 1px solid #5dc9f4; max-width: 300px; text-align: left; }
940 .tipsy-arrow { position: absolute; background: url( 'images/tipsy-arrow.gif' ) no-repeat top left; width: 13px; height: 13px; }
941 .tipsy-se .tipsy-arrow { bottom: -2px; right: 10px; background-position: 0% 100%; }