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