resources/src/mediawiki.skinning/content.externallinks.less

   1 /*!
   2  * Icons and colors for external links.
   3  */
   4
   5 /* stylelint-disable selector-class-pattern */
   6
   7 @import 'mediawiki.mixins';
   8
   9 .mw-parser-output a.external,
  10 .link-https {
  11         background-position: center right;
  12         background-repeat: no-repeat;
  13         .background-image-svg( 'images/external-ltr.svg', 'images/external-ltr.png' );
  14         padding-right: 13px;
  15 }
  16
  17 .mw-parser-output a.external[ href^='mailto:' ],
  18 .link-mailto {
  19         background-position: center right;
  20         background-repeat: no-repeat;
  21         .background-image-svg( 'images/mail.svg', 'images/mail.png' );
  22         padding-right: 13px;
  23 }
  24
  25 .mw-parser-output a.external[ href^='ftp://' ],
  26 .link-ftp {
  27         background-position: center right;
  28         background-repeat: no-repeat;
  29         .background-image-svg( 'images/ftp-ltr.svg', 'images/ftp-ltr.png' );
  30         padding-right: 13px;
  31 }
  32
  33 .mw-parser-output a.external[ href^='irc://' ],
  34 .mw-parser-output a.external[ href^='ircs://' ],
  35 .link-irc {
  36         background-position: center right;
  37         background-repeat: no-repeat;
  38         .background-image-svg( 'images/chat-ltr.svg', 'images/chat-ltr.png' );
  39         padding-right: 13px;
  40 }
  41
  42 .mw-parser-output a.external[ href$='.ogg' ],
  43 .mw-parser-output a.external[ href$='.OGG' ],
  44 .mw-parser-output a.external[ href$='.mid' ],
  45 .mw-parser-output a.external[ href$='.MID' ],
  46 .mw-parser-output a.external[ href$='.midi' ],
  47 .mw-parser-output a.external[ href$='.MIDI' ],
  48 .mw-parser-output a.external[ href$='.mp3' ],
  49 .mw-parser-output a.external[ href$='.MP3' ],
  50 .mw-parser-output a.external[ href$='.wav' ],
  51 .mw-parser-output a.external[ href$='.WAV' ],
  52 .mw-parser-output a.external[ href$='.wma' ],
  53 .mw-parser-output a.external[ href$='.WMA' ],
  54 .link-audio {
  55         background-position: center right;
  56         background-repeat: no-repeat;
  57         .background-image-svg( 'images/audio-ltr.svg', 'images/audio-ltr.png' );
  58         padding-right: 13px;
  59 }
  60
  61 .mw-parser-output a.external[ href$='.ogm' ],
  62 .mw-parser-output a.external[ href$='.OGM' ],
  63 .mw-parser-output a.external[ href$='.avi' ],
  64 .mw-parser-output a.external[ href$='.AVI' ],
  65 .mw-parser-output a.external[ href$='.mpeg' ],
  66 .mw-parser-output a.external[ href$='.MPEG' ],
  67 .mw-parser-output a.external[ href$='.mpg' ],
  68 .mw-parser-output a.external[ href$='.MPG' ],
  69 .link-video {
  70         background-position: center right;
  71         background-repeat: no-repeat;
  72         .background-image-svg( 'images/video.svg', 'images/video.png' );
  73         padding-right: 13px;
  74 }
  75
  76 .mw-parser-output a.external[ href$='.pdf' ],
  77 .mw-parser-output a.external[ href$='.PDF' ],
  78 .mw-parser-output a.external[ href*='.pdf#' ],
  79 .mw-parser-output a.external[ href*='.PDF#' ],
  80 .mw-parser-output a.external[ href*='.pdf?' ],
  81 .mw-parser-output a.external[ href*='.PDF?' ],
  82 .link-document {
  83         background-position: center right;
  84         background-repeat: no-repeat;
  85         .background-image-svg( 'images/document-ltr.svg', 'images/document-ltr.png' );
  86         padding-right: 13px;
  87 }
  88
  89 /* Interwiki styling */
  90 .mw-parser-output a.extiw,
  91 .mw-parser-output a.extiw:active {
  92         color: #36b;
  93 }
  94
  95 /* External link color */
  96 .mw-parser-output a.external {
  97         color: #36b;
  98 }