Localisation updates from http://translatewiki.net.
[mediawiki.git] / skins / common / shared.css
blob5c1b6b0c980ee7429e6e0e46893af66d8d7356a4
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 float: left;
547 margin-bottom: 2em;
548 color: #000;
549 font-weight: bold;
551 .errorbox {
552 border-color: red;
553 background-color: #fff2f2;
555 .warningbox {
556 border-color: #FF8C00; /* darkorange */
557 background-color: #FFFFC0;
559 .successbox {
560 border-color: green;
561 background-color: #dfd;
563 .errorbox h2,
564 .warningbox h2,
565 .successbox h2 {
566 font-size: 1em;
567 font-weight: bold;
568 display: inline;
569 margin: 0 .5em 0 0;
570 border: none;
573 /* general info/warning box for SP */
574 .mw-infobox {
575 border: 2px solid #ff7f00;
576 margin: 0.5em;
577 clear: left;
578 overflow: hidden;
581 .mw-infobox-left {
582 margin: 7px;
583 float: left;
584 width: 35px;
587 .mw-infobox-right {
588 margin: 0.5em 0.5em 0.5em 49px;
591 /* Note on preview page */
592 .previewnote {
593 color: #c00;
594 margin-bottom: 1em;
597 .previewnote p {
598 text-indent: 3em;
599 margin: 0.8em 0;
602 .visualClear {
603 clear: both;
606 #mw_trackbacks {
607 border: solid 1px #bbbbff;
608 background-color: #eeeeff;
609 padding: 0.2em;
613 * Data table style
615 * Transparent table with suddle borders
616 * and blue row-highlighting.
618 .mw-datatable {
619 border-collapse: collapse;
621 .mw-datatable,
622 .mw-datatable td,
623 .mw-datatable th {
624 border: 1px solid #aaaaaa;
625 padding: 0 0.15em 0 0.15em;
627 .mw-datatable th {
628 background-color: #ddddff;
630 .mw-datatable td {
631 background-color: #ffffff;
633 .mw-datatable tr:hover td {
634 background-color: #eeeeff;
639 * TablePager tables generated by the TablePager PHP class
640 * in MediaWiki (e.g. Special:ListFiles).
642 .TablePager {
643 min-width: 80%;
645 .TablePager_nav {
646 margin: 0 auto;
648 .TablePager_nav td {
649 padding: 3px;
650 text-align: center;
652 .TablePager_nav a {
653 text-decoration: none;
656 .imagelist td,
657 .imagelist th {
658 white-space: nowrap;
660 .imagelist .TablePager_col_links {
661 background-color: #eeeeff;
663 .imagelist .TablePager_col_img_description {
664 white-space: normal;
666 .imagelist th.TablePager_sort {
667 background-color: #ccccff;
670 /* filetoc */
671 ul#filetoc {
672 text-align: center;
673 border: 1px solid #aaaaaa;
674 background-color: #f9f9f9;
675 padding: 5px;
676 font-size: 95%;
677 margin-bottom: 0.5em;
678 margin-left: 0;
679 margin-right: 0;
682 #filetoc li {
683 display: inline;
684 list-style-type: none;
685 padding-right: 2em;
688 /* Classes for EXIF data display */
689 table.mw_metadata {
690 font-size: 0.8em;
691 margin-left: 0.5em;
692 margin-bottom: 0.5em;
693 width: 400px;
696 table.mw_metadata caption {
697 font-weight: bold;
700 table.mw_metadata th {
701 font-weight: normal;
704 table.mw_metadata td {
705 padding: 0.1em;
708 table.mw_metadata {
709 border: none;
710 border-collapse: collapse;
713 table.mw_metadata td,
714 table.mw_metadata th {
715 text-align: center;
716 border: 1px solid #aaaaaa;
717 padding-left: 5px;
718 padding-right: 5px;
721 table.mw_metadata th {
722 background-color: #f9f9f9;
725 table.mw_metadata td {
726 background-color: #fcfcfc;
729 table.mw_metadata ul.metadata-langlist {
730 list-style-type: none;
731 list-style-image: none;
732 padding-right: 5px;
733 padding-left: 5px;
734 margin: 0;
737 /* Correct directionality when page dir is different from site/user dir */
738 .mw-content-ltr ul,
739 .mw-content-rtl .mw-content-ltr ul {
740 /* @noflip */
741 margin: 0.3em 0 0 1.6em;
742 padding: 0;
744 .mw-content-rtl ul,
745 .mw-content-ltr .mw-content-rtl ul {
746 /* @noflip */
747 margin: 0.3em 1.6em 0 0;
748 padding: 0;
750 .mw-content-ltr ol,
751 .mw-content-rtl .mw-content-ltr ol {
752 /* @noflip */
753 margin: 0.3em 0 0 3.2em;
754 padding: 0;
756 .mw-content-rtl ol,
757 .mw-content-ltr .mw-content-rtl ol {
758 /* @noflip */
759 margin: 0.3em 3.2em 0 0;
760 padding: 0;
762 /* @noflip */
763 .mw-content-ltr dd,
764 .mw-content-rtl .mw-content-ltr dd {
765 margin-left: 1.6em;
766 margin-right: 0;
768 /* @noflip */
769 .mw-content-rtl dd,
770 .mw-content-ltr .mw-content-rtl dd {
771 margin-right: 1.6em;
772 margin-left: 0;
775 /* Galleries */
776 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
777 /* Don't forget to update commonPrint.css */
778 li.gallerybox {
779 vertical-align: top;
780 display: -moz-inline-box;
781 display: inline-block;
784 ul.gallery,
785 li.gallerybox {
786 zoom: 1;
787 *display: inline;
790 ul.gallery {
791 margin: 2px;
792 padding: 2px;
793 display: block;
796 li.gallerycaption {
797 font-weight: bold;
798 text-align: center;
799 display: block;
800 word-wrap: break-word;
803 li.gallerybox div.thumb {
804 text-align: center;
805 border: 1px solid #ccc;
806 background-color: #f9f9f9;
807 margin: 2px;
810 li.gallerybox div.thumb img {
811 display: block;
812 margin: 0 auto;
815 div.gallerytext {
816 overflow: hidden;
817 font-size: 94%;
818 padding: 2px 4px;
819 word-wrap: break-word;
822 .mw-ajax-loader {
823 /* @embed */
824 background-image: url(images/ajax-loader.gif);
825 background-position: center center;
826 background-repeat: no-repeat;
827 padding: 16px;
828 position: relative;
829 top: -16px;
832 .mw-small-spinner {
833 padding: 10px !important;
834 margin-right: 0.6em;
835 /* @embed */
836 background-image: url(images/spinner.gif);
837 background-position: center center;
838 background-repeat: no-repeat;
841 /* Language specific height correction for titles. Ref Bug 29405 and Bug 30809 */
842 /* Languages like hi or ml require slightly more vertical space to show diacritics properly */
843 h1:lang(anp),
844 h1:lang(as),
845 h1:lang(bh), /* Macrolanguage, used on bh.wikipedia.org, should be removed one day */
846 h1:lang(bho),
847 h1:lang(bn),
848 h1:lang(gu),
849 h1:lang(hi),
850 h1:lang(kn),
851 h1:lang(ks),
852 h1:lang(ml),
853 h1:lang(mr),
854 h1:lang(my),
855 h1:lang(mai),
856 h1:lang(ne),
857 h1:lang(new),
858 h1:lang(or),
859 h1:lang(pa),
860 h1:lang(pi),
861 h1:lang(sa),
862 h1:lang(ta),
863 h1:lang(te) {
864 line-height: 1.6em !important;
866 h2:lang(anp), h3:lang(anp), h4:lang(anp), h5:lang(anp), h6:lang(anp),
867 h2:lang(as), h3:lang(as), h4:lang(as), h5:lang(as), h6:lang(as),
868 h2:lang(bho), h3:lang(bho), h4:lang(bho), h5:lang(bho), h6:lang(bho),
869 h2:lang(bh), h3:lang(bh), h4:lang(bh), h5:lang(bh), h6:lang(bh),
870 h2:lang(bn), h3:lang(bn), h4:lang(bn), h5:lang(bn), h6:lang(bn),
871 h2:lang(gu), h3:lang(gu), h4:lang(gu), h5:lang(gu), h6:lang(gu),
872 h2:lang(hi), h3:lang(hi), h4:lang(hi), h5:lang(hi), h6:lang(hi),
873 h2:lang(kn), h3:lang(kn), h4:lang(kn), h5:lang(kn), h6:lang(kn),
874 h2:lang(ks), h3:lang(ks), h4:lang(ks), h5:lang(ks), h6:lang(ks),
875 h2:lang(ml), h3:lang(ml), h4:lang(ml), h5:lang(ml), h6:lang(ml),
876 h2:lang(mr), h3:lang(mr), h4:lang(mr), h5:lang(mr), h6:lang(mr),
877 h2:lang(my), h3:lang(my), h4:lang(my), h5:lang(my), h6:lang(my),
878 h2:lang(mai), h3:lang(mai), h4:lang(mai), h5:lang(mai), h6:lang(mai),
879 h2:lang(ne), h3:lang(ne), h4:lang(ne), h5:lang(ne), h6:lang(ne),
880 h2:lang(new), h3:lang(new), h4:lang(new), h5:lang(new), h6:lang(new),
881 h2:lang(or), h3:lang(or), h4:lang(or), h5:lang(or), h6:lang(or),
882 h2:lang(pa), h3:lang(pa), h4:lang(pa), h5:lang(pa), h6:lang(pa),
883 h2:lang(pi), h3:lang(pi), h4:lang(pi), h5:lang(pi), h6:lang(pi),
884 h2:lang(sa), h3:lang(sa), h4:lang(sa), h5:lang(sa), h6:lang(sa),
885 h2:lang(ta), h3:lang(ta), h4:lang(ta), h5:lang(ta), h6:lang(ta),
886 h2:lang(te), h3:lang(te), h4:lang(te), h5:lang(te), h6:lang(te) {
887 line-height: 1.2em;
890 /* Localised ordered list numbering for some languages */
891 ol:lang(bcc) li,
892 ol:lang(bqi) li,
893 ol:lang(fa) li,
894 ol:lang(glk) li,
895 ol:lang(kk-arab) li,
896 ol:lang(mzn) li {
897 list-style-type: -moz-persian;
898 list-style-type: persian;
901 ol:lang(ckb) li {
902 list-style-type: -moz-arabic-indic;
903 list-style-type: arabic-indic;
906 ol:lang(hi) li,
907 ol:lang(mr) li {
908 list-style-type: -moz-devanagari;
909 list-style-type: devanagari;
912 ol:lang(as) li,
913 ol:lang(bn) li {
914 list-style-type: -moz-bengali;
915 list-style-type: bengali;
918 ol:lang(or) li {
919 list-style-type: -moz-oriya;
920 list-style-type: oriya;
923 #toc ul, .toc ul {
924 margin: .3em 0;
927 /* Correct directionality when page dir is different from site/user dir */
928 /* @noflip */ .mw-content-ltr .toc ul,
929 .mw-content-ltr #toc ul,
930 .mw-content-rtl .mw-content-ltr .toc ul,
931 .mw-content-rtl .mw-content-ltr #toc ul {
932 text-align: left;
934 /* @noflip */ .mw-content-rtl .toc ul,
935 .mw-content-rtl #toc ul,
936 .mw-content-ltr .mw-content-rtl .toc ul,
937 .mw-content-ltr .mw-content-rtl #toc ul {
938 text-align: right;
940 /* @noflip */ .mw-content-ltr .toc ul ul,
941 .mw-content-ltr #toc ul ul,
942 .mw-content-rtl .mw-content-ltr .toc ul ul,
943 .mw-content-rtl .mw-content-ltr #toc ul ul {
944 margin: 0 0 0 2em;
946 /* @noflip */ .mw-content-rtl .toc ul ul,
947 .mw-content-rtl #toc ul ul,
948 .mw-content-ltr .mw-content-rtl .toc ul ul,
949 .mw-content-ltr .mw-content-rtl #toc ul ul {
950 margin: 0 2em 0 0;
953 #toc #toctitle,
954 .toc #toctitle,
955 #toc .toctitle,
956 .toc .toctitle {
957 direction: ltr;
960 /* tooltip styles */
961 .mw-help-field-hint {
962 display: none;
963 margin-left: 2px;
964 margin-bottom: -8px;
965 padding: 0 0 0 15px;
966 /* @embed */
967 background-image: url('images/help-question.gif');
968 background-position: left center;
969 background-repeat: no-repeat;
970 cursor: pointer;
971 font-size: .8em;
972 text-decoration: underline;
973 color: #0645ad;
975 .mw-help-field-hint:hover {
976 /* @embed */
977 background-image: url('images/help-question-hover.gif');
979 .mw-help-field-data {
980 display: block;
981 background-color: #d6f3ff;
982 padding:5px 8px 4px 8px;
983 border: 1px solid #5dc9f4;
984 margin-left: 20px;
986 .tipsy {
987 padding: 5px 5px 10px;
988 font-size: 12px;
989 position: absolute;
990 z-index: 100000;
991 overflow: visible;
993 .tipsy-inner {
994 padding: 5px 8px 4px 8px;
995 background-color: #d6f3ff;
996 color: black;
997 border: 1px solid #5dc9f4;
998 max-width: 300px;
999 text-align: left;
1001 .tipsy-arrow {
1002 position: absolute;
1003 /* @embed */
1004 background: url(images/tipsy-arrow.gif) no-repeat top left;
1005 width: 13px;
1006 height: 13px;
1008 .tipsy-se .tipsy-arrow {
1009 bottom: -2px;
1010 right: 10px;
1011 background-position: 0% 100%;
1014 #mw-clearyourcache,
1015 #mw-sitecsspreview,
1016 #mw-sitejspreview,
1017 #mw-usercsspreview,
1018 #mw-userjspreview {
1019 direction: ltr;
1020 unicode-bidi: embed;
1023 /* Correct user & content directionality when viewing a diff */
1024 .diff-currentversion-title,
1025 .diff {
1026 direction: ltr;
1027 unicode-bidi: embed;
1029 /* @noflip */ .diff-contentalign-right td {
1030 direction: rtl;
1031 unicode-bidi: embed;
1033 /* @noflip */ .diff-contentalign-left td {
1034 direction: ltr;
1035 unicode-bidi: embed;
1037 .diff-otitle,
1038 .diff-ntitle,
1039 .diff-lineno {
1040 direction: ltr !important;
1041 unicode-bidi: embed;
1044 #mw-revision-info,
1045 #mw-revision-info-current,
1046 #mw-revision-nav {
1047 direction: ltr;
1048 display: inline;
1051 /* Images */
1053 /* @noflip */ div.tright,
1054 div.floatright,
1055 table.floatright {
1056 clear: right;
1057 float: right;
1059 /* @noflip */ div.tleft,
1060 div.floatleft,
1061 table.floatleft {
1062 float: left;
1063 clear: left;
1065 div.floatright,
1066 table.floatright,
1067 div.floatleft,
1068 table.floatleft {
1069 position: relative;
1072 /* bug 12205 */
1073 #mw-credits a {
1074 unicode-bidi: embed;
1077 /* Accessibility */
1078 .mw-jump,
1079 #jump-to-nav {
1080 overflow: hidden;
1081 height: 0;
1082 zoom: 1; /* http://webaim.org/techniques/skipnav/#iequirk */
1085 /* Print footer should be hidden by default in screen. */
1086 .printfooter {
1087 display: none;
1090 /* For developpers */
1091 .xdebug-error {
1092 position: absolute;
1093 z-index: 99;
1096 .mw-editsection, .editsection, .toctoggle {
1097 -moz-user-select: none;
1098 -webkit-user-select: none;
1099 -ms-user-select: none;
1100 user-select: none;
1103 /* Display editsection links smaller and next to headings */
1104 .mw-editsection {
1105 font-size: small;
1106 font-weight: normal;
1107 margin-left: 1em;
1108 vertical-align: baseline;
1109 /* Reset line-height; headings tend to have it set to larger values */
1110 line-height: 1em;
1111 /* As .mw-editsection is a <span> (inline element), it is treated as part */
1112 /* of the heading content when selecting text by multiple clicks and thus */
1113 /* selected together with heading content, despite the user-select: none; */
1114 /* rule set above. This enforces non-selection without changing the look. */
1115 display: inline-block;
1118 /* Correct directionality when page dir is different from site/user dir */
1119 /* @noflip */
1120 .mw-content-ltr .mw-editsection,
1121 .mw-content-rtl .mw-content-ltr .mw-editsection {
1122 margin-left: 1em;
1124 /* @noflip */
1125 .mw-content-rtl .mw-editsection,
1126 .mw-content-ltr .mw-content-rtl .mw-editsection {
1127 margin-right: 1em;