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