phpcs: More require/include is not a function
[mediawiki.git] / skins / common / shared.css
blobfb140b266216a25c0058284e0afea99b97012a14
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;
17 .mw-content-rtl {
18 /* @noflip */
19 direction: rtl;
22 /* Most input fields should be in site direction */
23 .sitedir-ltr textarea,
24 .sitedir-ltr input {
25 /* @noflip */
26 direction: ltr;
28 .sitedir-rtl textarea,
29 .sitedir-rtl input {
30 /* @noflip */
31 direction: rtl;
34 /* User-Agent styles for new HTML5 elements */
35 mark {
36 background-color: yellow;
37 color: black;
40 /* Input types that should follow user direction, like buttons */
41 /* TODO: What about buttons in wikipage content ? */
42 input[type="submit"],
43 input[type="button"],
44 input[type="reset"],
45 input[type="file"] {
46 direction: ltr;
49 /* Override default values */
50 textarea[dir="ltr"],
51 input[dir="ltr"] {
52 /* @noflip */
53 direction: ltr;
55 textarea[dir="rtl"],
56 input[dir="rtl"] {
57 /* @noflip */
58 direction: rtl;
61 /* Default style for semantic tags */
62 abbr,
63 acronym,
64 .explain {
65 border-bottom: 1px dotted;
66 cursor: help;
69 /* Colored watchlist and recent changes numbers */
70 .mw-plusminus-pos {
71 color: #006400; /* dark green */
73 .mw-plusminus-neg {
74 color: #8b0000; /* dark red */
76 .mw-plusminus-null {
77 color: #aaa; /* gray */
80 /**
81 * Links to redirects appear italicized on [[Special:AllPages]], [[Special:PrefixIndex]],
82 * [[Special:Watchlist/edit]] and in category listings.
84 .allpagesredirect,
85 .redirect-in-category,
86 .watchlistredir {
87 font-style: italic;
90 /* Comment and username portions of RC entries */
91 span.comment {
92 font-style: italic;
95 span.changedby {
96 font-size: 95%;
99 /* Math */
100 .texvc {
101 direction: ltr;
102 unicode-bidi: embed;
104 img.tex {
105 vertical-align: middle;
107 span.texhtml {
108 font-family: serif;
112 * Add a bit of margin space between the preview and the toolbar.
113 * This replaces the ugly <p><br /></p> we used to insert into the page source
115 #wikiPreview.ontop {
116 margin-bottom: 1em;
119 /* Stop floats from intruding into edit area in previews */
120 #editform,
121 #toolbar,
122 #wpTextbox1 {
123 clear: both;
126 #toolbar img {
127 cursor: pointer;
130 /* Edit section links */
131 /* Correct directionality when page dir is different from site/user dir */
132 /* @noflip */
133 .mw-content-ltr .editsection,
134 .mw-content-rtl .mw-content-ltr .editsection {
135 float: right;
136 margin-left: 5px;
138 /* @noflip */
139 .mw-content-rtl .editsection,
140 .mw-content-ltr .mw-content-rtl .editsection {
141 float: left;
142 margin-right: 5px;
146 * File description page
149 div.mw-filepage-resolutioninfo {
150 font-size: smaller;
154 * File histories
156 h2#filehistory {
157 clear: both;
160 table.filehistory th,
161 table.filehistory td {
162 vertical-align: top;
164 table.filehistory th {
165 text-align: left;
167 table.filehistory td.mw-imagepage-filesize,
168 table.filehistory th.mw-imagepage-filesize {
169 white-space: nowrap;
172 table.filehistory td.filehistory-selected {
173 font-weight: bold;
177 * Add a checkered background image on hover for file
178 * description pages. (bug 26470)
180 .filehistory a img,
181 #file img:hover {
182 /* @embed */
183 background: white url(images/Checker-16x16.png) repeat;
187 * rev_deleted stuff
189 li span.deleted,
190 span.history-deleted {
191 text-decoration: line-through;
192 color: #888;
193 font-style: italic;
197 * Patrol stuff
199 .not-patrolled {
200 background-color: #ffa;
203 .unpatrolled {
204 font-weight: bold;
205 color: red;
208 div.patrollink {
209 font-size: 75%;
210 text-align: right;
214 * Forms
216 td.mw-label {
217 text-align: right;
219 td.mw-input {
220 text-align: left;
222 td.mw-submit {
223 text-align: left;
226 td.mw-label {
227 vertical-align: top;
229 .prefsection td.mw-label {
230 width: 20%;
232 .prefsection table {
233 width: 100%;
235 .prefsection table.mw-htmlform-matrix {
236 width: auto;
238 td.mw-submit {
239 white-space: nowrap;
242 table.mw-htmlform-nolabel td.mw-label {
243 width: 1px;
246 tr.mw-htmlform-vertical-label td.mw-label {
247 text-align: left !important;
250 .mw-htmlform-invalid-input td.mw-input input {
251 border-color: red;
254 .mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
255 display: inline;
256 margin-right: 1em;
257 white-space: nowrap;
260 .mw-htmlform-matrix td {
261 padding-left: 0.5em;
262 padding-right: 0.5em;
265 input#wpSummary {
266 width: 80%;
267 margin-bottom: 1em;
271 * Image captions
273 /* @noflip */
274 .mw-content-ltr .thumbcaption {
275 text-align: left;
277 /* @noflip */
278 .mw-content-rtl .thumbcaption {
279 text-align: right;
281 /* @noflip */
282 .mw-content-ltr .magnify {
283 float: right;
285 /* @noflip */
286 .mw-content-rtl .magnify {
287 float: left;
291 * Categories
293 #catlinks {
295 * Overrides text justification (user preference)
296 * See bug 31990
298 text-align: left;
300 .catlinks ul {
301 display: inline;
302 margin: 0;
303 padding: 0;
304 list-style: none;
305 list-style-type: none;
306 list-style-image: none;
307 vertical-align: middle !ie;
310 .catlinks li {
311 display: inline-block;
312 line-height: 1.25em;
313 border-left: 1px solid #AAA;
314 margin: 0.125em 0;
315 padding: 0 0.5em;
316 zoom: 1;
317 display: inline !ie;
320 .catlinks li:first-child {
321 padding-left: 0.25em;
322 border-left: none;
325 /* (bug 5346) make category redirects italic */
326 .catlinks li a.mw-redirect {
327 font-style: italic;
330 * Hidden categories
332 .mw-hidden-cats-hidden {
333 display: none;
335 .catlinks-allhidden {
336 display: none;
339 /* Convenience links to edit block, delete and protect reasons */
340 p.mw-ipb-conveniencelinks,
341 p.mw-protect-editreasons,
342 p.mw-filedelete-editreasons,
343 p.mw-delete-editreasons,
344 p.mw-revdel-editreasons {
345 font-size: 90%;
346 text-align: right;
350 * OpenSearch ajax suggestions
352 .os-suggest {
353 overflow: auto;
354 overflow-x: hidden;
355 position: absolute;
356 top: 0;
357 left: 0;
358 width: 0;
359 background-color: white;
360 border-style: solid;
361 border-color: #AAAAAA;
362 border-width: 1px;
363 z-index:99;
364 font-size:95%;
367 table.os-suggest-results {
368 font-size: 95%;
369 cursor: pointer;
370 border: 0;
371 border-collapse: collapse;
372 width: 100%;
375 .os-suggest-result,
376 .os-suggest-result-hl {
377 white-space: nowrap;
378 background-color: white;
379 color: black;
380 padding: 2px;
382 .os-suggest-result-hl,
383 .os-suggest-result-hl-webkit {
384 background-color: #4C59A6;
385 color: white;
388 .os-suggest-toggle {
389 position: relative;
390 left: 1ex;
391 font-size: 65%;
393 .os-suggest-toggle-def {
394 position: absolute;
395 top: 0;
396 left: 0;
397 font-size: 65%;
398 visibility: hidden;
401 /* Page history styling */
403 /* The auto-generated edit comments */
404 .autocomment {
405 color: gray;
407 #pagehistory .history-user {
408 margin-left: 0.4em;
409 margin-right: 0.2em;
411 #pagehistory span.minor {
412 font-weight: bold;
414 #pagehistory li {
415 border: 1px solid white;
417 #pagehistory li.selected {
418 background-color: #f9f9f9;
419 border: 1px dashed #aaa;
422 .mw-history-revisiondelete-button, #mw-fileduplicatesearch-icon {
423 float: right;
426 /** Generic minor/bot/newpage styling (recent changes) */
427 .newpage,
428 .minoredit,
429 .botedit {
430 font-weight: bold;
433 #shared-image-dup,
434 #shared-image-conflict {
435 font-style: italic;
439 * Recreating deleted page warning
440 * Reupload file warning
441 * Page protection warning
442 * incl. log entries for these warnings
444 div.mw-warning-with-logexcerpt {
445 padding: 3px;
446 margin-bottom: 3px;
447 border: 2px solid #2F6FAB;
448 clear: both;
450 div.mw-warning-with-logexcerpt ul li {
451 font-size: 90%;
454 /* (show/hide) revision deletion links */
455 span.mw-revdelundel-link,
456 strong.mw-revdelundel-link {
457 font-size: 90%;
459 span.mw-revdelundel-hidden,
460 input.mw-revdelundel-hidden {
461 visibility: hidden;
464 td.mw-revdel-checkbox,
465 th.mw-revdel-checkbox {
466 padding-right: 10px;
467 text-align: center;
470 /* red links; see bug 36276 */
471 a.new {
472 color: #BA0000;
475 /* feed links */
476 a.feedlink {
477 /* @embed */
478 background: url(images/feed-icon.png) center left no-repeat;
479 padding-left: 16px;
482 /* Plainlinks - this can be used to switch
483 * off special external link styling */
484 .plainlinks a {
485 background: none !important;
486 padding: 0 !important;
488 /* External URLs should always be treated as LTR (bug 4330) */
489 /* @noflip */ .rtl a.external.free,
490 .rtl a.external.autonumber {
491 direction: ltr;
492 unicode-bidi: embed;
496 * wikitable class for skinning normal tables
497 * keep in sync with commonPrint.css
499 table.wikitable {
500 margin: 1em 0;
501 background-color: #f9f9f9;
502 border: 1px #aaa solid;
503 border-collapse: collapse;
504 color: black;
506 table.wikitable > tr > th,
507 table.wikitable > tr > td,
508 table.wikitable > * > tr > th,
509 table.wikitable > * > tr > td {
510 border: 1px #aaa solid;
511 padding: 0.2em;
513 table.wikitable > tr > th,
514 table.wikitable > * > tr > th {
515 background-color: #f2f2f2;
516 text-align: center;
518 table.wikitable > caption {
519 font-weight: bold;
522 /* hide initially collapsed collapsable tables */
523 table.collapsed tr.collapsable {
524 display: none;
527 /* success and error messages */
528 .success {
529 color: green;
530 font-size: larger;
532 .warning {
533 color: #FFA500; /* orange */
534 font-size: larger;
536 .error {
537 color: red;
538 font-size: larger;
540 .errorbox,
541 .warningbox,
542 .successbox {
543 font-size: larger;
544 border: 2px solid;
545 padding: .5em 1em;
546 margin-bottom: 2em;
547 color: #000;
548 display: -moz-inline-block;
549 display: inline-block;
550 zoom: 1;
551 *display: inline;
553 .errorbox {
554 border-color: red;
555 background-color: #fff2f2;
557 .warningbox {
558 border-color: #FF8C00; /* darkorange */
559 background-color: #FFFFC0;
561 .successbox {
562 border-color: green;
563 background-color: #dfd;
565 .errorbox h2,
566 .warningbox h2,
567 .successbox h2 {
568 font-size: 1em;
569 font-weight: bold;
570 display: inline;
571 margin: 0 .5em 0 0;
572 border: none;
575 /* general info/warning box for SP */
576 .mw-infobox {
577 border: 2px solid #ff7f00;
578 margin: 0.5em;
579 clear: left;
580 overflow: hidden;
583 .mw-infobox-left {
584 margin: 7px;
585 float: left;
586 width: 35px;
589 .mw-infobox-right {
590 margin: 0.5em 0.5em 0.5em 49px;
593 /* Note on preview page */
594 .previewnote {
595 color: #c00;
596 margin-bottom: 1em;
599 .previewnote p {
600 text-indent: 3em;
601 margin: 0.8em 0;
604 .visualClear {
605 clear: both;
608 #mw_trackbacks {
609 border: solid 1px #bbbbff;
610 background-color: #eeeeff;
611 padding: 0.2em;
615 * Data table style
617 * Transparent table with suddle borders
618 * and blue row-highlighting.
620 .mw-datatable {
621 border-collapse: collapse;
623 .mw-datatable,
624 .mw-datatable td,
625 .mw-datatable th {
626 border: 1px solid #aaaaaa;
627 padding: 0 0.15em 0 0.15em;
629 .mw-datatable th {
630 background-color: #ddddff;
632 .mw-datatable td {
633 background-color: #ffffff;
635 .mw-datatable tr:hover td {
636 background-color: #eeeeff;
641 * TablePager tables generated by the TablePager PHP class
642 * in MediaWiki (e.g. Special:ListFiles).
644 .TablePager {
645 min-width: 80%;
647 .TablePager_nav {
648 margin: 0 auto;
650 .TablePager_nav td {
651 padding: 3px;
652 text-align: center;
654 .TablePager_nav a {
655 text-decoration: none;
658 .imagelist td,
659 .imagelist th {
660 white-space: nowrap;
662 .imagelist .TablePager_col_links {
663 background-color: #eeeeff;
665 .imagelist .TablePager_col_img_description {
666 white-space: normal;
668 .imagelist th.TablePager_sort {
669 background-color: #ccccff;
672 /* filetoc */
673 ul#filetoc {
674 text-align: center;
675 border: 1px solid #aaaaaa;
676 background-color: #f9f9f9;
677 padding: 5px;
678 font-size: 95%;
679 margin-bottom: 0.5em;
680 margin-left: 0;
681 margin-right: 0;
684 #filetoc li {
685 display: inline;
686 list-style-type: none;
687 padding-right: 2em;
690 /* Classes for Exif data display */
691 table.mw_metadata {
692 font-size: 0.8em;
693 margin-left: 0.5em;
694 margin-bottom: 0.5em;
695 width: 400px;
698 table.mw_metadata caption {
699 font-weight: bold;
702 table.mw_metadata th {
703 font-weight: normal;
706 table.mw_metadata td {
707 padding: 0.1em;
710 table.mw_metadata {
711 border: none;
712 border-collapse: collapse;
715 table.mw_metadata td,
716 table.mw_metadata th {
717 text-align: center;
718 border: 1px solid #aaaaaa;
719 padding-left: 5px;
720 padding-right: 5px;
723 table.mw_metadata th {
724 background-color: #f9f9f9;
727 table.mw_metadata td {
728 background-color: #fcfcfc;
731 table.mw_metadata ul.metadata-langlist {
732 list-style-type: none;
733 list-style-image: none;
734 padding-right: 5px;
735 padding-left: 5px;
736 margin: 0;
739 /* Correct directionality when page dir is different from site/user dir */
740 .mw-content-ltr ul,
741 .mw-content-rtl .mw-content-ltr ul {
742 /* @noflip */
743 margin: 0.3em 0 0 1.6em;
744 padding: 0;
746 .mw-content-rtl ul,
747 .mw-content-ltr .mw-content-rtl ul {
748 /* @noflip */
749 margin: 0.3em 1.6em 0 0;
750 padding: 0;
752 .mw-content-ltr ol,
753 .mw-content-rtl .mw-content-ltr ol {
754 /* @noflip */
755 margin: 0.3em 0 0 3.2em;
756 padding: 0;
758 .mw-content-rtl ol,
759 .mw-content-ltr .mw-content-rtl ol {
760 /* @noflip */
761 margin: 0.3em 3.2em 0 0;
762 padding: 0;
764 /* @noflip */
765 .mw-content-ltr dd,
766 .mw-content-rtl .mw-content-ltr dd {
767 margin-left: 1.6em;
768 margin-right: 0;
770 /* @noflip */
771 .mw-content-rtl dd,
772 .mw-content-ltr .mw-content-rtl dd {
773 margin-right: 1.6em;
774 margin-left: 0;
777 /* Galleries */
778 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
779 /* Don't forget to update commonPrint.css */
780 li.gallerybox {
781 vertical-align: top;
782 display: -moz-inline-box;
783 display: inline-block;
786 ul.gallery,
787 li.gallerybox {
788 zoom: 1;
789 *display: inline;
792 ul.gallery {
793 margin: 2px;
794 padding: 2px;
795 display: block;
798 li.gallerycaption {
799 font-weight: bold;
800 text-align: center;
801 display: block;
802 word-wrap: break-word;
805 li.gallerybox div.thumb {
806 text-align: center;
807 border: 1px solid #ccc;
808 background-color: #f9f9f9;
809 margin: 2px;
812 li.gallerybox div.thumb img {
813 display: block;
814 margin: 0 auto;
817 div.gallerytext {
818 overflow: hidden;
819 font-size: 94%;
820 padding: 2px 4px;
821 word-wrap: break-word;
824 .mw-ajax-loader {
825 /* @embed */
826 background-image: url(images/ajax-loader.gif);
827 background-position: center center;
828 background-repeat: no-repeat;
829 padding: 16px;
830 position: relative;
831 top: -16px;
834 .mw-small-spinner {
835 padding: 10px !important;
836 margin-right: 0.6em;
837 /* @embed */
838 background-image: url(images/spinner.gif);
839 background-position: center center;
840 background-repeat: no-repeat;
843 /* Language specific height correction for titles. Ref Bug 29405 and Bug 30809 */
844 /* Languages like hi or ml require slightly more vertical space to show diacritics properly */
845 h1:lang(anp),
846 h1:lang(as),
847 h1:lang(bh), /* Macrolanguage, used on bh.wikipedia.org, should be removed one day */
848 h1:lang(bho),
849 h1:lang(bn),
850 h1:lang(gu),
851 h1:lang(hi),
852 h1:lang(kn),
853 h1:lang(ks),
854 h1:lang(ml),
855 h1:lang(mr),
856 h1:lang(my),
857 h1:lang(mai),
858 h1:lang(ne),
859 h1:lang(new),
860 h1:lang(or),
861 h1:lang(pa),
862 h1:lang(pi),
863 h1:lang(sa),
864 h1:lang(ta),
865 h1:lang(te) {
866 line-height: 1.6em !important;
868 h2:lang(anp), h3:lang(anp), h4:lang(anp), h5:lang(anp), h6:lang(anp),
869 h2:lang(as), h3:lang(as), h4:lang(as), h5:lang(as), h6:lang(as),
870 h2:lang(bho), h3:lang(bho), h4:lang(bho), h5:lang(bho), h6:lang(bho),
871 h2:lang(bh), h3:lang(bh), h4:lang(bh), h5:lang(bh), h6:lang(bh),
872 h2:lang(bn), h3:lang(bn), h4:lang(bn), h5:lang(bn), h6:lang(bn),
873 h2:lang(gu), h3:lang(gu), h4:lang(gu), h5:lang(gu), h6:lang(gu),
874 h2:lang(hi), h3:lang(hi), h4:lang(hi), h5:lang(hi), h6:lang(hi),
875 h2:lang(kn), h3:lang(kn), h4:lang(kn), h5:lang(kn), h6:lang(kn),
876 h2:lang(ks), h3:lang(ks), h4:lang(ks), h5:lang(ks), h6:lang(ks),
877 h2:lang(ml), h3:lang(ml), h4:lang(ml), h5:lang(ml), h6:lang(ml),
878 h2:lang(mr), h3:lang(mr), h4:lang(mr), h5:lang(mr), h6:lang(mr),
879 h2:lang(my), h3:lang(my), h4:lang(my), h5:lang(my), h6:lang(my),
880 h2:lang(mai), h3:lang(mai), h4:lang(mai), h5:lang(mai), h6:lang(mai),
881 h2:lang(ne), h3:lang(ne), h4:lang(ne), h5:lang(ne), h6:lang(ne),
882 h2:lang(new), h3:lang(new), h4:lang(new), h5:lang(new), h6:lang(new),
883 h2:lang(or), h3:lang(or), h4:lang(or), h5:lang(or), h6:lang(or),
884 h2:lang(pa), h3:lang(pa), h4:lang(pa), h5:lang(pa), h6:lang(pa),
885 h2:lang(pi), h3:lang(pi), h4:lang(pi), h5:lang(pi), h6:lang(pi),
886 h2:lang(sa), h3:lang(sa), h4:lang(sa), h5:lang(sa), h6:lang(sa),
887 h2:lang(ta), h3:lang(ta), h4:lang(ta), h5:lang(ta), h6:lang(ta),
888 h2:lang(te), h3:lang(te), h4:lang(te), h5:lang(te), h6:lang(te) {
889 line-height: 1.2em;
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;
903 ol:lang(ckb) li {
904 list-style-type: -moz-arabic-indic;
905 list-style-type: arabic-indic;
908 ol:lang(hi) li,
909 ol:lang(mr) li {
910 list-style-type: -moz-devanagari;
911 list-style-type: devanagari;
914 ol:lang(as) li,
915 ol:lang(bn) li {
916 list-style-type: -moz-bengali;
917 list-style-type: bengali;
920 ol:lang(or) li {
921 list-style-type: -moz-oriya;
922 list-style-type: oriya;
925 #toc ul, .toc ul {
926 margin: .3em 0;
929 /* Correct directionality when page dir is different from site/user dir */
930 /* @noflip */ .mw-content-ltr .toc ul,
931 .mw-content-ltr #toc ul,
932 .mw-content-rtl .mw-content-ltr .toc ul,
933 .mw-content-rtl .mw-content-ltr #toc ul {
934 text-align: left;
936 /* @noflip */ .mw-content-rtl .toc ul,
937 .mw-content-rtl #toc ul,
938 .mw-content-ltr .mw-content-rtl .toc ul,
939 .mw-content-ltr .mw-content-rtl #toc ul {
940 text-align: right;
942 /* @noflip */ .mw-content-ltr .toc ul ul,
943 .mw-content-ltr #toc ul ul,
944 .mw-content-rtl .mw-content-ltr .toc ul ul,
945 .mw-content-rtl .mw-content-ltr #toc ul ul {
946 margin: 0 0 0 2em;
948 /* @noflip */ .mw-content-rtl .toc ul ul,
949 .mw-content-rtl #toc ul ul,
950 .mw-content-ltr .mw-content-rtl .toc ul ul,
951 .mw-content-ltr .mw-content-rtl #toc ul ul {
952 margin: 0 2em 0 0;
955 #toc #toctitle,
956 .toc #toctitle,
957 #toc .toctitle,
958 .toc .toctitle {
959 direction: ltr;
962 /* tooltip styles */
963 .mw-help-field-hint {
964 display: none;
965 margin-left: 2px;
966 margin-bottom: -8px;
967 padding: 0 0 0 15px;
968 /* @embed */
969 background-image: url('images/help-question.gif');
970 background-position: left center;
971 background-repeat: no-repeat;
972 cursor: pointer;
973 font-size: .8em;
974 text-decoration: underline;
975 color: #0645ad;
977 .mw-help-field-hint:hover {
978 /* @embed */
979 background-image: url('images/help-question-hover.gif');
981 .mw-help-field-data {
982 display: block;
983 background-color: #d6f3ff;
984 padding:5px 8px 4px 8px;
985 border: 1px solid #5dc9f4;
986 margin-left: 20px;
988 .tipsy {
989 padding: 5px 5px 10px;
990 font-size: 12px;
991 position: absolute;
992 z-index: 100000;
993 overflow: visible;
995 .tipsy-inner {
996 padding: 5px 8px 4px 8px;
997 background-color: #d6f3ff;
998 color: black;
999 border: 1px solid #5dc9f4;
1000 max-width: 300px;
1001 text-align: left;
1003 .tipsy-arrow {
1004 position: absolute;
1005 /* @embed */
1006 background: url(images/tipsy-arrow.gif) no-repeat top left;
1007 width: 13px;
1008 height: 13px;
1010 .tipsy-se .tipsy-arrow {
1011 bottom: -2px;
1012 right: 10px;
1013 background-position: 0% 100%;
1016 #mw-clearyourcache,
1017 #mw-sitecsspreview,
1018 #mw-sitejspreview,
1019 #mw-usercsspreview,
1020 #mw-userjspreview {
1021 direction: ltr;
1022 unicode-bidi: embed;
1025 /* Correct user & content directionality when viewing a diff */
1026 .diff-currentversion-title,
1027 .diff {
1028 direction: ltr;
1029 unicode-bidi: embed;
1031 /* @noflip */ .diff-contentalign-right td {
1032 direction: rtl;
1033 unicode-bidi: embed;
1035 /* @noflip */ .diff-contentalign-left td {
1036 direction: ltr;
1037 unicode-bidi: embed;
1039 .diff-otitle,
1040 .diff-ntitle,
1041 .diff-lineno {
1042 direction: ltr !important;
1043 unicode-bidi: embed;
1046 #mw-revision-info,
1047 #mw-revision-info-current,
1048 #mw-revision-nav {
1049 direction: ltr;
1050 display: inline;
1053 /* Images */
1055 /* @noflip */ div.tright,
1056 div.floatright,
1057 table.floatright {
1058 clear: right;
1059 float: right;
1061 /* @noflip */ div.tleft,
1062 div.floatleft,
1063 table.floatleft {
1064 float: left;
1065 clear: left;
1067 div.floatright,
1068 table.floatright,
1069 div.floatleft,
1070 table.floatleft {
1071 position: relative;
1074 /* bug 12205 */
1075 #mw-credits a {
1076 unicode-bidi: embed;
1079 /* Accessibility */
1080 .mw-jump,
1081 #jump-to-nav {
1082 overflow: hidden;
1083 height: 0;
1084 zoom: 1; /* http://webaim.org/techniques/skipnav/#iequirk */
1087 /* Print footer should be hidden by default in screen. */
1088 .printfooter {
1089 display: none;
1092 /* For developpers */
1093 .xdebug-error {
1094 position: absolute;
1095 z-index: 99;
1098 .mw-editsection, .editsection, .toctoggle {
1099 -moz-user-select: none;
1100 -webkit-user-select: none;
1101 -ms-user-select: none;
1102 user-select: none;
1105 /* Display editsection links smaller and next to headings */
1106 .mw-editsection {
1107 font-size: small;
1108 font-weight: normal;
1109 margin-left: 1em;
1110 vertical-align: baseline;
1111 /* Reset line-height; headings tend to have it set to larger values */
1112 line-height: 1em;
1113 /* As .mw-editsection is a <span> (inline element), it is treated as part */
1114 /* of the heading content when selecting text by multiple clicks and thus */
1115 /* selected together with heading content, despite the user-select: none; */
1116 /* rule set above. This enforces non-selection without changing the look. */
1117 display: inline-block;
1120 /* Correct directionality when page dir is different from site/user dir */
1121 /* @noflip */
1122 .mw-content-ltr .mw-editsection,
1123 .mw-content-rtl .mw-content-ltr .mw-editsection {
1124 margin-left: 1em;
1126 /* @noflip */
1127 .mw-content-rtl .mw-editsection,
1128 .mw-content-ltr .mw-content-rtl .mw-editsection {
1129 margin-right: 1em;