skins/vector/externalLinks.less

   1 // FIXME: This size of this CSS is ridiculous. Please refactor (see bug 54604)
   2 @import "mediawiki.mixins.less";
   3
   4 div#content a.external {
   5         background-position: center right;
   6         background-repeat: no-repeat;
   7         .background-image-svg('images/external-link-ltr-icon.svg', 'images/external-link-ltr-icon.png');
   8         padding-right: 13px;
   9 }
  10 div#content a.external[href ^="https://"],
  11 .link-https {
  12         background-position: center right;
  13         background-repeat: no-repeat;
  14         .background-image-svg('images/lock-icon.svg', 'images/lock-icon.png');
  15         padding-right: 13px;
  16 }
  17 div#content a.external[href ^="mailto:"],
  18 .link-mailto {
  19         background-position: center right;
  20         background-repeat: no-repeat;
  21         .background-image-svg('images/mail-icon.svg', 'images/mail-icon.png');
  22         padding-right: 13px;
  23 }
  24 div#content a.external[href ^="news:"] {
  25         background-position: center right;
  26         background-repeat: no-repeat;
  27         .background-image-svg('images/news-icon.svg', 'images/news-icon.png');
  28         padding-right: 13px;
  29 }
  30 div#content a.external[href ^="ftp://"],
  31 .link-ftp {
  32         background-position: center right;
  33         background-repeat: no-repeat;
  34         .background-image-svg('images/file-icon.svg', 'images/file-icon.png');
  35         padding-right: 13px;
  36 }
  37 div#content a.external[href ^="irc://"],
  38 div#content a.external[href ^="ircs://"],
  39 .link-irc {
  40         background-position: center right;
  41         background-repeat: no-repeat;
  42         .background-image-svg('images/talk-icon.svg', 'images/talk-icon.png');
  43         padding-right: 13px;
  44 }
  45 div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
  46 div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
  47 div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
  48 div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
  49 div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
  50 div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
  51 .link-audio {
  52         background-position: center right;
  53         background-repeat: no-repeat;
  54         .background-image-svg('images/audio-icon.svg', 'images/audio-icon.png');
  55         padding-right: 13px;
  56 }
  57 div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
  58 div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
  59 div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
  60 div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
  61 .link-video {
  62         background-position: center right;
  63         background-repeat: no-repeat;
  64         .background-image-svg('images/video-icon.svg', 'images/video-icon.png');
  65         padding-right: 13px;
  66 }
  67 div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
  68 div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
  69 div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
  70 .link-document {
  71         background-position: center right;
  72         background-repeat: no-repeat;
  73         .background-image-svg('images/document-icon.svg', 'images/document-icon.png');
  74         padding-right: 13px;
  75 }