resources/src/mediawiki.action/mediawiki.action.view.redirectPage.css

   1 /*!
   2  * Display neat icons on redirect pages.
   3  */
   4
   5 /* stylelint-disable selector-class-pattern */
   6
   7 /* Hide, but keep accessible for screen-readers. */
   8 .redirectMsg p {
   9         overflow: hidden;
  10         height: 0;
  11         zoom: 1;
  12 }
  13
  14 .redirectText {
  15         list-style: none none;
  16         display: inline;
  17         /* shared.css has some very weird directionality-specific rules for 'ul' we need to override,
  18          * search for "Correct directionality when page dir is different from site/user dir" */
  19         /* stylelint-disable declaration-no-important */
  20         margin: 0 !important;
  21         padding: 0 !important;
  22         /* stylelint-enable declaration-no-important */
  23 }
  24
  25 /* @noflip */
  26 .mw-content-ltr .redirectText li {
  27         display: inline;
  28         margin: 0;
  29         padding: 0;
  30         padding-left: 42px;
  31         background: transparent url( images/nextredirect-ltr.png ) bottom left no-repeat;
  32         /* @embed */
  33         background-image: linear-gradient( transparent, transparent ), url( images/nextredirect-ltr.svg );
  34 }
  35
  36 /* @noflip */
  37 .mw-content-ltr .redirectText li:first-child {
  38         padding-left: 47px;
  39         background: transparent url( images/redirect-ltr.png ) bottom left no-repeat;
  40         /* @embed */
  41         background-image: linear-gradient( transparent, transparent ), url( images/redirect-ltr.svg );
  42 }
  43
  44 /* @noflip */
  45 .mw-content-rtl .redirectText li {
  46         display: inline;
  47         margin: 0;
  48         padding: 0;
  49         padding-right: 42px;
  50         background: transparent url( images/nextredirect-rtl.png ) bottom right no-repeat;
  51         /* @embed */
  52         background-image: linear-gradient( transparent, transparent ), url( images/nextredirect-rtl.svg );
  53 }
  54
  55 /* @noflip */
  56 .mw-content-rtl .redirectText li:first-child {
  57         padding-right: 47px;
  58         background: transparent url( images/redirect-rtl.png ) bottom right no-repeat;
  59         /* @embed */
  60         background-image: linear-gradient( transparent, transparent ), url( images/redirect-rtl.svg );
  61 }