resources/src/mediawiki.legacy/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  * NOTE: The images which are referenced in this file are no longer in use in
   7  * essential interface components. They should NOT be embedded, because that
   8  * optimizes for the uncommon case at the cost of bloating the size of render-
   9  * blocking CSS common to all pages.
  10  */
  11
  12 /* GENERAL CLASSES FOR DIRECTIONALITY SUPPORT */
  13
  14 /**
  15  * These classes should be used for text depending on the content direction.
  16  * Content stuff like editsection, ul/ol and TOC depend on this.
  17  */
  18 .mw-content-ltr {
  19         /* @noflip */
  20         direction: ltr;
  21 }
  22
  23 .mw-content-rtl {
  24         /* @noflip */
  25         direction: rtl;
  26 }
  27
  28 /* Most input fields should be in site direction */
  29 .sitedir-ltr textarea,
  30 .sitedir-ltr input {
  31         /* @noflip */
  32         direction: ltr;
  33 }
  34
  35 .sitedir-rtl textarea,
  36 .sitedir-rtl input {
  37         /* @noflip */
  38         direction: rtl;
  39 }
  40
  41 .mw-userlink {
  42         unicode-bidi: embed;
  43 }
  44
  45 /* User-Agent styles for new HTML5 elements */
  46 mark {
  47         background-color: yellow;
  48         color: black;
  49 }
  50
  51 /* Helper for wbr element on IE 8+; in HTML5, but not supported by default as of IE 11. */
  52 /* Note canonical HTML5 styles recommend "content: \u200B", but this doesn't work as of IE 11. */
  53 wbr {
  54         display: inline-block;
  55 }
  56
  57 /* Input types that should follow user direction, like buttons */
  58 /* TODO: What about buttons in wikipage content ? */
  59 input[type="submit"],
  60 input[type="button"],
  61 input[type="reset"],
  62 input[type="file"] {
  63         direction: ltr;
  64 }
  65
  66 /* Override default values */
  67 textarea[dir="ltr"],
  68 input[dir="ltr"] {
  69         /* @noflip */
  70         direction: ltr;
  71 }
  72
  73 textarea[dir="rtl"],
  74 input[dir="rtl"] {
  75         /* @noflip */
  76         direction: rtl;
  77 }
  78
  79 /* Default style for semantic tags */
  80 abbr[title],
  81 .explain[title] {
  82         border-bottom: 1px dotted;
  83         cursor: help;
  84 }
  85
  86 @supports (text-decoration: underline dotted) {
  87         abbr[title],
  88         .explain[title] {
  89                 border-bottom: none;
  90                 text-decoration: underline dotted;
  91         }
  92 }
  93
  94 /* Colored watchlist and recent changes numbers */
  95 .mw-plusminus-pos {
  96         color: #006400; /* dark green */
  97 }
  98
  99 .mw-plusminus-neg {
 100         color: #8b0000; /* dark red */
 101 }
 102
 103 .mw-plusminus-null {
 104         color: #aaa; /* gray */
 105 }
 106
 107 /*
 108  * Bidi-isolate these numbers.
 109  * See https://phabricator.wikimedia.org/T93484
 110  */
 111 .mw-plusminus-pos,
 112 .mw-plusminus-neg,
 113 .mw-plusminus-null {
 114         unicode-bidi: -moz-isolate;
 115         unicode-bidi: -webkit-isolate;
 116         unicode-bidi: isolate;
 117 }
 118
 119 /* Comment portions of RC entries */
 120 span.comment {
 121         font-style: italic;
 122 }
 123
 124 /**
 125  * Add a bit of margin space between the preview and the toolbar.
 126  * This replaces the ugly <p><br /></p> we used to insert into the page source
 127  */
 128 #wikiPreview.ontop {
 129         margin-bottom: 1em;
 130 }
 131
 132 /* Stop floats from intruding into edit area in previews */
 133 #editform,
 134 #toolbar,
 135 #wpTextbox1 {
 136         clear: both;
 137 }
 138
 139 /**
 140  * rev_deleted stuff
 141  */
 142 li span.deleted,
 143 span.history-deleted {
 144         text-decoration: line-through;
 145         color: #888;
 146         font-style: italic;
 147 }
 148
 149 /**
 150  * Patrol stuff
 151  */
 152 .not-patrolled {
 153         background-color: #ffa;
 154 }
 155
 156 .unpatrolled {
 157         font-weight: bold;
 158         color: red;
 159 }
 160
 161 div.patrollink {
 162         font-size: 75%;
 163         text-align: right;
 164 }
 165
 166 /**
 167  * Forms
 168  */
 169 td.mw-label {
 170         text-align: right;
 171 }
 172
 173 td.mw-input {
 174         text-align: left;
 175 }
 176
 177 td.mw-submit {
 178         text-align: left;
 179 }
 180
 181 td.mw-label {
 182         vertical-align: middle;
 183 }
 184
 185 td.mw-submit {
 186         white-space: nowrap;
 187 }
 188
 189 input#wpSummary {
 190         width: 80%;
 191         margin-bottom: 1em;
 192 }
 193
 194 /**
 195  * Image captions.
 196  *
 197  * This is only meant to provide the most basic of styles, visual settings shouldn't be added here.
 198  */
 199
 200 /* @noflip */
 201 .mw-content-ltr .thumbcaption {
 202         text-align: left;
 203 }
 204
 205 /* @noflip */
 206 .mw-content-ltr .magnify {
 207         float: right;
 208 }
 209
 210 /* @noflip */
 211 .mw-content-rtl .thumbcaption {
 212         text-align: right;
 213 }
 214
 215 /* @noflip */
 216 .mw-content-rtl .magnify {
 217         float: left;
 218 }
 219
 220 /**
 221  * Categories
 222  */
 223 #catlinks {
 224         /**
 225          * Overrides text justification (user preference)
 226          * See bug 31990
 227          */
 228         text-align: left;
 229 }
 230
 231 .catlinks ul {
 232         display: inline;
 233         margin: 0;
 234         padding: 0;
 235         list-style: none;
 236         list-style-type: none;
 237         list-style-image: none;
 238         vertical-align: middle !ie;
 239 }
 240
 241 .catlinks li {
 242         display: inline-block;
 243         line-height: 1.25em;
 244         border-left: 1px solid #AAA;
 245         margin: 0.125em 0;
 246         padding: 0 0.5em;
 247         zoom: 1;
 248         display: inline !ie;
 249 }
 250
 251 .catlinks li:first-child {
 252         padding-left: 0.25em;
 253         border-left: none;
 254 }
 255
 256 /* (bug 5346) make category redirects italic */
 257 .catlinks li a.mw-redirect {
 258         font-style: italic;
 259 }
 260
 261 /**
 262  * Hidden categories
 263  */
 264 .mw-hidden-cats-hidden {
 265         display: none;
 266 }
 267
 268 .catlinks-allhidden {
 269         display: none;
 270 }
 271
 272 /**
 273  * Convenience links to edit delete and protect reasons
 274  */
 275 p.mw-protect-editreasons,
 276 p.mw-filedelete-editreasons,
 277 p.mw-delete-editreasons {
 278         font-size: 90%;
 279         text-align: right;
 280 }
 281
 282 /* Page history styling */
 283
 284 /* The auto-generated edit comments */
 285 .autocomment {
 286         color: gray;
 287 }
 288
 289 #pagehistory .history-user {
 290         margin-left: 0.4em;
 291         margin-right: 0.2em;
 292 }
 293
 294 #pagehistory li {
 295         border: 1px solid white;
 296 }
 297
 298 #pagehistory li.selected {
 299         background-color: #f9f9f9;
 300         border: 1px dashed #aaa;
 301 }
 302
 303 .mw-history-revisionactions {
 304         float: right;
 305 }
 306
 307 /** Generic minor/bot/newpage styling (recent changes) */
 308 .newpage,
 309 .minoredit,
 310 .botedit {
 311         font-weight: bold;
 312 }
 313
 314 /**
 315  * Recreating deleted page warning
 316  * Reupload file warning
 317  * Page protection warning
 318  * incl. log entries for these warnings
 319  */
 320 div.mw-warning-with-logexcerpt {
 321         padding: 3px;
 322         margin-bottom: 3px;
 323         border: 2px solid #2F6FAB;
 324         clear: both;
 325 }
 326
 327 div.mw-warning-with-logexcerpt ul li {
 328         font-size: 90%;
 329 }
 330
 331 /* (show/hide) revision deletion links */
 332 span.mw-revdelundel-link,
 333 strong.mw-revdelundel-link {
 334         font-size: 90%;
 335 }
 336
 337 span.mw-revdelundel-hidden,
 338 input.mw-revdelundel-hidden {
 339         visibility: hidden;
 340 }
 341
 342 td.mw-revdel-checkbox,
 343 th.mw-revdel-checkbox {
 344         padding-right: 10px;
 345         text-align: center;
 346 }
 347
 348 /* red links; see bug 36276 */
 349 a.new {
 350         color: #BA0000;
 351 }
 352
 353 /* Plainlinks - this can be used to switch
 354  * off special external link styling */
 355 .plainlinks a.external {
 356         background: none !important;
 357         padding: 0 !important;
 358 }
 359
 360 /* External URLs should always be treated as LTR (bug 4330) */
 361 /* @noflip */ .rtl a.external.free,
 362 .rtl a.external.autonumber {
 363         direction: ltr;
 364         unicode-bidi: embed;
 365 }
 366
 367 /**
 368  * wikitable class for skinning normal tables
 369  * keep in sync with commonPrint.css
 370  */
 371 table.wikitable {
 372         margin: 1em 0;
 373         background-color: #f9f9f9;
 374         border: 1px solid #aaa;
 375         border-collapse: collapse;
 376         color: black;
 377 }
 378
 379 table.wikitable > tr > th,
 380 table.wikitable > tr > td,
 381 table.wikitable > * > tr > th,
 382 table.wikitable > * > tr > td {
 383         border: 1px solid #aaa;
 384         padding: 0.2em 0.4em;
 385 }
 386
 387 table.wikitable > tr > th,
 388 table.wikitable > * > tr > th {
 389         background-color: #f2f2f2;
 390         text-align: center;
 391 }
 392
 393 table.wikitable > caption {
 394         font-weight: bold;
 395 }
 396
 397 /* success and error messages */
 398 .error,
 399 .warning,
 400 .success {
 401         font-size: larger;
 402 }
 403
 404 .error {
 405         color: #cc0000;
 406 }
 407
 408 .warning {
 409         color: #705000;
 410 }
 411
 412 .success {
 413         color: #009000;
 414 }
 415
 416 .errorbox,
 417 .warningbox,
 418 .successbox {
 419         border: 1px solid;
 420         padding: .5em 1em;
 421         margin-bottom: 1em;
 422         display: inline-block;
 423         zoom: 1;
 424         *display: inline;
 425 }
 426
 427 .errorbox h2,
 428 .warningbox h2,
 429 .successbox h2 {
 430         font-size: 1em;
 431         color: inherit;
 432         font-weight: bold;
 433         display: inline;
 434         margin: 0 .5em 0 0;
 435         border: none;
 436 }
 437
 438 .errorbox {
 439         color: #cc0000;
 440         border-color: #fac5c5;
 441         background-color: #fae3e3;
 442 }
 443
 444 .warningbox {
 445         color: #705000;
 446         border-color: #fde29b;
 447         background-color: #fdf1d1;
 448 }
 449
 450 .successbox {
 451         color: #008000;
 452         border-color: #b7fdb5;
 453         background-color: #e1fddf;
 454 }
 455
 456 /* general info/warning box for SP */
 457 .mw-infobox {
 458         border: 2px solid #ff7f00;
 459         margin: 0.5em;
 460         clear: left;
 461         overflow: hidden;
 462 }
 463
 464 .mw-infobox-left {
 465         margin: 7px;
 466         float: left;
 467         width: 35px;
 468 }
 469
 470 .mw-infobox-right {
 471         margin: 0.5em 0.5em 0.5em 49px;
 472 }
 473
 474 /* Note on preview page */
 475 .previewnote {
 476         color: #c00;
 477         margin-bottom: 1em;
 478 }
 479
 480 .previewnote p {
 481         text-indent: 3em;
 482         margin: 0.8em 0;
 483 }
 484
 485 .visualClear {
 486         clear: both;
 487 }
 488
 489 /**
 490  * Data table style
 491  *
 492  * Transparent table with suddle borders
 493  * and blue row-highlighting.
 494  */
 495 .mw-datatable {
 496         border-collapse: collapse;
 497 }
 498
 499 .mw-datatable,
 500 .mw-datatable td,
 501 .mw-datatable th {
 502         border: 1px solid #aaaaaa;
 503         padding: 0 0.15em 0 0.15em;
 504 }
 505
 506 .mw-datatable th {
 507         background-color: #ddddff;
 508 }
 509
 510 .mw-datatable td {
 511         background-color: #ffffff;
 512 }
 513
 514 .mw-datatable tr:hover td {
 515         background-color: #eeeeff;
 516 }
 517
 518 /* Classes for Exif data display */
 519 table.mw_metadata {
 520         font-size: 0.8em;
 521         margin-left: 0.5em;
 522         margin-bottom: 0.5em;
 523         width: 400px;
 524 }
 525
 526 table.mw_metadata caption {
 527         font-weight: bold;
 528 }
 529
 530 table.mw_metadata th {
 531         font-weight: normal;
 532 }
 533
 534 table.mw_metadata td {
 535         padding: 0.1em;
 536 }
 537
 538 table.mw_metadata {
 539         border: none;
 540         border-collapse: collapse;
 541 }
 542
 543 table.mw_metadata td,
 544 table.mw_metadata th {
 545         text-align: center;
 546         border: 1px solid #aaaaaa;
 547         padding-left: 5px;
 548         padding-right: 5px;
 549 }
 550
 551 table.mw_metadata th {
 552         background-color: #f9f9f9;
 553 }
 554
 555 table.mw_metadata td {
 556         background-color: #fcfcfc;
 557 }
 558
 559 table.mw_metadata ul.metadata-langlist {
 560         list-style-type: none;
 561         list-style-image: none;
 562         padding-right: 5px;
 563         padding-left: 5px;
 564         margin: 0;
 565 }
 566
 567 /* Correct directionality when page dir is different from site/user dir */
 568 .mw-content-ltr ul,
 569 .mw-content-rtl .mw-content-ltr ul {
 570         /* @noflip */
 571         margin: 0.3em 0 0 1.6em;
 572         padding: 0;
 573 }
 574
 575 .mw-content-rtl ul,
 576 .mw-content-ltr .mw-content-rtl ul {
 577         /* @noflip */
 578         margin: 0.3em 1.6em 0 0;
 579         padding: 0;
 580 }
 581
 582 .mw-content-ltr ol,
 583 .mw-content-rtl .mw-content-ltr ol {
 584         /* @noflip */
 585         margin: 0.3em 0 0 3.2em;
 586         padding: 0;
 587 }
 588
 589 .mw-content-rtl ol,
 590 .mw-content-ltr .mw-content-rtl ol {
 591         /* @noflip */
 592         margin: 0.3em 3.2em 0 0;
 593         padding: 0;
 594 }
 595
 596 /* @noflip */
 597 .mw-content-ltr dd,
 598 .mw-content-rtl .mw-content-ltr dd {
 599         margin-left: 1.6em;
 600         margin-right: 0;
 601 }
 602
 603 /* @noflip */
 604 .mw-content-rtl dd,
 605 .mw-content-ltr .mw-content-rtl dd {
 606         margin-right: 1.6em;
 607         margin-left: 0;
 608 }
 609
 610 .mw-ajax-loader {
 611         background-image: url(images/ajax-loader.gif);
 612         background-position: center center;
 613         background-repeat: no-repeat;
 614         padding: 16px;
 615         position: relative;
 616         top: -16px;
 617 }
 618
 619 .mw-small-spinner {
 620         padding: 10px !important;
 621         margin-right: 0.6em;
 622         background-image: url(images/spinner.gif);
 623         background-position: center center;
 624         background-repeat: no-repeat;
 625 }
 626
 627 /* Language specific height correction for titles. Ref Bug 29405 and Bug 30809 */
 628 /* Languages like hi or ml require slightly more vertical space to show diacritics properly */
 629 h1:lang(anp),
 630 h1:lang(as),
 631 h1:lang(bh), /* Macrolanguage, used on bh.wikipedia.org, should be removed one day */
 632 h1:lang(bho),
 633 h1:lang(bn),
 634 h1:lang(gu),
 635 h1:lang(hi),
 636 h1:lang(kn),
 637 h1:lang(ks),
 638 h1:lang(ml),
 639 h1:lang(mr),
 640 h1:lang(my),
 641 h1:lang(mai),
 642 h1:lang(ne),
 643 h1:lang(new),
 644 h1:lang(or),
 645 h1:lang(pa),
 646 h1:lang(pi),
 647 h1:lang(sa),
 648 h1:lang(ta),
 649 h1:lang(te) {
 650         line-height: 1.6em !important;
 651 }
 652
 653 h2:lang(anp), h3:lang(anp), h4:lang(anp), h5:lang(anp), h6:lang(anp),
 654 h2:lang(as), h3:lang(as), h4:lang(as), h5:lang(as), h6:lang(as),
 655 h2:lang(bho), h3:lang(bho), h4:lang(bho), h5:lang(bho), h6:lang(bho),
 656 h2:lang(bh), h3:lang(bh), h4:lang(bh), h5:lang(bh), h6:lang(bh),
 657 h2:lang(bn), h3:lang(bn), h4:lang(bn), h5:lang(bn), h6:lang(bn),
 658 h2:lang(gu), h3:lang(gu), h4:lang(gu), h5:lang(gu), h6:lang(gu),
 659 h2:lang(hi), h3:lang(hi), h4:lang(hi), h5:lang(hi), h6:lang(hi),
 660 h2:lang(kn), h3:lang(kn), h4:lang(kn), h5:lang(kn), h6:lang(kn),
 661 h2:lang(ks), h3:lang(ks), h4:lang(ks), h5:lang(ks), h6:lang(ks),
 662 h2:lang(ml), h3:lang(ml), h4:lang(ml), h5:lang(ml), h6:lang(ml),
 663 h2:lang(mr), h3:lang(mr), h4:lang(mr), h5:lang(mr), h6:lang(mr),
 664 h2:lang(my), h3:lang(my), h4:lang(my), h5:lang(my), h6:lang(my),
 665 h2:lang(mai), h3:lang(mai), h4:lang(mai), h5:lang(mai), h6:lang(mai),
 666 h2:lang(ne), h3:lang(ne), h4:lang(ne), h5:lang(ne), h6:lang(ne),
 667 h2:lang(new), h3:lang(new), h4:lang(new), h5:lang(new), h6:lang(new),
 668 h2:lang(or), h3:lang(or), h4:lang(or), h5:lang(or), h6:lang(or),
 669 h2:lang(pa), h3:lang(pa), h4:lang(pa), h5:lang(pa), h6:lang(pa),
 670 h2:lang(pi), h3:lang(pi), h4:lang(pi), h5:lang(pi), h6:lang(pi),
 671 h2:lang(sa), h3:lang(sa), h4:lang(sa), h5:lang(sa), h6:lang(sa),
 672 h2:lang(ta), h3:lang(ta), h4:lang(ta), h5:lang(ta), h6:lang(ta),
 673 h2:lang(te), h3:lang(te), h4:lang(te), h5:lang(te), h6:lang(te) {
 674         line-height: 1.2em;
 675 }
 676
 677 /* Localised ordered list numbering for some languages */
 678 ol:lang(azb) li,
 679 ol:lang(bcc) li,
 680 ol:lang(bgn) li,
 681 ol:lang(bqi) li,
 682 ol:lang(fa) li,
 683 ol:lang(glk) li,
 684 ol:lang(kk-arab) li,
 685 ol:lang(lrc) li,
 686 ol:lang(luz) li,
 687 ol:lang(mzn) li {
 688         list-style-type: -moz-persian;
 689         list-style-type: persian;
 690 }
 691
 692 ol:lang(ckb) li,
 693 ol:lang(sdh) li {
 694         list-style-type: -moz-arabic-indic;
 695         list-style-type: arabic-indic;
 696 }
 697
 698 ol:lang(hi) li,
 699 ol:lang(mr) li {
 700         list-style-type: -moz-devanagari;
 701         list-style-type: devanagari;
 702 }
 703
 704 ol:lang(as) li,
 705 ol:lang(bn) li {
 706         list-style-type: -moz-bengali;
 707         list-style-type: bengali;
 708 }
 709
 710 ol:lang(or) li {
 711         list-style-type: -moz-oriya;
 712         list-style-type: oriya;
 713 }
 714
 715 #toc ul, .toc ul {
 716         margin: .3em 0;
 717 }
 718
 719 /* Correct directionality when page dir is different from site/user dir */
 720 /* @noflip */ .mw-content-ltr .toc ul,
 721 .mw-content-ltr #toc ul,
 722 .mw-content-rtl .mw-content-ltr .toc ul,
 723 .mw-content-rtl .mw-content-ltr #toc ul {
 724         text-align: left;
 725 }
 726
 727 /* @noflip */ .mw-content-rtl .toc ul,
 728 .mw-content-rtl #toc ul,
 729 .mw-content-ltr .mw-content-rtl .toc ul,
 730 .mw-content-ltr .mw-content-rtl #toc ul {
 731         text-align: right;
 732 }
 733
 734 /* @noflip */ .mw-content-ltr .toc ul ul,
 735 .mw-content-ltr #toc ul ul,
 736 .mw-content-rtl .mw-content-ltr .toc ul ul,
 737 .mw-content-rtl .mw-content-ltr #toc ul ul {
 738         margin: 0 0 0 2em;
 739 }
 740
 741 /* @noflip */ .mw-content-rtl .toc ul ul,
 742 .mw-content-rtl #toc ul ul,
 743 .mw-content-ltr .mw-content-rtl .toc ul ul,
 744 .mw-content-ltr .mw-content-rtl #toc ul ul {
 745         margin: 0 2em 0 0;
 746 }
 747
 748 #toc #toctitle,
 749 .toc #toctitle,
 750 #toc .toctitle,
 751 .toc .toctitle {
 752         direction: ltr;
 753 }
 754
 755 /* tooltip styles */
 756 .mw-help-field-hint {
 757         display: none;
 758         margin-left: 2px;
 759         margin-bottom: -8px;
 760         padding: 0 0 0 15px;
 761         background-image: url(images/help-question.gif);
 762         background-position: left center;
 763         background-repeat: no-repeat;
 764         cursor: pointer;
 765         font-size: .8em;
 766         text-decoration: underline;
 767         color: #0645ad;
 768 }
 769
 770 .mw-help-field-hint:hover {
 771         background-image: url(images/help-question-hover.gif);
 772 }
 773
 774 .mw-help-field-data {
 775         display: block;
 776         background-color: #d6f3ff;
 777         padding: 5px 8px 4px 8px;
 778         border: 1px solid #5dc9f4;
 779         margin-left: 20px;
 780 }
 781
 782 #mw-clearyourcache,
 783 #mw-sitecsspreview,
 784 #mw-sitejspreview,
 785 #mw-usercsspreview,
 786 #mw-userjspreview {
 787         direction: ltr;
 788         unicode-bidi: embed;
 789 }
 790
 791 /* Correct user & content directionality when viewing a diff */
 792 .diff-currentversion-title,
 793 .diff {
 794         direction: ltr;
 795         unicode-bidi: embed;
 796 }
 797
 798 /* @noflip */ .diff-contentalign-right td {
 799         direction: rtl;
 800         unicode-bidi: embed;
 801 }
 802
 803 /* @noflip */ .diff-contentalign-left td {
 804         direction: ltr;
 805         unicode-bidi: embed;
 806 }
 807
 808 .diff-multi,
 809 .diff-otitle,
 810 .diff-ntitle,
 811 .diff-lineno {
 812         direction: ltr !important;
 813         unicode-bidi: embed;
 814 }
 815
 816 #mw-revision-info,
 817 #mw-revision-info-current,
 818 #mw-revision-nav {
 819         direction: ltr;
 820         display: inline;
 821 }
 822
 823 /* Images */
 824
 825 /* @noflip */ div.tright,
 826 div.floatright,
 827 table.floatright {
 828         clear: right;
 829         float: right;
 830 }
 831
 832 /* @noflip */ div.tleft,
 833 div.floatleft,
 834 table.floatleft {
 835         float: left;
 836         clear: left;
 837 }
 838
 839 div.floatright,
 840 table.floatright,
 841 div.floatleft,
 842 table.floatleft {
 843         position: relative;
 844 }
 845
 846 /* bug 12205 */
 847 #mw-credits a {
 848         unicode-bidi: embed;
 849 }
 850
 851 /* Accessibility */
 852 .mw-jump,
 853 #jump-to-nav {
 854         overflow: hidden;
 855         height: 0;
 856         zoom: 1; /* http://webaim.org/techniques/skipnav/#iequirk */
 857 }
 858
 859 /* Print footer should be hidden by default in screen. */
 860 .printfooter {
 861         display: none;
 862 }
 863
 864 /* For developers */
 865 .xdebug-error {
 866         position: absolute;
 867         z-index: 99;
 868 }
 869
 870 .mw-editsection,
 871 .toctoggle,
 872 .tochidden,
 873 #jump-to-nav {
 874         -moz-user-select: none;
 875         -webkit-user-select: none;
 876         -ms-user-select: none;
 877         user-select: none;
 878 }
 879
 880 /* Display editsection links smaller and next to headings */
 881 .mw-editsection,
 882 .mw-editsection-like {
 883         font-size: small;
 884         font-weight: normal;
 885         margin-left: 1em;
 886         vertical-align: baseline;
 887         /* Reset line-height; headings tend to have it set to larger values */
 888         line-height: 1em;
 889         /* As .mw-editsection is a <span> (inline element), it is treated as part */
 890         /* of the heading content when selecting text by multiple clicks and thus */
 891         /* selected together with heading content, despite the user-select: none; */
 892         /* rule set above. This enforces non-selection without changing the look. */
 893         display: inline-block;
 894 }
 895
 896 /* Correct directionality when page dir is different from site/user dir */
 897 /* @noflip */
 898 .mw-content-ltr .mw-editsection,
 899 .mw-content-rtl .mw-content-ltr .mw-editsection {
 900         margin-left: 1em;
 901 }
 902
 903 /* @noflip */
 904 .mw-content-rtl .mw-editsection,
 905 .mw-content-ltr .mw-content-rtl .mw-editsection {
 906         margin-right: 1em;
 907 }
 908
 909 /* Prevent citations and subscripts from interfering with the line-height */
 910 sup,
 911 sub {
 912         line-height: 1;
 913 }