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 /* Convenience links to edit block, delete and protect reasons */
 376 p.mw-ipb-conveniencelinks,
 377 p.mw-protect-editreasons,
 378 p.mw-filedelete-editreasons,
 379 p.mw-delete-editreasons,
 380 p.mw-revdel-editreasons {
 381         font-size: 90%;
 382         text-align: right;
 383 }
 384
 385 /**
 386  * OpenSearch ajax suggestions
 387  */
 388 .os-suggest {
 389         overflow: auto;
 390         overflow-x: hidden;
 391         position: absolute;
 392         top: 0;
 393         left: 0;
 394         width: 0;
 395         background-color: white;
 396         border-style: solid;
 397         border-color: #AAAAAA;
 398         border-width: 1px;
 399         z-index: 99;
 400         font-size: 95%;
 401 }
 402
 403 table.os-suggest-results {
 404         font-size: 95%;
 405         cursor: pointer;
 406         border: 0;
 407         border-collapse: collapse;
 408         width: 100%;
 409 }
 410
 411 .os-suggest-result,
 412 .os-suggest-result-hl {
 413         white-space: nowrap;
 414         background-color: white;
 415         color: black;
 416         padding: 2px;
 417 }
 418
 419 .os-suggest-result-hl,
 420 .os-suggest-result-hl-webkit {
 421         background-color: #4C59A6;
 422         color: white;
 423 }
 424
 425 .os-suggest-toggle {
 426         position: relative;
 427         left: 1ex;
 428         font-size: 65%;
 429 }
 430
 431 .os-suggest-toggle-def {
 432         position: absolute;
 433         top: 0;
 434         left: 0;
 435         font-size: 65%;
 436         visibility: hidden;
 437 }
 438
 439 /* Page history styling */
 440
 441 /* The auto-generated edit comments */
 442 .autocomment {
 443         color: gray;
 444 }
 445
 446 #pagehistory .history-user {
 447         margin-left: 0.4em;
 448         margin-right: 0.2em;
 449 }
 450
 451 #pagehistory span.minor {
 452         font-weight: bold;
 453 }
 454
 455 #pagehistory li {
 456         border: 1px solid white;
 457 }
 458
 459 #pagehistory li.selected {
 460         background-color: #f9f9f9;
 461         border: 1px dashed #aaa;
 462 }
 463
 464 .mw-history-revisiondelete-button, #mw-fileduplicatesearch-icon {
 465         float: right;
 466 }
 467
 468 /** Generic minor/bot/newpage styling (recent changes) */
 469 .newpage,
 470 .minoredit,
 471 .botedit {
 472         font-weight: bold;
 473 }
 474
 475 #shared-image-dup,
 476 #shared-image-conflict {
 477         font-style: italic;
 478 }
 479
 480 /**
 481  * Recreating deleted page warning
 482  * Reupload file warning
 483  * Page protection warning
 484  * incl. log entries for these warnings
 485  */
 486 div.mw-warning-with-logexcerpt {
 487         padding: 3px;
 488         margin-bottom: 3px;
 489         border: 2px solid #2F6FAB;
 490         clear: both;
 491 }
 492
 493 div.mw-warning-with-logexcerpt ul li {
 494         font-size: 90%;
 495 }
 496
 497 /* (show/hide) revision deletion links */
 498 span.mw-revdelundel-link,
 499 strong.mw-revdelundel-link {
 500         font-size: 90%;
 501 }
 502
 503 span.mw-revdelundel-hidden,
 504 input.mw-revdelundel-hidden {
 505         visibility: hidden;
 506 }
 507
 508 td.mw-revdel-checkbox,
 509 th.mw-revdel-checkbox {
 510         padding-right: 10px;
 511         text-align: center;
 512 }
 513
 514 /* red links; see bug 36276 */
 515 a.new {
 516         color: #BA0000;
 517 }
 518
 519 /* feed links */
 520 a.feedlink {
 521         /* SVG support using a transparent gradient to guarantee cross-browser
 522          * compatibility (browsers able to understand gradient syntax support also SVG).
 523          * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
 524         background-image: url(images/feed-icon.png);
 525         /* @embed */
 526         background-image: -webkit-linear-gradient(transparent, transparent), url(images/feed-icon.svg);
 527         /* @embed */
 528         background-image: linear-gradient(transparent, transparent), url(images/feed-icon.svg);
 529         background-position: center left;
 530         background-repeat: no-repeat;
 531         background-size: 12px 12px;
 532         padding-left: 16px;
 533 }
 534
 535 /* Plainlinks - this can be used to switch
 536  * off special external link styling */
 537 .plainlinks a {
 538         background: none !important;
 539         padding: 0 !important;
 540 }
 541
 542 /* External URLs should always be treated as LTR (bug 4330) */
 543 /* @noflip */ .rtl a.external.free,
 544 .rtl a.external.autonumber {
 545         direction: ltr;
 546         unicode-bidi: embed;
 547 }
 548
 549 /**
 550  * wikitable class for skinning normal tables
 551  * keep in sync with commonPrint.css
 552  */
 553 table.wikitable {
 554         margin: 1em 0;
 555         background-color: #f9f9f9;
 556         border: 1px #aaa solid;
 557         border-collapse: collapse;
 558         color: black;
 559 }
 560
 561 table.wikitable > tr > th,
 562 table.wikitable > tr > td,
 563 table.wikitable > * > tr > th,
 564 table.wikitable > * > tr > td {
 565         border: 1px #aaa solid;
 566         padding: 0.2em;
 567 }
 568
 569 table.wikitable > tr > th,
 570 table.wikitable > * > tr > th {
 571         background-color: #f2f2f2;
 572         text-align: center;
 573 }
 574
 575 table.wikitable > caption {
 576         font-weight: bold;
 577 }
 578
 579 /**
 580  * Hide collapsable rows in a collapsed table.
 581  *
 582  * Used by ImagePage and the mediawiki.action.view.metadata module.
 583  */
 584 table.collapsed tr.collapsable {
 585         display: none;
 586 }
 587
 588 /* success and error messages */
 589 .error,
 590 .warning,
 591 .success {
 592         font-size: larger;
 593 }
 594
 595 .error {
 596         color: #cc0000;
 597 }
 598
 599 .warning {
 600         color: #705000;
 601 }
 602
 603 .success {
 604         color: #009000;
 605 }
 606
 607 .errorbox,
 608 .warningbox,
 609 .successbox {
 610         border: 1px solid;
 611         padding: .5em 1em;
 612         margin-bottom: 1em;
 613         display: -moz-inline-block;
 614         display: inline-block;
 615         zoom: 1;
 616         *display: inline;
 617 }
 618
 619 .errorbox h2,
 620 .warningbox h2,
 621 .successbox h2 {
 622         font-size: 1em;
 623         color: inherit;
 624         font-weight: bold;
 625         display: inline;
 626         margin: 0 .5em 0 0;
 627         border: none;
 628 }
 629
 630 .errorbox {
 631         color: #cc0000;
 632         border-color: #fac5c5;
 633         background-color: #fae3e3;
 634 }
 635
 636 .warningbox {
 637         color: #705000;
 638         border-color: #fde29b;
 639         background-color: #fdf1d1;
 640 }
 641
 642 .successbox {
 643         color: #009000;
 644         border-color: #b7fdb5;
 645         background-color: #e1fddf;
 646 }
 647
 648 /* general info/warning box for SP */
 649 .mw-infobox {
 650         border: 2px solid #ff7f00;
 651         margin: 0.5em;
 652         clear: left;
 653         overflow: hidden;
 654 }
 655
 656 .mw-infobox-left {
 657         margin: 7px;
 658         float: left;
 659         width: 35px;
 660 }
 661
 662 .mw-infobox-right {
 663         margin: 0.5em 0.5em 0.5em 49px;
 664 }
 665
 666 /* Note on preview page */
 667 .previewnote {
 668         color: #c00;
 669         margin-bottom: 1em;
 670 }
 671
 672 .previewnote p {
 673         text-indent: 3em;
 674         margin: 0.8em 0;
 675 }
 676
 677 .visualClear {
 678         clear: both;
 679 }
 680
 681 /**
 682  * Data table style
 683  *
 684  * Transparent table with suddle borders
 685  * and blue row-highlighting.
 686  */
 687 .mw-datatable {
 688         border-collapse: collapse;
 689 }
 690
 691 .mw-datatable,
 692 .mw-datatable td,
 693 .mw-datatable th {
 694         border: 1px solid #aaaaaa;
 695         padding: 0 0.15em 0 0.15em;
 696 }
 697
 698 .mw-datatable th {
 699         background-color: #ddddff;
 700 }
 701
 702 .mw-datatable td {
 703         background-color: #ffffff;
 704 }
 705
 706 .mw-datatable tr:hover td {
 707         background-color: #eeeeff;
 708 }
 709
 710 /**
 711  * TablePager tables generated by the TablePager PHP class
 712  * in MediaWiki (e.g. Special:ListFiles).
 713  */
 714 .TablePager {
 715         min-width: 80%;
 716 }
 717
 718 .TablePager_nav {
 719         margin: 0 auto;
 720 }
 721
 722 .TablePager_nav td {
 723         padding: 3px;
 724         text-align: center;
 725 }
 726
 727 .TablePager_nav a {
 728         text-decoration: none;
 729 }
 730
 731 .imagelist td,
 732 .imagelist th {
 733         white-space: nowrap;
 734 }
 735
 736 .imagelist .TablePager_col_links {
 737         background-color: #eeeeff;
 738 }
 739
 740 .imagelist .TablePager_col_img_description {
 741         white-space: normal;
 742 }
 743
 744 .imagelist th.TablePager_sort {
 745         background-color: #ccccff;
 746 }
 747
 748 /* filetoc */
 749 ul#filetoc {
 750         text-align: center;
 751         border: 1px solid #aaaaaa;
 752         background-color: #f9f9f9;
 753         padding: 5px;
 754         font-size: 95%;
 755         margin-bottom: 0.5em;
 756         margin-left: 0;
 757         margin-right: 0;
 758 }
 759
 760 #filetoc li {
 761         display: inline;
 762         list-style-type: none;
 763         padding-right: 2em;
 764 }
 765
 766 /* Classes for Exif data display */
 767 table.mw_metadata {
 768         font-size: 0.8em;
 769         margin-left: 0.5em;
 770         margin-bottom: 0.5em;
 771         width: 400px;
 772 }
 773
 774 table.mw_metadata caption {
 775         font-weight: bold;
 776 }
 777
 778 table.mw_metadata th {
 779         font-weight: normal;
 780 }
 781
 782 table.mw_metadata td {
 783         padding: 0.1em;
 784 }
 785
 786 table.mw_metadata {
 787         border: none;
 788         border-collapse: collapse;
 789 }
 790
 791 table.mw_metadata td,
 792 table.mw_metadata th {
 793         text-align: center;
 794         border: 1px solid #aaaaaa;
 795         padding-left: 5px;
 796         padding-right: 5px;
 797 }
 798
 799 table.mw_metadata th {
 800         background-color: #f9f9f9;
 801 }
 802
 803 table.mw_metadata td {
 804         background-color: #fcfcfc;
 805 }
 806
 807 table.mw_metadata ul.metadata-langlist {
 808         list-style-type: none;
 809         list-style-image: none;
 810         padding-right: 5px;
 811         padding-left: 5px;
 812         margin: 0;
 813 }
 814
 815 /* Correct directionality when page dir is different from site/user dir */
 816 .mw-content-ltr ul,
 817 .mw-content-rtl .mw-content-ltr ul {
 818         /* @noflip */
 819         margin: 0.3em 0 0 1.6em;
 820         padding: 0;
 821 }
 822
 823 .mw-content-rtl ul,
 824 .mw-content-ltr .mw-content-rtl ul {
 825         /* @noflip */
 826         margin: 0.3em 1.6em 0 0;
 827         padding: 0;
 828 }
 829
 830 .mw-content-ltr ol,
 831 .mw-content-rtl .mw-content-ltr ol {
 832         /* @noflip */
 833         margin: 0.3em 0 0 3.2em;
 834         padding: 0;
 835 }
 836
 837 .mw-content-rtl ol,
 838 .mw-content-ltr .mw-content-rtl ol {
 839         /* @noflip */
 840         margin: 0.3em 3.2em 0 0;
 841         padding: 0;
 842 }
 843
 844 /* @noflip */
 845 .mw-content-ltr dd,
 846 .mw-content-rtl .mw-content-ltr dd {
 847         margin-left: 1.6em;
 848         margin-right: 0;
 849 }
 850
 851 /* @noflip */
 852 .mw-content-rtl dd,
 853 .mw-content-ltr .mw-content-rtl dd {
 854         margin-right: 1.6em;
 855         margin-left: 0;
 856 }
 857
 858 /* Galleries */
 859 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
 860 /* Don't forget to update commonPrint.css */
 861 li.gallerybox {
 862         vertical-align: top;
 863         display: -moz-inline-box;
 864         display: inline-block;
 865 }
 866
 867 ul.gallery,
 868 li.gallerybox {
 869         zoom: 1;
 870         *display: inline;
 871 }
 872
 873 ul.gallery {
 874         margin: 2px;
 875         padding: 2px;
 876         display: block;
 877 }
 878
 879 li.gallerycaption {
 880         font-weight: bold;
 881         text-align: center;
 882         display: block;
 883         word-wrap: break-word;
 884 }
 885
 886 li.gallerybox div.thumb {
 887         text-align: center;
 888         border: 1px solid #ccc;
 889         background-color: #f9f9f9;
 890         margin: 2px;
 891 }
 892
 893 li.gallerybox div.thumb img {
 894         display: block;
 895         margin: 0 auto;
 896 }
 897
 898 div.gallerytext {
 899         overflow: hidden;
 900         font-size: 94%;
 901         padding: 2px 4px;
 902         word-wrap: break-word;
 903 }
 904
 905 /* new gallery stuff */
 906 ul.mw-gallery-nolines li.gallerybox div.thumb {
 907         background-color: transparent;
 908         border: none;
 909 }
 910
 911 ul.mw-gallery-nolines li.gallerybox div.gallerytext {
 912         text-align: center;
 913 }
 914
 915 /* height constrained gallery */
 916
 917 ul.mw-gallery-packed li.gallerybox div.thumb,
 918 ul.mw-gallery-packed-overlay li.gallerybox div.thumb,
 919 ul.mw-gallery-packed-hover li.gallerybox div.thumb {
 920         background-color: transparent;
 921         border: none;
 922 }
 923
 924 ul.mw-gallery-packed li.gallerybox div.thumb img,
 925 ul.mw-gallery-packed-overlay li.gallerybox div.thumb img,
 926 ul.mw-gallery-packed-hover li.gallerybox div.thumb img {
 927         margin: 0 auto;
 928 }
 929
 930 ul.mw-gallery-packed-hover li.gallerybox,
 931 ul.mw-gallery-packed-overlay li.gallerybox {
 932         position: relative;
 933 }
 934
 935 ul.mw-gallery-packed-hover div.gallerytextwrapper {
 936         overflow: hidden;
 937         height: 0;
 938 }
 939
 940 ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
 941 ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
 942 ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
 943         position: absolute;
 944         background: white;
 945         background: rgba(255, 255, 255, 0.8);
 946         padding: 5px 10px;
 947         bottom: 0;
 948         left: 0; /* Needed for IE */
 949         height: auto;
 950         font-weight: bold;
 951         margin: 2px; /* correspond to style on div.thumb */
 952 }
 953
 954 ul.mw-gallery-packed-hover,
 955 ul.mw-gallery-packed-overlay,
 956 ul.mw-gallery-packed {
 957         text-align: center;
 958 }
 959
 960 .mw-ajax-loader {
 961         /* @embed */
 962         background-image: url(images/ajax-loader.gif);
 963         background-position: center center;
 964         background-repeat: no-repeat;
 965         padding: 16px;
 966         position: relative;
 967         top: -16px;
 968 }
 969
 970 .mw-small-spinner {
 971         padding: 10px !important;
 972         margin-right: 0.6em;
 973         /* @embed */
 974         background-image: url(images/spinner.gif);
 975         background-position: center center;
 976         background-repeat: no-repeat;
 977 }
 978
 979 /* Language specific height correction for titles. Ref Bug 29405 and Bug 30809 */
 980 /* Languages like hi or ml require slightly more vertical space to show diacritics properly */
 981 h1:lang(anp),
 982 h1:lang(as),
 983 h1:lang(bh), /* Macrolanguage, used on bh.wikipedia.org, should be removed one day */
 984 h1:lang(bho),
 985 h1:lang(bn),
 986 h1:lang(gu),
 987 h1:lang(hi),
 988 h1:lang(kn),
 989 h1:lang(ks),
 990 h1:lang(ml),
 991 h1:lang(mr),
 992 h1:lang(my),
 993 h1:lang(mai),
 994 h1:lang(ne),
 995 h1:lang(new),
 996 h1:lang(or),
 997 h1:lang(pa),
 998 h1:lang(pi),
 999 h1:lang(sa),
1000 h1:lang(ta),
1001 h1:lang(te) {
1002         line-height: 1.6em !important;
1003 }
1004
1005 h2:lang(anp), h3:lang(anp), h4:lang(anp), h5:lang(anp), h6:lang(anp),
1006 h2:lang(as), h3:lang(as), h4:lang(as), h5:lang(as), h6:lang(as),
1007 h2:lang(bho), h3:lang(bho), h4:lang(bho), h5:lang(bho), h6:lang(bho),
1008 h2:lang(bh), h3:lang(bh), h4:lang(bh), h5:lang(bh), h6:lang(bh),
1009 h2:lang(bn), h3:lang(bn), h4:lang(bn), h5:lang(bn), h6:lang(bn),
1010 h2:lang(gu), h3:lang(gu), h4:lang(gu), h5:lang(gu), h6:lang(gu),
1011 h2:lang(hi), h3:lang(hi), h4:lang(hi), h5:lang(hi), h6:lang(hi),
1012 h2:lang(kn), h3:lang(kn), h4:lang(kn), h5:lang(kn), h6:lang(kn),
1013 h2:lang(ks), h3:lang(ks), h4:lang(ks), h5:lang(ks), h6:lang(ks),
1014 h2:lang(ml), h3:lang(ml), h4:lang(ml), h5:lang(ml), h6:lang(ml),
1015 h2:lang(mr), h3:lang(mr), h4:lang(mr), h5:lang(mr), h6:lang(mr),
1016 h2:lang(my), h3:lang(my), h4:lang(my), h5:lang(my), h6:lang(my),
1017 h2:lang(mai), h3:lang(mai), h4:lang(mai), h5:lang(mai), h6:lang(mai),
1018 h2:lang(ne), h3:lang(ne), h4:lang(ne), h5:lang(ne), h6:lang(ne),
1019 h2:lang(new), h3:lang(new), h4:lang(new), h5:lang(new), h6:lang(new),
1020 h2:lang(or), h3:lang(or), h4:lang(or), h5:lang(or), h6:lang(or),
1021 h2:lang(pa), h3:lang(pa), h4:lang(pa), h5:lang(pa), h6:lang(pa),
1022 h2:lang(pi), h3:lang(pi), h4:lang(pi), h5:lang(pi), h6:lang(pi),
1023 h2:lang(sa), h3:lang(sa), h4:lang(sa), h5:lang(sa), h6:lang(sa),
1024 h2:lang(ta), h3:lang(ta), h4:lang(ta), h5:lang(ta), h6:lang(ta),
1025 h2:lang(te), h3:lang(te), h4:lang(te), h5:lang(te), h6:lang(te) {
1026         line-height: 1.2em;
1027 }
1028
1029 /* Localised ordered list numbering for some languages */
1030 ol:lang(bcc) li,
1031 ol:lang(bqi) li,
1032 ol:lang(fa) li,
1033 ol:lang(glk) li,
1034 ol:lang(kk-arab) li,
1035 ol:lang(mzn) li {
1036         list-style-type: -moz-persian;
1037         list-style-type: persian;
1038 }
1039
1040 ol:lang(ckb) li {
1041         list-style-type: -moz-arabic-indic;
1042         list-style-type: arabic-indic;
1043 }
1044
1045 ol:lang(hi) li,
1046 ol:lang(mr) li {
1047         list-style-type: -moz-devanagari;
1048         list-style-type: devanagari;
1049 }
1050
1051 ol:lang(as) li,
1052 ol:lang(bn) li {
1053         list-style-type: -moz-bengali;
1054         list-style-type: bengali;
1055 }
1056
1057 ol:lang(or) li {
1058         list-style-type: -moz-oriya;
1059         list-style-type: oriya;
1060 }
1061
1062 #toc ul, .toc ul {
1063         margin: .3em 0;
1064 }
1065
1066 /* Correct directionality when page dir is different from site/user dir */
1067 /* @noflip */ .mw-content-ltr .toc ul,
1068 .mw-content-ltr #toc ul,
1069 .mw-content-rtl .mw-content-ltr .toc ul,
1070 .mw-content-rtl .mw-content-ltr #toc ul {
1071         text-align: left;
1072 }
1073
1074 /* @noflip */ .mw-content-rtl .toc ul,
1075 .mw-content-rtl #toc ul,
1076 .mw-content-ltr .mw-content-rtl .toc ul,
1077 .mw-content-ltr .mw-content-rtl #toc ul {
1078         text-align: right;
1079 }
1080
1081 /* @noflip */ .mw-content-ltr .toc ul ul,
1082 .mw-content-ltr #toc ul ul,
1083 .mw-content-rtl .mw-content-ltr .toc ul ul,
1084 .mw-content-rtl .mw-content-ltr #toc ul ul {
1085         margin: 0 0 0 2em;
1086 }
1087
1088 /* @noflip */ .mw-content-rtl .toc ul ul,
1089 .mw-content-rtl #toc ul ul,
1090 .mw-content-ltr .mw-content-rtl .toc ul ul,
1091 .mw-content-ltr .mw-content-rtl #toc ul ul {
1092         margin: 0 2em 0 0;
1093 }
1094
1095 #toc #toctitle,
1096 .toc #toctitle,
1097 #toc .toctitle,
1098 .toc .toctitle {
1099         direction: ltr;
1100 }
1101
1102 /* tooltip styles */
1103 .mw-help-field-hint {
1104         display: none;
1105         margin-left: 2px;
1106         margin-bottom: -8px;
1107         padding: 0 0 0 15px;
1108         /* @embed */
1109         background-image: url(images/help-question.gif);
1110         background-position: left center;
1111         background-repeat: no-repeat;
1112         cursor: pointer;
1113         font-size: .8em;
1114         text-decoration: underline;
1115         color: #0645ad;
1116 }
1117
1118 .mw-help-field-hint:hover {
1119         /* @embed */
1120         background-image: url(images/help-question-hover.gif);
1121 }
1122
1123 .mw-help-field-data {
1124         display: block;
1125         background-color: #d6f3ff;
1126         padding: 5px 8px 4px 8px;
1127         border: 1px solid #5dc9f4;
1128         margin-left: 20px;
1129 }
1130
1131 .tipsy {
1132         padding: 5px 5px 10px;
1133         font-size: 12px;
1134         position: absolute;
1135         z-index: 100000;
1136         overflow: visible;
1137 }
1138
1139 .tipsy-inner {
1140         padding: 5px 8px 4px 8px;
1141         background-color: #d6f3ff;
1142         color: black;
1143         border: 1px solid #5dc9f4;
1144         max-width: 300px;
1145         text-align: left;
1146 }
1147
1148 .tipsy-arrow {
1149         position: absolute;
1150         /* @embed */
1151         background: url(images/tipsy-arrow.gif) no-repeat top left;
1152         width: 13px;
1153         height: 13px;
1154 }
1155
1156 .tipsy-se .tipsy-arrow {
1157         bottom: -2px;
1158         right: 10px;
1159         background-position: 0% 100%;
1160 }
1161
1162 #mw-clearyourcache,
1163 #mw-sitecsspreview,
1164 #mw-sitejspreview,
1165 #mw-usercsspreview,
1166 #mw-userjspreview {
1167         direction: ltr;
1168         unicode-bidi: embed;
1169 }
1170
1171 /* Correct user & content directionality when viewing a diff */
1172 .diff-currentversion-title,
1173 .diff {
1174         direction: ltr;
1175         unicode-bidi: embed;
1176 }
1177
1178 /* @noflip */ .diff-contentalign-right td {
1179         direction: rtl;
1180         unicode-bidi: embed;
1181 }
1182
1183 /* @noflip */ .diff-contentalign-left td {
1184         direction: ltr;
1185         unicode-bidi: embed;
1186 }
1187
1188 .diff-multi,
1189 .diff-otitle,
1190 .diff-ntitle,
1191 .diff-lineno {
1192         direction: ltr !important;
1193         unicode-bidi: embed;
1194 }
1195
1196 #mw-revision-info,
1197 #mw-revision-info-current,
1198 #mw-revision-nav {
1199         direction: ltr;
1200         display: inline;
1201 }
1202
1203 /* Images */
1204
1205 /* @noflip */ div.tright,
1206 div.floatright,
1207 table.floatright {
1208         clear: right;
1209         float: right;
1210 }
1211
1212 /* @noflip */ div.tleft,
1213 div.floatleft,
1214 table.floatleft {
1215         float: left;
1216         clear: left;
1217 }
1218
1219 div.floatright,
1220 table.floatright,
1221 div.floatleft,
1222 table.floatleft {
1223         position: relative;
1224 }
1225
1226 /* bug 12205 */
1227 #mw-credits a {
1228         unicode-bidi: embed;
1229 }
1230
1231 /* Accessibility */
1232 .mw-jump,
1233 #jump-to-nav {
1234         overflow: hidden;
1235         height: 0;
1236         zoom: 1; /* http://webaim.org/techniques/skipnav/#iequirk */
1237 }
1238
1239 /* Print footer should be hidden by default in screen. */
1240 .printfooter {
1241         display: none;
1242 }
1243
1244 /* For developers */
1245 .xdebug-error {
1246         position: absolute;
1247         z-index: 99;
1248 }
1249
1250 .mw-editsection,
1251 .toctoggle,
1252 #jump-to-nav {
1253         -moz-user-select: none;
1254         -webkit-user-select: none;
1255         -ms-user-select: none;
1256         user-select: none;
1257 }
1258
1259 /* Display editsection links smaller and next to headings */
1260 .mw-editsection,
1261 .mw-editsection-like {
1262         font-size: small;
1263         font-weight: normal;
1264         margin-left: 1em;
1265         vertical-align: baseline;
1266         /* Reset line-height; headings tend to have it set to larger values */
1267         line-height: 1em;
1268         /* As .mw-editsection is a <span> (inline element), it is treated as part */
1269         /* of the heading content when selecting text by multiple clicks and thus */
1270         /* selected together with heading content, despite the user-select: none; */
1271         /* rule set above. This enforces non-selection without changing the look. */
1272         display: inline-block;
1273 }
1274
1275 /* Correct directionality when page dir is different from site/user dir */
1276 /* @noflip */
1277 .mw-content-ltr .mw-editsection,
1278 .mw-content-rtl .mw-content-ltr .mw-editsection {
1279         margin-left: 1em;
1280 }
1281
1282 /* @noflip */
1283 .mw-content-rtl .mw-editsection,
1284 .mw-content-ltr .mw-content-rtl .mw-editsection {
1285         margin-right: 1em;
1286 }
1287
1288 /* Prevent citations and subscripts from interfering with the line-height */
1289 sup,
1290 sub {
1291         line-height: 1;
1292 }