thumb_handler.php doesn't seem to extract path_info correctly
[mediawiki.git] / skins / common / shared.css
blob4c684014e7264cd648f76b2142ee604dca0afb50
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;
131 * File description page
134 div.mw-filepage-resolutioninfo {
135 font-size: smaller;
139 * File histories
141 h2#filehistory {
142 clear: both;
145 table.filehistory th,
146 table.filehistory td {
147 vertical-align: top;
149 table.filehistory th {
150 text-align: left;
152 table.filehistory td.mw-imagepage-filesize,
153 table.filehistory th.mw-imagepage-filesize {
154 white-space: nowrap;
157 table.filehistory td.filehistory-selected {
158 font-weight: bold;
162 * Add a checkered background image on hover for file
163 * description pages. (bug 26470)
165 .filehistory a img,
166 #file img:hover {
167 /* @embed */
168 background: white url(images/Checker-16x16.png) repeat;
172 * rev_deleted stuff
174 li span.deleted,
175 span.history-deleted {
176 text-decoration: line-through;
177 color: #888;
178 font-style: italic;
182 * Patrol stuff
184 .not-patrolled {
185 background-color: #ffa;
188 .unpatrolled {
189 font-weight: bold;
190 color: red;
193 div.patrollink {
194 font-size: 75%;
195 text-align: right;
199 * Forms
201 td.mw-label {
202 text-align: right;
204 td.mw-input {
205 text-align: left;
207 td.mw-submit {
208 text-align: left;
211 td.mw-label {
212 vertical-align: top;
214 .prefsection td.mw-label {
215 width: 20%;
217 .prefsection table {
218 width: 100%;
220 .prefsection table.mw-htmlform-matrix {
221 width: auto;
224 .mw-icon-question {
225 /* @embed */
226 background: url('images/question-small.png') no-repeat;
227 /* SVG support using a transparent gradient to guarantee cross-browser
228 * compatibility (browsers able to understand gradient syntax support also SVG)
229 * lifted from #pt-login css rule in skins/vector/screen.css */
230 /* @embed */
231 background: -webkit-linear-gradient(transparent, transparent), url('images/question.svg') no-repeat;
232 /* @embed */
233 background: linear-gradient(transparent, transparent), url('images/question.svg') no-repeat;
234 background-size: 13px 13px;
235 display: inline-block;
236 height: 13px;
237 width: 13px;
238 margin-left: 4px;
241 .mw-icon-question:lang(ar),
242 .mw-icon-question:lang(fa),
243 .mw-icon-question:lang(ur) {
244 -webkit-transform: scaleX(-1);
245 -ms-transform: scaleX(-1);
246 transform: scaleX(-1);
249 td.mw-submit {
250 white-space: nowrap;
253 table.mw-htmlform-nolabel td.mw-label {
254 width: 1px;
257 tr.mw-htmlform-vertical-label td.mw-label {
258 text-align: left !important;
261 .mw-htmlform-invalid-input td.mw-input input {
262 border-color: red;
265 .mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
266 display: inline;
267 margin-right: 1em;
268 white-space: nowrap;
271 .mw-htmlform-matrix td {
272 padding-left: 0.5em;
273 padding-right: 0.5em;
276 input#wpSummary {
277 width: 80%;
278 margin-bottom: 1em;
282 * Image captions
284 /* @noflip */
285 .mw-content-ltr .thumbcaption {
286 text-align: left;
288 /* @noflip */
289 .mw-content-rtl .thumbcaption {
290 text-align: right;
292 /* @noflip */
293 .mw-content-ltr .magnify {
294 float: right;
296 /* @noflip */
297 .mw-content-rtl .magnify {
298 float: left;
302 * Categories
304 #catlinks {
306 * Overrides text justification (user preference)
307 * See bug 31990
309 text-align: left;
311 .catlinks ul {
312 display: inline;
313 margin: 0;
314 padding: 0;
315 list-style: none;
316 list-style-type: none;
317 list-style-image: none;
318 vertical-align: middle !ie;
321 .catlinks li {
322 display: inline-block;
323 line-height: 1.25em;
324 border-left: 1px solid #AAA;
325 margin: 0.125em 0;
326 padding: 0 0.5em;
327 zoom: 1;
328 display: inline !ie;
331 .catlinks li:first-child {
332 padding-left: 0.25em;
333 border-left: none;
336 /* (bug 5346) make category redirects italic */
337 .catlinks li a.mw-redirect {
338 font-style: italic;
341 * Hidden categories
343 .mw-hidden-cats-hidden {
344 display: none;
346 .catlinks-allhidden {
347 display: none;
350 /* Convenience links to edit block, delete and protect reasons */
351 p.mw-ipb-conveniencelinks,
352 p.mw-protect-editreasons,
353 p.mw-filedelete-editreasons,
354 p.mw-delete-editreasons,
355 p.mw-revdel-editreasons {
356 font-size: 90%;
357 text-align: right;
361 * OpenSearch ajax suggestions
363 .os-suggest {
364 overflow: auto;
365 overflow-x: hidden;
366 position: absolute;
367 top: 0;
368 left: 0;
369 width: 0;
370 background-color: white;
371 border-style: solid;
372 border-color: #AAAAAA;
373 border-width: 1px;
374 z-index:99;
375 font-size:95%;
378 table.os-suggest-results {
379 font-size: 95%;
380 cursor: pointer;
381 border: 0;
382 border-collapse: collapse;
383 width: 100%;
386 .os-suggest-result,
387 .os-suggest-result-hl {
388 white-space: nowrap;
389 background-color: white;
390 color: black;
391 padding: 2px;
393 .os-suggest-result-hl,
394 .os-suggest-result-hl-webkit {
395 background-color: #4C59A6;
396 color: white;
399 .os-suggest-toggle {
400 position: relative;
401 left: 1ex;
402 font-size: 65%;
404 .os-suggest-toggle-def {
405 position: absolute;
406 top: 0;
407 left: 0;
408 font-size: 65%;
409 visibility: hidden;
412 /* Page history styling */
414 /* The auto-generated edit comments */
415 .autocomment {
416 color: gray;
418 #pagehistory .history-user {
419 margin-left: 0.4em;
420 margin-right: 0.2em;
422 #pagehistory span.minor {
423 font-weight: bold;
425 #pagehistory li {
426 border: 1px solid white;
428 #pagehistory li.selected {
429 background-color: #f9f9f9;
430 border: 1px dashed #aaa;
433 .mw-history-revisiondelete-button, #mw-fileduplicatesearch-icon {
434 float: right;
437 /** Generic minor/bot/newpage styling (recent changes) */
438 .newpage,
439 .minoredit,
440 .botedit {
441 font-weight: bold;
444 #shared-image-dup,
445 #shared-image-conflict {
446 font-style: italic;
450 * Recreating deleted page warning
451 * Reupload file warning
452 * Page protection warning
453 * incl. log entries for these warnings
455 div.mw-warning-with-logexcerpt {
456 padding: 3px;
457 margin-bottom: 3px;
458 border: 2px solid #2F6FAB;
459 clear: both;
461 div.mw-warning-with-logexcerpt ul li {
462 font-size: 90%;
465 /* (show/hide) revision deletion links */
466 span.mw-revdelundel-link,
467 strong.mw-revdelundel-link {
468 font-size: 90%;
470 span.mw-revdelundel-hidden,
471 input.mw-revdelundel-hidden {
472 visibility: hidden;
475 td.mw-revdel-checkbox,
476 th.mw-revdel-checkbox {
477 padding-right: 10px;
478 text-align: center;
481 /* red links; see bug 36276 */
482 a.new {
483 color: #BA0000;
486 /* feed links */
487 a.feedlink {
488 /* @embed */
489 background: url(images/feed-icon.png) center left no-repeat;
490 padding-left: 16px;
493 /* Plainlinks - this can be used to switch
494 * off special external link styling */
495 .plainlinks a {
496 background: none !important;
497 padding: 0 !important;
499 /* External URLs should always be treated as LTR (bug 4330) */
500 /* @noflip */ .rtl a.external.free,
501 .rtl a.external.autonumber {
502 direction: ltr;
503 unicode-bidi: embed;
507 * wikitable class for skinning normal tables
508 * keep in sync with commonPrint.css
510 table.wikitable {
511 margin: 1em 0;
512 background-color: #f9f9f9;
513 border: 1px #aaa solid;
514 border-collapse: collapse;
515 color: black;
517 table.wikitable > tr > th,
518 table.wikitable > tr > td,
519 table.wikitable > * > tr > th,
520 table.wikitable > * > tr > td {
521 border: 1px #aaa solid;
522 padding: 0.2em;
524 table.wikitable > tr > th,
525 table.wikitable > * > tr > th {
526 background-color: #f2f2f2;
527 text-align: center;
529 table.wikitable > caption {
530 font-weight: bold;
533 /* hide initially collapsed collapsable tables */
534 table.collapsed tr.collapsable {
535 display: none;
538 /* success and error messages */
539 .success {
540 color: green;
541 font-size: larger;
543 .warning {
544 color: #FFA500; /* orange */
545 font-size: larger;
547 .error {
548 color: red;
549 font-size: larger;
551 .errorbox,
552 .warningbox,
553 .successbox {
554 font-size: larger;
555 border: 2px solid;
556 padding: .5em 1em;
557 margin-bottom: 2em;
558 color: #000;
559 display: -moz-inline-block;
560 display: inline-block;
561 zoom: 1;
562 *display: inline;
564 .errorbox {
565 border-color: red;
566 background-color: #fff2f2;
568 .warningbox {
569 border-color: #FF8C00; /* darkorange */
570 background-color: #FFFFC0;
572 .successbox {
573 border-color: green;
574 background-color: #dfd;
576 .errorbox h2,
577 .warningbox h2,
578 .successbox h2 {
579 font-size: 1em;
580 font-weight: bold;
581 display: inline;
582 margin: 0 .5em 0 0;
583 border: none;
586 /* general info/warning box for SP */
587 .mw-infobox {
588 border: 2px solid #ff7f00;
589 margin: 0.5em;
590 clear: left;
591 overflow: hidden;
594 .mw-infobox-left {
595 margin: 7px;
596 float: left;
597 width: 35px;
600 .mw-infobox-right {
601 margin: 0.5em 0.5em 0.5em 49px;
604 /* Note on preview page */
605 .previewnote {
606 color: #c00;
607 margin-bottom: 1em;
610 .previewnote p {
611 text-indent: 3em;
612 margin: 0.8em 0;
615 .visualClear {
616 clear: both;
619 #mw_trackbacks {
620 border: solid 1px #bbbbff;
621 background-color: #eeeeff;
622 padding: 0.2em;
626 * Data table style
628 * Transparent table with suddle borders
629 * and blue row-highlighting.
631 .mw-datatable {
632 border-collapse: collapse;
634 .mw-datatable,
635 .mw-datatable td,
636 .mw-datatable th {
637 border: 1px solid #aaaaaa;
638 padding: 0 0.15em 0 0.15em;
640 .mw-datatable th {
641 background-color: #ddddff;
643 .mw-datatable td {
644 background-color: #ffffff;
646 .mw-datatable tr:hover td {
647 background-color: #eeeeff;
652 * TablePager tables generated by the TablePager PHP class
653 * in MediaWiki (e.g. Special:ListFiles).
655 .TablePager {
656 min-width: 80%;
658 .TablePager_nav {
659 margin: 0 auto;
661 .TablePager_nav td {
662 padding: 3px;
663 text-align: center;
665 .TablePager_nav a {
666 text-decoration: none;
669 .imagelist td,
670 .imagelist th {
671 white-space: nowrap;
673 .imagelist .TablePager_col_links {
674 background-color: #eeeeff;
676 .imagelist .TablePager_col_img_description {
677 white-space: normal;
679 .imagelist th.TablePager_sort {
680 background-color: #ccccff;
683 /* filetoc */
684 ul#filetoc {
685 text-align: center;
686 border: 1px solid #aaaaaa;
687 background-color: #f9f9f9;
688 padding: 5px;
689 font-size: 95%;
690 margin-bottom: 0.5em;
691 margin-left: 0;
692 margin-right: 0;
695 #filetoc li {
696 display: inline;
697 list-style-type: none;
698 padding-right: 2em;
701 /* Classes for Exif data display */
702 table.mw_metadata {
703 font-size: 0.8em;
704 margin-left: 0.5em;
705 margin-bottom: 0.5em;
706 width: 400px;
709 table.mw_metadata caption {
710 font-weight: bold;
713 table.mw_metadata th {
714 font-weight: normal;
717 table.mw_metadata td {
718 padding: 0.1em;
721 table.mw_metadata {
722 border: none;
723 border-collapse: collapse;
726 table.mw_metadata td,
727 table.mw_metadata th {
728 text-align: center;
729 border: 1px solid #aaaaaa;
730 padding-left: 5px;
731 padding-right: 5px;
734 table.mw_metadata th {
735 background-color: #f9f9f9;
738 table.mw_metadata td {
739 background-color: #fcfcfc;
742 table.mw_metadata ul.metadata-langlist {
743 list-style-type: none;
744 list-style-image: none;
745 padding-right: 5px;
746 padding-left: 5px;
747 margin: 0;
750 /* Correct directionality when page dir is different from site/user dir */
751 .mw-content-ltr ul,
752 .mw-content-rtl .mw-content-ltr ul {
753 /* @noflip */
754 margin: 0.3em 0 0 1.6em;
755 padding: 0;
757 .mw-content-rtl ul,
758 .mw-content-ltr .mw-content-rtl ul {
759 /* @noflip */
760 margin: 0.3em 1.6em 0 0;
761 padding: 0;
763 .mw-content-ltr ol,
764 .mw-content-rtl .mw-content-ltr ol {
765 /* @noflip */
766 margin: 0.3em 0 0 3.2em;
767 padding: 0;
769 .mw-content-rtl ol,
770 .mw-content-ltr .mw-content-rtl ol {
771 /* @noflip */
772 margin: 0.3em 3.2em 0 0;
773 padding: 0;
775 /* @noflip */
776 .mw-content-ltr dd,
777 .mw-content-rtl .mw-content-ltr dd {
778 margin-left: 1.6em;
779 margin-right: 0;
781 /* @noflip */
782 .mw-content-rtl dd,
783 .mw-content-ltr .mw-content-rtl dd {
784 margin-right: 1.6em;
785 margin-left: 0;
788 /* Galleries */
789 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
790 /* Don't forget to update commonPrint.css */
791 li.gallerybox {
792 vertical-align: top;
793 display: -moz-inline-box;
794 display: inline-block;
797 ul.gallery,
798 li.gallerybox {
799 zoom: 1;
800 *display: inline;
803 ul.gallery {
804 margin: 2px;
805 padding: 2px;
806 display: block;
809 li.gallerycaption {
810 font-weight: bold;
811 text-align: center;
812 display: block;
813 word-wrap: break-word;
816 li.gallerybox div.thumb {
817 text-align: center;
818 border: 1px solid #ccc;
819 background-color: #f9f9f9;
820 margin: 2px;
823 li.gallerybox div.thumb img {
824 display: block;
825 margin: 0 auto;
828 div.gallerytext {
829 overflow: hidden;
830 font-size: 94%;
831 padding: 2px 4px;
832 word-wrap: break-word;
835 .mw-ajax-loader {
836 /* @embed */
837 background-image: url(images/ajax-loader.gif);
838 background-position: center center;
839 background-repeat: no-repeat;
840 padding: 16px;
841 position: relative;
842 top: -16px;
845 .mw-small-spinner {
846 padding: 10px !important;
847 margin-right: 0.6em;
848 /* @embed */
849 background-image: url(images/spinner.gif);
850 background-position: center center;
851 background-repeat: no-repeat;
854 /* Language specific height correction for titles. Ref Bug 29405 and Bug 30809 */
855 /* Languages like hi or ml require slightly more vertical space to show diacritics properly */
856 h1:lang(anp),
857 h1:lang(as),
858 h1:lang(bh), /* Macrolanguage, used on bh.wikipedia.org, should be removed one day */
859 h1:lang(bho),
860 h1:lang(bn),
861 h1:lang(gu),
862 h1:lang(hi),
863 h1:lang(kn),
864 h1:lang(ks),
865 h1:lang(ml),
866 h1:lang(mr),
867 h1:lang(my),
868 h1:lang(mai),
869 h1:lang(ne),
870 h1:lang(new),
871 h1:lang(or),
872 h1:lang(pa),
873 h1:lang(pi),
874 h1:lang(sa),
875 h1:lang(ta),
876 h1:lang(te) {
877 line-height: 1.6em !important;
879 h2:lang(anp), h3:lang(anp), h4:lang(anp), h5:lang(anp), h6:lang(anp),
880 h2:lang(as), h3:lang(as), h4:lang(as), h5:lang(as), h6:lang(as),
881 h2:lang(bho), h3:lang(bho), h4:lang(bho), h5:lang(bho), h6:lang(bho),
882 h2:lang(bh), h3:lang(bh), h4:lang(bh), h5:lang(bh), h6:lang(bh),
883 h2:lang(bn), h3:lang(bn), h4:lang(bn), h5:lang(bn), h6:lang(bn),
884 h2:lang(gu), h3:lang(gu), h4:lang(gu), h5:lang(gu), h6:lang(gu),
885 h2:lang(hi), h3:lang(hi), h4:lang(hi), h5:lang(hi), h6:lang(hi),
886 h2:lang(kn), h3:lang(kn), h4:lang(kn), h5:lang(kn), h6:lang(kn),
887 h2:lang(ks), h3:lang(ks), h4:lang(ks), h5:lang(ks), h6:lang(ks),
888 h2:lang(ml), h3:lang(ml), h4:lang(ml), h5:lang(ml), h6:lang(ml),
889 h2:lang(mr), h3:lang(mr), h4:lang(mr), h5:lang(mr), h6:lang(mr),
890 h2:lang(my), h3:lang(my), h4:lang(my), h5:lang(my), h6:lang(my),
891 h2:lang(mai), h3:lang(mai), h4:lang(mai), h5:lang(mai), h6:lang(mai),
892 h2:lang(ne), h3:lang(ne), h4:lang(ne), h5:lang(ne), h6:lang(ne),
893 h2:lang(new), h3:lang(new), h4:lang(new), h5:lang(new), h6:lang(new),
894 h2:lang(or), h3:lang(or), h4:lang(or), h5:lang(or), h6:lang(or),
895 h2:lang(pa), h3:lang(pa), h4:lang(pa), h5:lang(pa), h6:lang(pa),
896 h2:lang(pi), h3:lang(pi), h4:lang(pi), h5:lang(pi), h6:lang(pi),
897 h2:lang(sa), h3:lang(sa), h4:lang(sa), h5:lang(sa), h6:lang(sa),
898 h2:lang(ta), h3:lang(ta), h4:lang(ta), h5:lang(ta), h6:lang(ta),
899 h2:lang(te), h3:lang(te), h4:lang(te), h5:lang(te), h6:lang(te) {
900 line-height: 1.2em;
903 /* Localised ordered list numbering for some languages */
904 ol:lang(bcc) li,
905 ol:lang(bqi) li,
906 ol:lang(fa) li,
907 ol:lang(glk) li,
908 ol:lang(kk-arab) li,
909 ol:lang(mzn) li {
910 list-style-type: -moz-persian;
911 list-style-type: persian;
914 ol:lang(ckb) li {
915 list-style-type: -moz-arabic-indic;
916 list-style-type: arabic-indic;
919 ol:lang(hi) li,
920 ol:lang(mr) li {
921 list-style-type: -moz-devanagari;
922 list-style-type: devanagari;
925 ol:lang(as) li,
926 ol:lang(bn) li {
927 list-style-type: -moz-bengali;
928 list-style-type: bengali;
931 ol:lang(or) li {
932 list-style-type: -moz-oriya;
933 list-style-type: oriya;
936 #toc ul, .toc ul {
937 margin: .3em 0;
940 /* Correct directionality when page dir is different from site/user dir */
941 /* @noflip */ .mw-content-ltr .toc ul,
942 .mw-content-ltr #toc ul,
943 .mw-content-rtl .mw-content-ltr .toc ul,
944 .mw-content-rtl .mw-content-ltr #toc ul {
945 text-align: left;
947 /* @noflip */ .mw-content-rtl .toc ul,
948 .mw-content-rtl #toc ul,
949 .mw-content-ltr .mw-content-rtl .toc ul,
950 .mw-content-ltr .mw-content-rtl #toc ul {
951 text-align: right;
953 /* @noflip */ .mw-content-ltr .toc ul ul,
954 .mw-content-ltr #toc ul ul,
955 .mw-content-rtl .mw-content-ltr .toc ul ul,
956 .mw-content-rtl .mw-content-ltr #toc ul ul {
957 margin: 0 0 0 2em;
959 /* @noflip */ .mw-content-rtl .toc ul ul,
960 .mw-content-rtl #toc ul ul,
961 .mw-content-ltr .mw-content-rtl .toc ul ul,
962 .mw-content-ltr .mw-content-rtl #toc ul ul {
963 margin: 0 2em 0 0;
966 #toc #toctitle,
967 .toc #toctitle,
968 #toc .toctitle,
969 .toc .toctitle {
970 direction: ltr;
973 /* tooltip styles */
974 .mw-help-field-hint {
975 display: none;
976 margin-left: 2px;
977 margin-bottom: -8px;
978 padding: 0 0 0 15px;
979 /* @embed */
980 background-image: url('images/help-question.gif');
981 background-position: left center;
982 background-repeat: no-repeat;
983 cursor: pointer;
984 font-size: .8em;
985 text-decoration: underline;
986 color: #0645ad;
988 .mw-help-field-hint:hover {
989 /* @embed */
990 background-image: url('images/help-question-hover.gif');
992 .mw-help-field-data {
993 display: block;
994 background-color: #d6f3ff;
995 padding:5px 8px 4px 8px;
996 border: 1px solid #5dc9f4;
997 margin-left: 20px;
999 .tipsy {
1000 padding: 5px 5px 10px;
1001 font-size: 12px;
1002 position: absolute;
1003 z-index: 100000;
1004 overflow: visible;
1006 .tipsy-inner {
1007 padding: 5px 8px 4px 8px;
1008 background-color: #d6f3ff;
1009 color: black;
1010 border: 1px solid #5dc9f4;
1011 max-width: 300px;
1012 text-align: left;
1014 .tipsy-arrow {
1015 position: absolute;
1016 /* @embed */
1017 background: url(images/tipsy-arrow.gif) no-repeat top left;
1018 width: 13px;
1019 height: 13px;
1021 .tipsy-se .tipsy-arrow {
1022 bottom: -2px;
1023 right: 10px;
1024 background-position: 0% 100%;
1027 #mw-clearyourcache,
1028 #mw-sitecsspreview,
1029 #mw-sitejspreview,
1030 #mw-usercsspreview,
1031 #mw-userjspreview {
1032 direction: ltr;
1033 unicode-bidi: embed;
1036 /* Correct user & content directionality when viewing a diff */
1037 .diff-currentversion-title,
1038 .diff {
1039 direction: ltr;
1040 unicode-bidi: embed;
1042 /* @noflip */ .diff-contentalign-right td {
1043 direction: rtl;
1044 unicode-bidi: embed;
1046 /* @noflip */ .diff-contentalign-left td {
1047 direction: ltr;
1048 unicode-bidi: embed;
1050 .diff-otitle,
1051 .diff-ntitle,
1052 .diff-lineno {
1053 direction: ltr !important;
1054 unicode-bidi: embed;
1057 #mw-revision-info,
1058 #mw-revision-info-current,
1059 #mw-revision-nav {
1060 direction: ltr;
1061 display: inline;
1064 /* Images */
1066 /* @noflip */ div.tright,
1067 div.floatright,
1068 table.floatright {
1069 clear: right;
1070 float: right;
1072 /* @noflip */ div.tleft,
1073 div.floatleft,
1074 table.floatleft {
1075 float: left;
1076 clear: left;
1078 div.floatright,
1079 table.floatright,
1080 div.floatleft,
1081 table.floatleft {
1082 position: relative;
1085 /* bug 12205 */
1086 #mw-credits a {
1087 unicode-bidi: embed;
1090 /* Accessibility */
1091 .mw-jump,
1092 #jump-to-nav {
1093 overflow: hidden;
1094 height: 0;
1095 zoom: 1; /* http://webaim.org/techniques/skipnav/#iequirk */
1098 /* Print footer should be hidden by default in screen. */
1099 .printfooter {
1100 display: none;
1103 /* For developpers */
1104 .xdebug-error {
1105 position: absolute;
1106 z-index: 99;
1109 .mw-editsection,
1110 .toctoggle {
1111 -moz-user-select: none;
1112 -webkit-user-select: none;
1113 -ms-user-select: none;
1114 user-select: none;
1117 /* Display editsection links smaller and next to headings */
1118 .mw-editsection {
1119 font-size: small;
1120 font-weight: normal;
1121 margin-left: 1em;
1122 vertical-align: baseline;
1123 /* Reset line-height; headings tend to have it set to larger values */
1124 line-height: 1em;
1125 /* As .mw-editsection is a <span> (inline element), it is treated as part */
1126 /* of the heading content when selecting text by multiple clicks and thus */
1127 /* selected together with heading content, despite the user-select: none; */
1128 /* rule set above. This enforces non-selection without changing the look. */
1129 display: inline-block;
1132 /* Correct directionality when page dir is different from site/user dir */
1133 /* @noflip */
1134 .mw-content-ltr .mw-editsection,
1135 .mw-content-rtl .mw-content-ltr .mw-editsection {
1136 margin-left: 1em;
1138 /* @noflip */
1139 .mw-content-rtl .mw-editsection,
1140 .mw-content-ltr .mw-content-rtl .mw-editsection {
1141 margin-right: 1em;