Implement extension registration from an extension.json file
[mediawiki.git] / resources / src / mediawiki.legacy / shared.css
blobcf54cf9d7a33c39abc9d6e7127833bc24816e833
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 */
7 /* GENERAL CLASSES FOR DIRECTIONALITY SUPPORT */
9 /**
10 * These classes should be used for text depending on the content direction.
11 * Content stuff like editsection, ul/ol and TOC depend on this.
13 .mw-content-ltr {
14 /* @noflip */
15 direction: ltr;
18 .mw-content-rtl {
19 /* @noflip */
20 direction: rtl;
23 /* Most input fields should be in site direction */
24 .sitedir-ltr textarea,
25 .sitedir-ltr input {
26 /* @noflip */
27 direction: ltr;
30 .sitedir-rtl textarea,
31 .sitedir-rtl input {
32 /* @noflip */
33 direction: rtl;
36 .mw-userlink {
37 unicode-bidi: embed;
40 /* User-Agent styles for new HTML5 elements */
41 mark {
42 background-color: yellow;
43 color: black;
46 /* Helper for wbr element on IE 8+; in HTML5, but not supported by default as of IE 11. */
47 /* Note canonical HTML5 styles recommend "content: \u200B", but this doesn't work as of IE 11. */
48 wbr {
49 display: inline-block;
52 /* Input types that should follow user direction, like buttons */
53 /* TODO: What about buttons in wikipage content ? */
54 input[type="submit"],
55 input[type="button"],
56 input[type="reset"],
57 input[type="file"] {
58 direction: ltr;
61 /* Override default values */
62 textarea[dir="ltr"],
63 input[dir="ltr"] {
64 /* @noflip */
65 direction: ltr;
68 textarea[dir="rtl"],
69 input[dir="rtl"] {
70 /* @noflip */
71 direction: rtl;
74 /* Default style for semantic tags */
75 abbr[title],
76 .explain[title] {
77 border-bottom: 1px dotted;
78 cursor: help;
81 /* Colored watchlist and recent changes numbers */
82 .mw-plusminus-pos {
83 color: #006400; /* dark green */
86 .mw-plusminus-neg {
87 color: #8b0000; /* dark red */
90 .mw-plusminus-null {
91 color: #aaa; /* gray */
94 /**
95 * Links to redirects appear italicized on [[Special:AllPages]], [[Special:PrefixIndex]],
96 * [[Special:Watchlist/edit]] and in category listings.
98 .allpagesredirect,
99 .redirect-in-category,
100 .watchlistredir {
101 font-style: italic;
104 /* Comment and username portions of RC entries */
105 span.comment {
106 font-style: italic;
109 span.changedby {
110 font-size: 95%;
113 /* Math */
114 .texvc {
115 direction: ltr;
116 unicode-bidi: embed;
119 img.tex {
120 vertical-align: middle;
123 span.texhtml {
124 font-family: serif;
128 * Add a bit of margin space between the preview and the toolbar.
129 * This replaces the ugly <p><br /></p> we used to insert into the page source
131 #wikiPreview.ontop {
132 margin-bottom: 1em;
135 /* Stop floats from intruding into edit area in previews */
136 #editform,
137 #toolbar,
138 #wpTextbox1 {
139 clear: both;
143 * File description page
146 div.mw-filepage-resolutioninfo {
147 font-size: smaller;
151 * File histories
153 h2#filehistory {
154 clear: both;
157 table.filehistory th,
158 table.filehistory td {
159 vertical-align: top;
162 table.filehistory th {
163 text-align: left;
166 table.filehistory td.mw-imagepage-filesize,
167 table.filehistory th.mw-imagepage-filesize {
168 white-space: nowrap;
171 table.filehistory td.filehistory-selected {
172 font-weight: bold;
176 * Add a checkered background image on hover for file
177 * description pages. (bug 26470)
179 .filehistory a img,
180 #file img:hover {
181 /* @embed */
182 background: white url(images/checker.png) repeat;
186 * rev_deleted stuff
188 li span.deleted,
189 span.history-deleted {
190 text-decoration: line-through;
191 color: #888;
192 font-style: italic;
196 * Patrol stuff
198 .not-patrolled {
199 background-color: #ffa;
202 .unpatrolled {
203 font-weight: bold;
204 color: red;
207 div.patrollink {
208 font-size: 75%;
209 text-align: right;
213 * Forms
215 td.mw-label {
216 text-align: right;
219 td.mw-input {
220 text-align: left;
223 td.mw-submit {
224 text-align: left;
227 td.mw-label {
228 vertical-align: top;
231 .prefsection td.mw-label {
232 width: 20%;
235 .prefsection table {
236 width: 100%;
239 .prefsection table.mw-htmlform-matrix {
240 width: auto;
243 .mw-icon-question {
244 /* SVG support using a transparent gradient to guarantee cross-browser
245 * compatibility (browsers able to understand gradient syntax support also SVG).
246 * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
247 background-image: url(images/question.png);
248 /* @embed */
249 background-image: -webkit-linear-gradient(transparent, transparent), url(images/question.svg);
250 /* @embed */
251 background-image: linear-gradient(transparent, transparent), url(images/question.svg);
252 background-repeat: no-repeat;
253 background-size: 13px 13px;
254 display: inline-block;
255 height: 13px;
256 width: 13px;
257 margin-left: 4px;
260 .mw-icon-question:lang(ar),
261 .mw-icon-question:lang(fa),
262 .mw-icon-question:lang(ur) {
263 -webkit-transform: scaleX(-1);
264 -ms-transform: scaleX(-1);
265 transform: scaleX(-1);
268 td.mw-submit {
269 white-space: nowrap;
272 table.mw-htmlform-nolabel td.mw-label {
273 width: 1px;
276 tr.mw-htmlform-vertical-label td.mw-label {
277 text-align: left !important;
280 .mw-htmlform-invalid-input td.mw-input input {
281 border-color: red;
284 .mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
285 display: inline;
286 margin-right: 1em;
287 white-space: nowrap;
290 .mw-htmlform-matrix td {
291 padding-left: 0.5em;
292 padding-right: 0.5em;
295 input#wpSummary {
296 width: 80%;
297 margin-bottom: 1em;
301 * Image captions.
303 * This is only meant to provide the most basic of styles, visual settings shouldn't be added here.
306 /* @noflip */
307 .mw-content-ltr .thumbcaption {
308 text-align: left;
311 /* @noflip */
312 .mw-content-ltr .magnify {
313 float: right;
316 /* @noflip */
317 .mw-content-rtl .thumbcaption {
318 text-align: right;
321 /* @noflip */
322 .mw-content-rtl .magnify {
323 float: left;
327 * Categories
329 #catlinks {
331 * Overrides text justification (user preference)
332 * See bug 31990
334 text-align: left;
337 .catlinks ul {
338 display: inline;
339 margin: 0;
340 padding: 0;
341 list-style: none;
342 list-style-type: none;
343 list-style-image: none;
344 vertical-align: middle !ie;
347 .catlinks li {
348 display: inline-block;
349 line-height: 1.25em;
350 border-left: 1px solid #AAA;
351 margin: 0.125em 0;
352 padding: 0 0.5em;
353 zoom: 1;
354 display: inline !ie;
357 .catlinks li:first-child {
358 padding-left: 0.25em;
359 border-left: none;
362 /* (bug 5346) make category redirects italic */
363 .catlinks li a.mw-redirect {
364 font-style: italic;
368 * Hidden categories
370 .mw-hidden-cats-hidden {
371 display: none;
374 .catlinks-allhidden {
375 display: none;
379 * Convenience links to edit block, delete and protect reasons
380 * and upload licenses
382 p.mw-ipb-conveniencelinks,
383 p.mw-protect-editreasons,
384 p.mw-filedelete-editreasons,
385 p.mw-delete-editreasons,
386 p.mw-revdel-editreasons,
387 p.mw-upload-editlicenses {
388 font-size: 90%;
389 text-align: right;
392 /* Page history styling */
394 /* The auto-generated edit comments */
395 .autocomment {
396 color: gray;
399 #pagehistory .history-user {
400 margin-left: 0.4em;
401 margin-right: 0.2em;
404 #pagehistory span.minor {
405 font-weight: bold;
408 #pagehistory li {
409 border: 1px solid white;
412 #pagehistory li.selected {
413 background-color: #f9f9f9;
414 border: 1px dashed #aaa;
417 .mw-history-revisiondelete-button, #mw-fileduplicatesearch-icon {
418 float: right;
421 /** Generic minor/bot/newpage styling (recent changes) */
422 .newpage,
423 .minoredit,
424 .botedit {
425 font-weight: bold;
428 #shared-image-dup,
429 #shared-image-conflict {
430 font-style: italic;
434 * Recreating deleted page warning
435 * Reupload file warning
436 * Page protection warning
437 * incl. log entries for these warnings
439 div.mw-warning-with-logexcerpt {
440 padding: 3px;
441 margin-bottom: 3px;
442 border: 2px solid #2F6FAB;
443 clear: both;
446 div.mw-warning-with-logexcerpt ul li {
447 font-size: 90%;
450 /* (show/hide) revision deletion links */
451 span.mw-revdelundel-link,
452 strong.mw-revdelundel-link {
453 font-size: 90%;
456 span.mw-revdelundel-hidden,
457 input.mw-revdelundel-hidden {
458 visibility: hidden;
461 td.mw-revdel-checkbox,
462 th.mw-revdel-checkbox {
463 padding-right: 10px;
464 text-align: center;
467 /* red links; see bug 36276 */
468 a.new {
469 color: #BA0000;
472 /* feed links */
473 a.feedlink {
474 /* SVG support using a transparent gradient to guarantee cross-browser
475 * compatibility (browsers able to understand gradient syntax support also SVG).
476 * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
477 background-image: url(images/feed-icon.png);
478 /* @embed */
479 background-image: -webkit-linear-gradient(transparent, transparent), url(images/feed-icon.svg);
480 /* @embed */
481 background-image: linear-gradient(transparent, transparent), url(images/feed-icon.svg);
482 background-position: center left;
483 background-repeat: no-repeat;
484 background-size: 12px 12px;
485 padding-left: 16px;
488 /* Plainlinks - this can be used to switch
489 * off special external link styling */
490 .plainlinks a.external {
491 background: none !important;
492 padding: 0 !important;
495 /* External URLs should always be treated as LTR (bug 4330) */
496 /* @noflip */ .rtl a.external.free,
497 .rtl a.external.autonumber {
498 direction: ltr;
499 unicode-bidi: embed;
503 * wikitable class for skinning normal tables
504 * keep in sync with commonPrint.css
506 table.wikitable {
507 margin: 1em 0;
508 background-color: #f9f9f9;
509 border: 1px solid #aaa;
510 border-collapse: collapse;
511 color: black;
514 table.wikitable > tr > th,
515 table.wikitable > tr > td,
516 table.wikitable > * > tr > th,
517 table.wikitable > * > tr > td {
518 border: 1px solid #aaa;
519 padding: 0.2em;
522 table.wikitable > tr > th,
523 table.wikitable > * > tr > th {
524 background-color: #f2f2f2;
525 text-align: center;
528 table.wikitable > caption {
529 font-weight: bold;
532 /* success and error messages */
533 .error,
534 .warning,
535 .success {
536 font-size: larger;
539 .error {
540 color: #cc0000;
543 .warning {
544 color: #705000;
547 .success {
548 color: #009000;
551 .errorbox,
552 .warningbox,
553 .successbox {
554 border: 1px solid;
555 padding: .5em 1em;
556 margin-bottom: 1em;
557 display: -moz-inline-block;
558 display: inline-block;
559 zoom: 1;
560 *display: inline;
563 .errorbox h2,
564 .warningbox h2,
565 .successbox h2 {
566 font-size: 1em;
567 color: inherit;
568 font-weight: bold;
569 display: inline;
570 margin: 0 .5em 0 0;
571 border: none;
574 .errorbox {
575 color: #cc0000;
576 border-color: #fac5c5;
577 background-color: #fae3e3;
580 .warningbox {
581 color: #705000;
582 border-color: #fde29b;
583 background-color: #fdf1d1;
586 .successbox {
587 color: #008000;
588 border-color: #b7fdb5;
589 background-color: #e1fddf;
592 /* general info/warning box for SP */
593 .mw-infobox {
594 border: 2px solid #ff7f00;
595 margin: 0.5em;
596 clear: left;
597 overflow: hidden;
600 .mw-infobox-left {
601 margin: 7px;
602 float: left;
603 width: 35px;
606 .mw-infobox-right {
607 margin: 0.5em 0.5em 0.5em 49px;
610 /* Note on preview page */
611 .previewnote {
612 color: #c00;
613 margin-bottom: 1em;
616 .previewnote p {
617 text-indent: 3em;
618 margin: 0.8em 0;
621 .visualClear {
622 clear: both;
626 * Data table style
628 * Transparent table with suddle borders
629 * and blue row-highlighting.
631 .mw-datatable {
632 border-collapse: collapse;
635 .mw-datatable,
636 .mw-datatable td,
637 .mw-datatable th {
638 border: 1px solid #aaaaaa;
639 padding: 0 0.15em 0 0.15em;
642 .mw-datatable th {
643 background-color: #ddddff;
646 .mw-datatable td {
647 background-color: #ffffff;
650 .mw-datatable tr:hover td {
651 background-color: #eeeeff;
654 /* filetoc */
655 ul#filetoc {
656 text-align: center;
657 border: 1px solid #aaaaaa;
658 background-color: #f9f9f9;
659 padding: 5px;
660 font-size: 95%;
661 margin-bottom: 0.5em;
662 margin-left: 0;
663 margin-right: 0;
666 #filetoc li {
667 display: inline;
668 list-style-type: none;
669 padding-right: 2em;
672 /* Classes for Exif data display */
673 table.mw_metadata {
674 font-size: 0.8em;
675 margin-left: 0.5em;
676 margin-bottom: 0.5em;
677 width: 400px;
680 table.mw_metadata caption {
681 font-weight: bold;
684 table.mw_metadata th {
685 font-weight: normal;
688 table.mw_metadata td {
689 padding: 0.1em;
692 table.mw_metadata {
693 border: none;
694 border-collapse: collapse;
697 table.mw_metadata td,
698 table.mw_metadata th {
699 text-align: center;
700 border: 1px solid #aaaaaa;
701 padding-left: 5px;
702 padding-right: 5px;
705 table.mw_metadata th {
706 background-color: #f9f9f9;
709 table.mw_metadata td {
710 background-color: #fcfcfc;
713 table.mw_metadata ul.metadata-langlist {
714 list-style-type: none;
715 list-style-image: none;
716 padding-right: 5px;
717 padding-left: 5px;
718 margin: 0;
721 /* Correct directionality when page dir is different from site/user dir */
722 .mw-content-ltr ul,
723 .mw-content-rtl .mw-content-ltr ul {
724 /* @noflip */
725 margin: 0.3em 0 0 1.6em;
726 padding: 0;
729 .mw-content-rtl ul,
730 .mw-content-ltr .mw-content-rtl ul {
731 /* @noflip */
732 margin: 0.3em 1.6em 0 0;
733 padding: 0;
736 .mw-content-ltr ol,
737 .mw-content-rtl .mw-content-ltr ol {
738 /* @noflip */
739 margin: 0.3em 0 0 3.2em;
740 padding: 0;
743 .mw-content-rtl ol,
744 .mw-content-ltr .mw-content-rtl ol {
745 /* @noflip */
746 margin: 0.3em 3.2em 0 0;
747 padding: 0;
750 /* @noflip */
751 .mw-content-ltr dd,
752 .mw-content-rtl .mw-content-ltr dd {
753 margin-left: 1.6em;
754 margin-right: 0;
757 /* @noflip */
758 .mw-content-rtl dd,
759 .mw-content-ltr .mw-content-rtl dd {
760 margin-right: 1.6em;
761 margin-left: 0;
764 /* Galleries */
765 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
766 /* Don't forget to update commonPrint.css */
767 li.gallerybox {
768 vertical-align: top;
769 display: -moz-inline-box;
770 display: inline-block;
773 ul.gallery,
774 li.gallerybox {
775 zoom: 1;
776 *display: inline;
779 ul.gallery {
780 margin: 2px;
781 padding: 2px;
782 display: block;
785 li.gallerycaption {
786 font-weight: bold;
787 text-align: center;
788 display: block;
789 word-wrap: break-word;
792 li.gallerybox div.thumb {
793 text-align: center;
794 border: 1px solid #ccc;
795 background-color: #f9f9f9;
796 margin: 2px;
799 li.gallerybox div.thumb img {
800 display: block;
801 margin: 0 auto;
804 div.gallerytext {
805 overflow: hidden;
806 font-size: 94%;
807 padding: 2px 4px;
808 word-wrap: break-word;
811 /* new gallery stuff */
812 ul.mw-gallery-nolines li.gallerybox div.thumb {
813 background-color: transparent;
814 border: none;
817 ul.mw-gallery-nolines li.gallerybox div.gallerytext {
818 text-align: center;
821 /* height constrained gallery */
823 ul.mw-gallery-packed li.gallerybox div.thumb,
824 ul.mw-gallery-packed-overlay li.gallerybox div.thumb,
825 ul.mw-gallery-packed-hover li.gallerybox div.thumb {
826 background-color: transparent;
827 border: none;
830 ul.mw-gallery-packed li.gallerybox div.thumb img,
831 ul.mw-gallery-packed-overlay li.gallerybox div.thumb img,
832 ul.mw-gallery-packed-hover li.gallerybox div.thumb img {
833 margin: 0 auto;
836 ul.mw-gallery-packed-hover li.gallerybox,
837 ul.mw-gallery-packed-overlay li.gallerybox {
838 position: relative;
841 ul.mw-gallery-packed-hover div.gallerytextwrapper {
842 overflow: hidden;
843 height: 0;
846 ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
847 ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
848 ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
849 position: absolute;
850 background: white;
851 background: rgba(255, 255, 255, 0.8);
852 padding: 5px 10px;
853 bottom: 0;
854 left: 0; /* Needed for IE */
855 height: auto;
856 font-weight: bold;
857 margin: 2px; /* correspond to style on div.thumb */
860 ul.mw-gallery-packed-hover,
861 ul.mw-gallery-packed-overlay,
862 ul.mw-gallery-packed {
863 text-align: center;
866 .mw-ajax-loader {
867 /* @embed */
868 background-image: url(images/ajax-loader.gif);
869 background-position: center center;
870 background-repeat: no-repeat;
871 padding: 16px;
872 position: relative;
873 top: -16px;
876 .mw-small-spinner {
877 padding: 10px !important;
878 margin-right: 0.6em;
879 /* @embed */
880 background-image: url(images/spinner.gif);
881 background-position: center center;
882 background-repeat: no-repeat;
885 /* Language specific height correction for titles. Ref Bug 29405 and Bug 30809 */
886 /* Languages like hi or ml require slightly more vertical space to show diacritics properly */
887 h1:lang(anp),
888 h1:lang(as),
889 h1:lang(bh), /* Macrolanguage, used on bh.wikipedia.org, should be removed one day */
890 h1:lang(bho),
891 h1:lang(bn),
892 h1:lang(gu),
893 h1:lang(hi),
894 h1:lang(kn),
895 h1:lang(ks),
896 h1:lang(ml),
897 h1:lang(mr),
898 h1:lang(my),
899 h1:lang(mai),
900 h1:lang(ne),
901 h1:lang(new),
902 h1:lang(or),
903 h1:lang(pa),
904 h1:lang(pi),
905 h1:lang(sa),
906 h1:lang(ta),
907 h1:lang(te) {
908 line-height: 1.6em !important;
911 h2:lang(anp), h3:lang(anp), h4:lang(anp), h5:lang(anp), h6:lang(anp),
912 h2:lang(as), h3:lang(as), h4:lang(as), h5:lang(as), h6:lang(as),
913 h2:lang(bho), h3:lang(bho), h4:lang(bho), h5:lang(bho), h6:lang(bho),
914 h2:lang(bh), h3:lang(bh), h4:lang(bh), h5:lang(bh), h6:lang(bh),
915 h2:lang(bn), h3:lang(bn), h4:lang(bn), h5:lang(bn), h6:lang(bn),
916 h2:lang(gu), h3:lang(gu), h4:lang(gu), h5:lang(gu), h6:lang(gu),
917 h2:lang(hi), h3:lang(hi), h4:lang(hi), h5:lang(hi), h6:lang(hi),
918 h2:lang(kn), h3:lang(kn), h4:lang(kn), h5:lang(kn), h6:lang(kn),
919 h2:lang(ks), h3:lang(ks), h4:lang(ks), h5:lang(ks), h6:lang(ks),
920 h2:lang(ml), h3:lang(ml), h4:lang(ml), h5:lang(ml), h6:lang(ml),
921 h2:lang(mr), h3:lang(mr), h4:lang(mr), h5:lang(mr), h6:lang(mr),
922 h2:lang(my), h3:lang(my), h4:lang(my), h5:lang(my), h6:lang(my),
923 h2:lang(mai), h3:lang(mai), h4:lang(mai), h5:lang(mai), h6:lang(mai),
924 h2:lang(ne), h3:lang(ne), h4:lang(ne), h5:lang(ne), h6:lang(ne),
925 h2:lang(new), h3:lang(new), h4:lang(new), h5:lang(new), h6:lang(new),
926 h2:lang(or), h3:lang(or), h4:lang(or), h5:lang(or), h6:lang(or),
927 h2:lang(pa), h3:lang(pa), h4:lang(pa), h5:lang(pa), h6:lang(pa),
928 h2:lang(pi), h3:lang(pi), h4:lang(pi), h5:lang(pi), h6:lang(pi),
929 h2:lang(sa), h3:lang(sa), h4:lang(sa), h5:lang(sa), h6:lang(sa),
930 h2:lang(ta), h3:lang(ta), h4:lang(ta), h5:lang(ta), h6:lang(ta),
931 h2:lang(te), h3:lang(te), h4:lang(te), h5:lang(te), h6:lang(te) {
932 line-height: 1.2em;
935 /* Localised ordered list numbering for some languages */
936 ol:lang(bcc) li,
937 ol:lang(bqi) li,
938 ol:lang(fa) li,
939 ol:lang(glk) li,
940 ol:lang(kk-arab) li,
941 ol:lang(mzn) li {
942 list-style-type: -moz-persian;
943 list-style-type: persian;
946 ol:lang(ckb) li {
947 list-style-type: -moz-arabic-indic;
948 list-style-type: arabic-indic;
951 ol:lang(hi) li,
952 ol:lang(mr) li {
953 list-style-type: -moz-devanagari;
954 list-style-type: devanagari;
957 ol:lang(as) li,
958 ol:lang(bn) li {
959 list-style-type: -moz-bengali;
960 list-style-type: bengali;
963 ol:lang(or) li {
964 list-style-type: -moz-oriya;
965 list-style-type: oriya;
968 #toc ul, .toc ul {
969 margin: .3em 0;
972 /* Correct directionality when page dir is different from site/user dir */
973 /* @noflip */ .mw-content-ltr .toc ul,
974 .mw-content-ltr #toc ul,
975 .mw-content-rtl .mw-content-ltr .toc ul,
976 .mw-content-rtl .mw-content-ltr #toc ul {
977 text-align: left;
980 /* @noflip */ .mw-content-rtl .toc ul,
981 .mw-content-rtl #toc ul,
982 .mw-content-ltr .mw-content-rtl .toc ul,
983 .mw-content-ltr .mw-content-rtl #toc ul {
984 text-align: right;
987 /* @noflip */ .mw-content-ltr .toc ul ul,
988 .mw-content-ltr #toc ul ul,
989 .mw-content-rtl .mw-content-ltr .toc ul ul,
990 .mw-content-rtl .mw-content-ltr #toc ul ul {
991 margin: 0 0 0 2em;
994 /* @noflip */ .mw-content-rtl .toc ul ul,
995 .mw-content-rtl #toc ul ul,
996 .mw-content-ltr .mw-content-rtl .toc ul ul,
997 .mw-content-ltr .mw-content-rtl #toc ul ul {
998 margin: 0 2em 0 0;
1001 #toc #toctitle,
1002 .toc #toctitle,
1003 #toc .toctitle,
1004 .toc .toctitle {
1005 direction: ltr;
1008 /* tooltip styles */
1009 .mw-help-field-hint {
1010 display: none;
1011 margin-left: 2px;
1012 margin-bottom: -8px;
1013 padding: 0 0 0 15px;
1014 /* @embed */
1015 background-image: url(images/help-question.gif);
1016 background-position: left center;
1017 background-repeat: no-repeat;
1018 cursor: pointer;
1019 font-size: .8em;
1020 text-decoration: underline;
1021 color: #0645ad;
1024 .mw-help-field-hint:hover {
1025 /* @embed */
1026 background-image: url(images/help-question-hover.gif);
1029 .mw-help-field-data {
1030 display: block;
1031 background-color: #d6f3ff;
1032 padding: 5px 8px 4px 8px;
1033 border: 1px solid #5dc9f4;
1034 margin-left: 20px;
1037 #mw-clearyourcache,
1038 #mw-sitecsspreview,
1039 #mw-sitejspreview,
1040 #mw-usercsspreview,
1041 #mw-userjspreview {
1042 direction: ltr;
1043 unicode-bidi: embed;
1046 /* Correct user & content directionality when viewing a diff */
1047 .diff-currentversion-title,
1048 .diff {
1049 direction: ltr;
1050 unicode-bidi: embed;
1053 /* @noflip */ .diff-contentalign-right td {
1054 direction: rtl;
1055 unicode-bidi: embed;
1058 /* @noflip */ .diff-contentalign-left td {
1059 direction: ltr;
1060 unicode-bidi: embed;
1063 .diff-multi,
1064 .diff-otitle,
1065 .diff-ntitle,
1066 .diff-lineno {
1067 direction: ltr !important;
1068 unicode-bidi: embed;
1071 #mw-revision-info,
1072 #mw-revision-info-current,
1073 #mw-revision-nav {
1074 direction: ltr;
1075 display: inline;
1078 /* Images */
1080 /* @noflip */ div.tright,
1081 div.floatright,
1082 table.floatright {
1083 clear: right;
1084 float: right;
1087 /* @noflip */ div.tleft,
1088 div.floatleft,
1089 table.floatleft {
1090 float: left;
1091 clear: left;
1094 div.floatright,
1095 table.floatright,
1096 div.floatleft,
1097 table.floatleft {
1098 position: relative;
1101 /* bug 12205 */
1102 #mw-credits a {
1103 unicode-bidi: embed;
1106 /* Accessibility */
1107 .mw-jump,
1108 #jump-to-nav {
1109 overflow: hidden;
1110 height: 0;
1111 zoom: 1; /* http://webaim.org/techniques/skipnav/#iequirk */
1114 /* Print footer should be hidden by default in screen. */
1115 .printfooter {
1116 display: none;
1119 /* For developers */
1120 .xdebug-error {
1121 position: absolute;
1122 z-index: 99;
1125 .mw-editsection,
1126 .toctoggle,
1127 #jump-to-nav {
1128 -moz-user-select: none;
1129 -webkit-user-select: none;
1130 -ms-user-select: none;
1131 user-select: none;
1134 /* Display editsection links smaller and next to headings */
1135 .mw-editsection,
1136 .mw-editsection-like {
1137 font-size: small;
1138 font-weight: normal;
1139 margin-left: 1em;
1140 vertical-align: baseline;
1141 /* Reset line-height; headings tend to have it set to larger values */
1142 line-height: 1em;
1143 /* As .mw-editsection is a <span> (inline element), it is treated as part */
1144 /* of the heading content when selecting text by multiple clicks and thus */
1145 /* selected together with heading content, despite the user-select: none; */
1146 /* rule set above. This enforces non-selection without changing the look. */
1147 display: inline-block;
1150 /* Correct directionality when page dir is different from site/user dir */
1151 /* @noflip */
1152 .mw-content-ltr .mw-editsection,
1153 .mw-content-rtl .mw-content-ltr .mw-editsection {
1154 margin-left: 1em;
1157 /* @noflip */
1158 .mw-content-rtl .mw-editsection,
1159 .mw-content-ltr .mw-content-rtl .mw-editsection {
1160 margin-right: 1em;
1163 /* Prevent citations and subscripts from interfering with the line-height */
1164 sup,
1165 sub {
1166 line-height: 1;