skins/common/shared.css

   1 /**
   2  * CSS in this file is used by *all* skins (that have any CSS at all). Be
   3  * careful what you put in here, since what looks good in one skin may not in
   4  * another, but don't ignore the poor pre-Monobook users either.
   5  */
   6
   7 /* GENERAL CLASSES FOR DIRECTIONALITY SUPPORT */
   8
   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.
  12  */
  13 .mw-content-ltr {
  14         /* @noflip */
  15         direction: ltr;
  16 }
  17 .mw-content-rtl {
  18         /* @noflip */
  19         direction: rtl;
  20 }
  21
  22 /* Most input fields should be in site direction */
  23 .sitedir-ltr textarea,
  24 .sitedir-ltr input {
  25         /* @noflip */
  26         direction: ltr;
  27 }
  28 .sitedir-rtl textarea,
  29 .sitedir-rtl input {
  30         /* @noflip */
  31         direction: rtl;
  32 }
  33
  34 /* User-Agent styles for new HTML5 elements */
  35 mark {
  36         background-color: yellow;
  37         color: black;
  38 }
  39
  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;
  47 }
  48
  49 /* Override default values */
  50 textarea[dir="ltr"],
  51 input[dir="ltr"] {
  52         /* @noflip */
  53         direction: ltr;
  54 }
  55 textarea[dir="rtl"],
  56 input[dir="rtl"] {
  57         /* @noflip */
  58         direction: rtl;
  59 }
  60
  61 /* Default style for semantic tags */
  62 abbr,
  63 acronym,
  64 .explain {
  65         border-bottom: 1px dotted;
  66         cursor: help;
  67 }
  68
  69 /* Colored watchlist and recent changes numbers */
  70 .mw-plusminus-pos {
  71         color: #006400; /* dark green */
  72 }
  73 .mw-plusminus-neg {
  74         color: #8b0000; /* dark red */
  75 }
  76 .mw-plusminus-null {
  77         color: #aaa; /* gray */
  78 }
  79
  80 /**
  81  * Links to redirects appear italicized on [[Special:AllPages]], [[Special:PrefixIndex]],
  82  * [[Special:Watchlist/edit]] and in category listings.
  83  */
  84 .allpagesredirect,
  85 .redirect-in-category,
  86 .watchlistredir {
  87         font-style: italic;
  88 }
  89
  90 /* Comment and username portions of RC entries */
  91 span.comment {
  92         font-style: italic;
  93 }
  94
  95 span.changedby {
  96         font-size: 95%;
  97 }
  98
  99 /* Math */
 100 .texvc {
 101         direction: ltr;
 102         unicode-bidi: embed;
 103 }
 104 img.tex {
 105         vertical-align: middle;
 106 }
 107 span.texhtml {
 108         font-family: serif;
 109 }
 110
 111 /**
 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
 114  */
 115 #wikiPreview.ontop {
 116         margin-bottom: 1em;
 117 }
 118
 119 /* Stop floats from intruding into edit area in previews */
 120 #editform,
 121 #toolbar,
 122 #wpTextbox1 {
 123         clear: both;
 124 }
 125
 126 #toolbar img {
 127         cursor: pointer;
 128 }
 129
 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;
 137 }
 138 /* @noflip */
 139 .mw-content-rtl .editsection,
 140 .mw-content-ltr .mw-content-rtl .editsection {
 141         float: left;
 142         margin-right: 5px;
 143 }
 144
 145 /**
 146  * File description page
 147  */
 148
 149 div.mw-filepage-resolutioninfo {
 150         font-size: smaller;
 151 }
 152
 153 /**
 154  * File histories
 155  */
 156 h2#filehistory {
 157         clear: both;
 158 }
 159
 160 table.filehistory th,
 161 table.filehistory td {
 162         vertical-align: top;
 163 }
 164 table.filehistory th {
 165         text-align: left;
 166 }
 167 table.filehistory td.mw-imagepage-filesize,
 168 table.filehistory th.mw-imagepage-filesize {
 169         white-space: nowrap;
 170 }
 171
 172 table.filehistory td.filehistory-selected {
 173         font-weight: bold;
 174 }
 175
 176 /**
 177  * Add a checkered background image on hover for file
 178  * description pages. (bug 26470)
 179  */
 180 .filehistory a img,
 181 #file img:hover {
 182         /* @embed */
 183         background: white url(images/Checker-16x16.png) repeat;
 184 }
 185
 186 /**
 187  * rev_deleted stuff
 188  */
 189 li span.deleted,
 190 span.history-deleted {
 191         text-decoration: line-through;
 192         color: #888;
 193         font-style: italic;
 194 }
 195
 196 /**
 197  * Patrol stuff
 198  */
 199 .not-patrolled {
 200         background-color: #ffa;
 201 }
 202
 203 .unpatrolled {
 204         font-weight: bold;
 205         color: red;
 206 }
 207
 208 div.patrollink {
 209         font-size: 75%;
 210         text-align: right;
 211 }
 212
 213 /**
 214  * Forms
 215  */
 216 td.mw-label {
 217         text-align: right;
 218 }
 219 td.mw-input {
 220         text-align: left;
 221 }
 222 td.mw-submit {
 223         text-align: left;
 224 }
 225
 226 td.mw-label {
 227         vertical-align: top;
 228 }
 229 .prefsection td.mw-label {
 230         width: 20%;
 231 }
 232 .prefsection table {
 233         width: 100%;
 234 }
 235 td.mw-submit {
 236         white-space: nowrap;
 237 }
 238
 239 table.mw-htmlform-nolabel td.mw-label {
 240         width: 1px;
 241 }
 242
 243 tr.mw-htmlform-vertical-label td.mw-label {
 244         text-align: left !important;
 245 }
 246
 247 .mw-htmlform-invalid-input td.mw-input input {
 248         border-color: red;
 249 }
 250
 251 .mw-htmlform-flatlist div.mw-htmlform-flatlist-item {
 252         display: inline;
 253         margin-right: 1em;
 254         white-space: nowrap;
 255 }
 256
 257 input#wpSummary {
 258         width: 80%;
 259         margin-bottom: 1em;
 260 }
 261
 262 /**
 263  * Image captions
 264  */
 265 /* @noflip */
 266 .mw-content-ltr .thumbcaption {
 267         text-align: left;
 268 }
 269 /* @noflip */
 270 .mw-content-rtl .thumbcaption {
 271         text-align: right;
 272 }
 273 /* @noflip */
 274 .mw-content-ltr .magnify {
 275         float: right;
 276 }
 277 /* @noflip */
 278 .mw-content-rtl .magnify {
 279         float: left;
 280 }
 281
 282 /**
 283  * Categories
 284  */
 285 #catlinks {
 286         /**
 287          * Overrides text justification (user preference)
 288          * See bug 31990
 289          */
 290         text-align: left;
 291 }
 292 .catlinks ul {
 293         display: inline;
 294         margin: 0;
 295         padding: 0;
 296         list-style: none;
 297         list-style-type: none;
 298         list-style-image: none;
 299         vertical-align: middle !ie;
 300 }
 301
 302 .catlinks li {
 303         display: inline-block;
 304         line-height: 1.25em;
 305         border-left: 1px solid #AAA;
 306         margin: 0.125em 0;
 307         padding: 0 0.5em;
 308         zoom: 1;
 309         display: inline !ie;
 310 }
 311
 312 .catlinks li:first-child {
 313         padding-left: 0.25em;
 314         border-left: none;
 315 }
 316 /**
 317  * Hidden categories
 318  */
 319 .mw-hidden-cats-hidden {
 320         display: none;
 321 }
 322 .catlinks-allhidden {
 323         display: none;
 324 }
 325
 326 /* Convenience links to edit block, delete and protect reasons */
 327 p.mw-ipb-conveniencelinks,
 328 p.mw-protect-editreasons,
 329 p.mw-filedelete-editreasons,
 330 p.mw-delete-editreasons,
 331 p.mw-revdel-editreasons {
 332         font-size: 90%;
 333         text-align: right;
 334 }
 335
 336 /**
 337  * OpenSearch ajax suggestions
 338  */
 339 .os-suggest {
 340         overflow: auto;
 341         overflow-x: hidden;
 342         position: absolute;
 343         top: 0;
 344         left: 0;
 345         width: 0;
 346         background-color: white;
 347         border-style: solid;
 348         border-color: #AAAAAA;
 349         border-width: 1px;
 350         z-index:99;
 351         font-size:95%;
 352 }
 353
 354 table.os-suggest-results {
 355         font-size: 95%;
 356         cursor: pointer;
 357         border: 0;
 358         border-collapse: collapse;
 359         width: 100%;
 360 }
 361
 362 .os-suggest-result,
 363 .os-suggest-result-hl {
 364         white-space: nowrap;
 365         background-color: white;
 366         color: black;
 367         padding: 2px;
 368 }
 369 .os-suggest-result-hl,
 370 .os-suggest-result-hl-webkit {
 371         background-color: #4C59A6;
 372         color: white;
 373 }
 374
 375 .os-suggest-toggle {
 376         position: relative;
 377         left: 1ex;
 378         font-size: 65%;
 379 }
 380 .os-suggest-toggle-def {
 381         position: absolute;
 382         top: 0;
 383         left: 0;
 384         font-size: 65%;
 385         visibility: hidden;
 386 }
 387
 388 /* Page history styling */
 389
 390 /* The auto-generated edit comments */
 391 .autocomment {
 392         color: gray;
 393 }
 394 #pagehistory .history-user {
 395         margin-left: 0.4em;
 396         margin-right: 0.2em;
 397 }
 398 #pagehistory span.minor {
 399         font-weight: bold;
 400 }
 401 #pagehistory li {
 402         border: 1px solid white;
 403 }
 404 #pagehistory li.selected {
 405         background-color: #f9f9f9;
 406         border: 1px dashed #aaa;
 407 }
 408
 409 .mw-history-revisiondelete-button, #mw-fileduplicatesearch-icon {
 410         float: right;
 411 }
 412
 413 /** Generic minor/bot/newpage styling (recent changes) */
 414 .newpage,
 415 .minoredit,
 416 .botedit {
 417         font-weight: bold;
 418 }
 419
 420 #shared-image-dup,
 421 #shared-image-conflict {
 422         font-style: italic;
 423 }
 424
 425 /**
 426  * Recreating deleted page warning
 427  * Reupload file warning
 428  * Page protection warning
 429  * incl. log entries for these warnings
 430  */
 431 div.mw-warning-with-logexcerpt {
 432         padding: 3px;
 433         margin-bottom: 3px;
 434         border: 2px solid #2F6FAB;
 435         clear: both;
 436 }
 437 div.mw-warning-with-logexcerpt ul li {
 438         font-size: 90%;
 439 }
 440
 441 /* (show/hide) revision deletion links */
 442 span.mw-revdelundel-link,
 443 strong.mw-revdelundel-link {
 444         font-size: 90%;
 445 }
 446 span.mw-revdelundel-hidden,
 447 input.mw-revdelundel-hidden {
 448         visibility: hidden;
 449 }
 450
 451 td.mw-revdel-checkbox,
 452 th.mw-revdel-checkbox {
 453         padding-right: 10px;
 454         text-align: center;
 455 }
 456
 457 /* red links; see bug 36276 */
 458 a.new {
 459         color: #BA0000;
 460 }
 461
 462 /* feed links */
 463 a.feedlink {
 464         /* @embed */
 465         background: url(images/feed-icon.png) center left no-repeat;
 466         padding-left: 16px;
 467 }
 468
 469 /* Plainlinks - this can be used to switch
 470  * off special external link styling */
 471 .plainlinks a {
 472         background: none !important;
 473         padding: 0 !important;
 474 }
 475 /* External URLs should always be treated as LTR (bug 4330) */
 476 /* @noflip */ .rtl a.external.free,
 477 .rtl a.external.autonumber {
 478         direction: ltr;
 479         unicode-bidi: embed;
 480 }
 481
 482 /**
 483  * wikitable class for skinning normal tables
 484  * keep in sync with commonPrint.css
 485  */
 486 table.wikitable {
 487         margin: 1em 0;
 488         background-color: #f9f9f9;
 489         border: 1px #aaa solid;
 490         border-collapse: collapse;
 491         color: black;
 492 }
 493 table.wikitable > tr > th,
 494 table.wikitable > tr > td,
 495 table.wikitable > * > tr > th,
 496 table.wikitable > * > tr > td {
 497         border: 1px #aaa solid;
 498         padding: 0.2em;
 499 }
 500 table.wikitable > tr > th,
 501 table.wikitable > * > tr > th {
 502         background-color: #f2f2f2;
 503         text-align: center;
 504 }
 505 table.wikitable > caption {
 506         font-weight: bold;
 507 }
 508
 509 /* hide initially collapsed collapsable tables */
 510 table.collapsed tr.collapsable {
 511         display: none;
 512 }
 513
 514 /* success and error messages */
 515 .success {
 516         color: green;
 517         font-size: larger;
 518 }
 519 .warning {
 520         color: #FFA500; /* orange */
 521         font-size: larger;
 522 }
 523 .error {
 524         color: red;
 525         font-size: larger;
 526 }
 527 .errorbox,
 528 .warningbox,
 529 .successbox {
 530         font-size: larger;
 531         border: 2px solid;
 532         padding: .5em 1em;
 533         float: left;
 534         margin-bottom: 2em;
 535         color: #000;
 536 }
 537 .errorbox {
 538         border-color: red;
 539         background-color: #fff2f2;
 540 }
 541 .warningbox {
 542         border-color: #FF8C00; /* darkorange */
 543         background-color: #FFFFC0;
 544 }
 545 .successbox {
 546         border-color: green;
 547         background-color: #dfd;
 548 }
 549 .errorbox h2,
 550 .warningbox h2,
 551 .successbox h2 {
 552         font-size: 1em;
 553         font-weight: bold;
 554         display: inline;
 555         margin: 0 .5em 0 0;
 556         border: none;
 557 }
 558
 559 /* general info/warning box for SP */
 560 .mw-infobox {
 561         border: 2px solid #ff7f00;
 562         margin: 0.5em;
 563         clear: left;
 564         overflow: hidden;
 565 }
 566
 567 .mw-infobox-left {
 568         margin: 7px;
 569         float: left;
 570         width: 35px;
 571 }
 572
 573 .mw-infobox-right {
 574         margin: 0.5em 0.5em 0.5em 49px;
 575 }
 576
 577 /* Note on preview page */
 578 .previewnote {
 579         color: #c00;
 580         margin-bottom: 1em;
 581 }
 582
 583 .previewnote p {
 584         text-indent: 3em;
 585         margin: 0.8em 0;
 586 }
 587
 588 .visualClear {
 589         clear: both;
 590 }
 591
 592 #mw_trackbacks {
 593         border: solid 1px #bbbbff;
 594         background-color: #eeeeff;
 595         padding: 0.2em;
 596 }
 597
 598 /**
 599  * Data table style
 600  *
 601  * Transparent table with suddle borders
 602  * and blue row-highlighting.
 603  */
 604 .mw-datatable {
 605         border-collapse: collapse;
 606 }
 607 .mw-datatable,
 608 .mw-datatable td,
 609 .mw-datatable th {
 610         border: 1px solid #aaaaaa;
 611         padding: 0 0.15em 0 0.15em;
 612 }
 613 .mw-datatable th {
 614         background-color: #ddddff;
 615 }
 616 .mw-datatable td {
 617         background-color: #ffffff;
 618 }
 619 .mw-datatable tr:hover td {
 620         background-color: #eeeeff;
 621 }
 622
 623
 624 /**
 625  * TablePager tables generated by the TablePager PHP class
 626  * in MediaWiki (e.g. Special:ListFiles).
 627  */
 628 .TablePager {
 629         min-width: 80%;
 630 }
 631 .TablePager_nav {
 632         margin: 0 auto;
 633 }
 634 .TablePager_nav td {
 635         padding: 3px;
 636         text-align: center;
 637 }
 638 .TablePager_nav a {
 639         text-decoration: none;
 640 }
 641
 642 .imagelist td,
 643 .imagelist th {
 644         white-space: nowrap;
 645 }
 646 .imagelist .TablePager_col_links {
 647         background-color: #eeeeff;
 648 }
 649 .imagelist .TablePager_col_img_description {
 650         white-space: normal;
 651 }
 652 .imagelist th.TablePager_sort {
 653         background-color: #ccccff;
 654 }
 655
 656 /* filetoc */
 657 ul#filetoc {
 658         text-align: center;
 659         border: 1px solid #aaaaaa;
 660         background-color: #f9f9f9;
 661         padding: 5px;
 662         font-size: 95%;
 663         margin-bottom: 0.5em;
 664         margin-left: 0;
 665         margin-right: 0;
 666 }
 667
 668 #filetoc li {
 669         display: inline;
 670         list-style-type: none;
 671         padding-right: 2em;
 672 }
 673
 674 /* Classes for EXIF data display */
 675 table.mw_metadata {
 676         font-size: 0.8em;
 677         margin-left: 0.5em;
 678         margin-bottom: 0.5em;
 679         width: 400px;
 680 }
 681
 682 table.mw_metadata caption {
 683         font-weight: bold;
 684 }
 685
 686 table.mw_metadata th {
 687         font-weight: normal;
 688 }
 689
 690 table.mw_metadata td {
 691         padding: 0.1em;
 692 }
 693
 694 table.mw_metadata {
 695         border: none;
 696         border-collapse: collapse;
 697 }
 698
 699 table.mw_metadata td,
 700 table.mw_metadata th {
 701         text-align: center;
 702         border: 1px solid #aaaaaa;
 703         padding-left: 5px;
 704         padding-right: 5px;
 705 }
 706
 707 table.mw_metadata th {
 708         background-color: #f9f9f9;
 709 }
 710
 711 table.mw_metadata td {
 712         background-color: #fcfcfc;
 713 }
 714
 715 table.mw_metadata ul.metadata-langlist {
 716         list-style-type: none;
 717         list-style-image: none;
 718         padding-right: 5px;
 719         padding-left: 5px;
 720         margin: 0;
 721 }
 722
 723 /* Correct directionality when page dir is different from site/user dir */
 724 .mw-content-ltr ul,
 725 .mw-content-rtl .mw-content-ltr ul {
 726         /* @noflip */
 727         margin: 0.3em 0 0 1.6em;
 728         padding: 0;
 729 }
 730 .mw-content-rtl ul,
 731 .mw-content-ltr .mw-content-rtl ul {
 732         /* @noflip */
 733         margin: 0.3em 1.6em 0 0;
 734         padding: 0;
 735 }
 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;
 741 }
 742 .mw-content-rtl ol,
 743 .mw-content-ltr .mw-content-rtl ol {
 744         /* @noflip */
 745         margin: 0.3em 3.2em 0 0;
 746         padding: 0;
 747 }
 748 /* @noflip */
 749 .mw-content-ltr dd,
 750 .mw-content-rtl .mw-content-ltr dd {
 751         margin-left: 1.6em;
 752         margin-right: 0;
 753 }
 754 /* @noflip */
 755 .mw-content-rtl dd,
 756 .mw-content-ltr .mw-content-rtl dd {
 757         margin-right: 1.6em;
 758         margin-left: 0;
 759 }
 760
 761 /* Galleries */
 762 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
 763 /* Don't forget to update commonPrint.css */
 764 li.gallerybox {
 765         vertical-align: top;
 766         display: -moz-inline-box;
 767         display: inline-block;
 768 }
 769
 770 ul.gallery,
 771 li.gallerybox {
 772         zoom: 1;
 773         *display: inline;
 774 }
 775
 776 ul.gallery {
 777         margin: 2px;
 778         padding: 2px;
 779         display: block;
 780 }
 781
 782 li.gallerycaption {
 783         font-weight: bold;
 784         text-align: center;
 785         display: block;
 786         word-wrap: break-word;
 787 }
 788
 789 li.gallerybox div.thumb {
 790         text-align: center;
 791         border: 1px solid #ccc;
 792         background-color: #f9f9f9;
 793         margin: 2px;
 794 }
 795
 796 li.gallerybox div.thumb img {
 797         display: block;
 798         margin: 0 auto;
 799 }
 800
 801 div.gallerytext {
 802         overflow: hidden;
 803         font-size: 94%;
 804         padding: 2px 4px;
 805         word-wrap: break-word;
 806 }
 807
 808 .mw-ajax-loader {
 809         /* @embed */
 810         background-image: url(images/ajax-loader.gif);
 811         background-position: center center;
 812         background-repeat: no-repeat;
 813         padding: 16px;
 814         position: relative;
 815         top: -16px;
 816 }
 817
 818 .mw-small-spinner {
 819         padding: 10px !important;
 820         margin-right: 0.6em;
 821         /* @embed */
 822         background-image: url(images/spinner.gif);
 823         background-position: center center;
 824         background-repeat: no-repeat;
 825 }
 826
 827 /* Language specific height correction for titles. Ref Bug 29405 and Bug 30809 */
 828 /* Languages like hi or ml require slightly more vertical space to show diacritics properly */
 829 h1:lang(as),
 830 h1:lang(bh), /* Macrolanguage, used on bh.wikipedia.org, should be removed one day */
 831 h1:lang(bho),
 832 h1:lang(bn),
 833 h1:lang(gu),
 834 h1:lang(hi),
 835 h1:lang(kn),
 836 h1:lang(ml),
 837 h1:lang(mr),
 838 h1:lang(my),
 839 h1:lang(or),
 840 h1:lang(pa),
 841 h1:lang(sa),
 842 h1:lang(ta),
 843 h1:lang(te) {
 844         line-height: 1.6em !important;
 845 }
 846 h2:lang(as), h3:lang(as), h4:lang(as), h5:lang(as), h6:lang(as),
 847 h2:lang(bho), h3:lang(bho), h4:lang(bho), h5:lang(bho), h6:lang(bho),
 848 h2:lang(bh), h3:lang(bh), h4:lang(bh), h5:lang(bh), h6:lang(bh),
 849 h2:lang(bn), h3:lang(bn), h4:lang(bn), h5:lang(bn), h6:lang(bn),
 850 h2:lang(gu), h3:lang(gu), h4:lang(gu), h5:lang(gu), h6:lang(gu),
 851 h2:lang(hi), h3:lang(hi), h4:lang(hi), h5:lang(hi), h6:lang(hi),
 852 h2:lang(kn), h3:lang(kn), h4:lang(kn), h5:lang(kn), h6:lang(kn),
 853 h2:lang(ml), h3:lang(ml), h4:lang(ml), h5:lang(ml), h6:lang(ml),
 854 h2:lang(mr), h3:lang(mr), h4:lang(mr), h5:lang(mr), h6:lang(mr),
 855 h2:lang(my), h3:lang(my), h4:lang(my), h5:lang(my), h6:lang(my),
 856 h2:lang(or), h3:lang(or), h4:lang(or), h5:lang(or), h6:lang(or),
 857 h2:lang(pa), h3:lang(pa), h4:lang(pa), h5:lang(pa), h6:lang(pa),
 858 h2:lang(sa), h3:lang(sa), h4:lang(sa), h5:lang(sa), h6:lang(sa),
 859 h2:lang(ta), h3:lang(ta), h4:lang(ta), h5:lang(ta), h6:lang(ta),
 860 h2:lang(te), h3:lang(te), h4:lang(te), h5:lang(te), h6:lang(te) {
 861         line-height: 1.2em;
 862 }
 863
 864 /* Localised ordered list numbering for some languages */
 865 ol:lang(bcc) li,
 866 ol:lang(bqi) li,
 867 ol:lang(fa) li,
 868 ol:lang(glk) li,
 869 ol:lang(kk-arab) li,
 870 ol:lang(mzn) li {
 871         list-style-type: -moz-persian;
 872         list-style-type: persian;
 873 }
 874
 875 ol:lang(ckb) li {
 876         list-style-type: -moz-arabic-indic;
 877         list-style-type: arabic-indic;
 878 }
 879
 880 ol:lang(hi) li,
 881 ol:lang(mr) li {
 882         list-style-type: -moz-devanagari;
 883         list-style-type: devanagari;
 884 }
 885
 886 ol:lang(as) li,
 887 ol:lang(bn) li {
 888         list-style-type: -moz-bengali;
 889         list-style-type: bengali;
 890 }
 891
 892 ol:lang(or) li {
 893         list-style-type: -moz-oriya;
 894         list-style-type: oriya;
 895 }
 896
 897 #toc ul, .toc ul {
 898         margin: .3em 0;
 899 }
 900
 901 /* Correct directionality when page dir is different from site/user dir */
 902 /* @noflip */ .mw-content-ltr .toc ul,
 903 .mw-content-ltr #toc ul,
 904 .mw-content-rtl .mw-content-ltr .toc ul,
 905 .mw-content-rtl .mw-content-ltr #toc ul {
 906         text-align: left;
 907 }
 908 /* @noflip */ .mw-content-rtl .toc ul,
 909 .mw-content-rtl #toc ul,
 910 .mw-content-ltr .mw-content-rtl .toc ul,
 911 .mw-content-ltr .mw-content-rtl #toc ul {
 912         text-align: right;
 913 }
 914 /* @noflip */ .mw-content-ltr .toc ul ul,
 915 .mw-content-ltr #toc ul ul,
 916 .mw-content-rtl .mw-content-ltr .toc ul ul,
 917 .mw-content-rtl .mw-content-ltr #toc ul ul {
 918         margin: 0 0 0 2em;
 919 }
 920 /* @noflip */ .mw-content-rtl .toc ul ul,
 921 .mw-content-rtl #toc ul ul,
 922 .mw-content-ltr .mw-content-rtl .toc ul ul,
 923 .mw-content-ltr .mw-content-rtl #toc ul ul {
 924         margin: 0 2em 0 0;
 925 }
 926
 927 #toc #toctitle,
 928 .toc #toctitle,
 929 #toc .toctitle,
 930 .toc .toctitle {
 931         direction: ltr;
 932 }
 933
 934 /* tooltip styles */
 935 .mw-help-field-hint {
 936         display: none;
 937         margin-left: 2px;
 938         margin-bottom: -8px;
 939         padding: 0 0 0 15px;
 940         /* @embed */
 941         background-image: url('images/help-question.gif');
 942         background-position: left center;
 943         background-repeat: no-repeat;
 944         cursor: pointer;
 945         font-size: .8em;
 946         text-decoration: underline;
 947         color: #0645ad;
 948 }
 949 .mw-help-field-hint:hover {
 950         /* @embed */
 951         background-image: url('images/help-question-hover.gif');
 952 }
 953 .mw-help-field-data {
 954         display: block;
 955         background-color: #d6f3ff;
 956         padding:5px 8px 4px 8px;
 957         border: 1px solid #5dc9f4;
 958         margin-left: 20px;
 959 }
 960 .tipsy {
 961         padding: 5px 5px 10px;
 962         font-size: 12px;
 963         position: absolute;
 964         z-index: 100000;
 965         overflow: visible;
 966 }
 967 .tipsy-inner {
 968         padding: 5px 8px 4px 8px;
 969         background-color: #d6f3ff;
 970         color: black;
 971         border: 1px solid #5dc9f4;
 972         max-width: 300px;
 973         text-align: left;
 974 }
 975 .tipsy-arrow {
 976         position: absolute;
 977         /* @embed */
 978         background: url(images/tipsy-arrow.gif) no-repeat top left;
 979         width: 13px;
 980         height: 13px;
 981 }
 982 .tipsy-se .tipsy-arrow {
 983         bottom: -2px;
 984         right: 10px;
 985         background-position: 0% 100%;
 986 }
 987
 988 #mw-clearyourcache,
 989 #mw-sitecsspreview,
 990 #mw-sitejspreview,
 991 #mw-usercsspreview,
 992 #mw-userjspreview {
 993         direction: ltr;
 994         unicode-bidi: embed;
 995 }
 996
 997 /* Correct user & content directionality when viewing a diff */
 998 .diff-currentversion-title,
 999 .diff {
1000         direction: ltr;
1001         unicode-bidi: embed;
1002 }
1003 /* @noflip */ .diff-contentalign-right td {
1004         direction: rtl;
1005         unicode-bidi: embed;
1006 }
1007 /* @noflip */ .diff-contentalign-left td {
1008         direction: ltr;
1009         unicode-bidi: embed;
1010 }
1011 .diff-otitle,
1012 .diff-ntitle,
1013 .diff-lineno {
1014         direction: ltr !important;
1015         unicode-bidi: embed;
1016 }
1017
1018 #mw-revision-info,
1019 #mw-revision-info-current,
1020 #mw-revision-nav {
1021         direction: ltr;
1022         display: inline;
1023 }
1024
1025 /* Images */
1026
1027 /* @noflip */ div.tright,
1028 div.floatright,
1029 table.floatright {
1030         clear: right;
1031         float: right;
1032 }
1033 /* @noflip */ div.tleft,
1034 div.floatleft,
1035 table.floatleft {
1036         float: left;
1037         clear: left;
1038 }
1039 div.floatright,
1040 table.floatright,
1041 div.floatleft,
1042 table.floatleft {
1043         position: relative;
1044 }
1045
1046 /* bug 12205 */
1047 #mw-credits a {
1048         unicode-bidi: embed;
1049 }
1050
1051 /* Accessibility */
1052 .mw-jump,
1053 #jump-to-nav {
1054         overflow: hidden;
1055         height: 0;
1056         zoom: 1; /* http://webaim.org/techniques/skipnav/#iequirk */
1057 }
1058
1059 /* Print footer should be hidden by default in screen. */
1060 .printfooter {
1061         display: none;
1062 }
1063
1064 /* For developpers */
1065 .xdebug-error {
1066         position: absolute;
1067         z-index: 99;
1068 }
1069
1070 .editsection, .toctoggle {
1071     -moz-user-select: none;
1072     -webkit-user-select: none;
1073     -ms-user-select: none;
1074     user-select: none;
1075 }