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

   1 /*!
   2  * Icons and colors for external links.
   3  */
   4
   5 /* Bug 66091 is blocking is from converting this file to LESS
   6  * and using the .background-image-svg mixin. */
   7
   8 /* SVG support using a transparent gradient to guarantee cross-browser
   9  * compatibility ( browsers able to understand gradient syntax support also SVG ).
  10  * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */
  11
  12 .mw-body a.external,
  13 .link-https {
  14         background: url( images/external-ltr.png ) center right no-repeat;
  15         /* @embed */
  16         background-image: -webkit-linear-gradient( transparent, transparent ), url( images/external-ltr.svg );
  17         /* @embed */
  18         background-image: linear-gradient( transparent, transparent ), url( images/external-ltr.svg );
  19         padding-right: 15px;
  20 }
  21
  22 .mw-body a.external[href^="mailto:"],
  23 .link-mailto {
  24         background: url( images/mail.png ) center right no-repeat;
  25         /* @embed */
  26         background-image: linear-gradient( transparent, transparent ), url( images/mail.svg );
  27         padding-right: 15px;
  28 }
  29
  30 .mw-body a.external[href^="ftp://"],
  31 .link-ftp {
  32         background: url( images/ftp-ltr.png ) center right no-repeat;
  33         /* @embed */
  34         background-image: linear-gradient( transparent, transparent ), url( images/ftp-ltr.svg );
  35         padding-right: 15px;
  36 }
  37
  38 .mw-body a.external[href^="irc://"],
  39 .mw-body a.external[href^="ircs://"],
  40 .link-irc {
  41         background: url( images/chat-ltr.png ) center right no-repeat;
  42         /* @embed */
  43         background-image: linear-gradient( transparent, transparent ), url( images/chat-ltr.svg );
  44         padding-right: 15px;
  45 }
  46
  47 .mw-body a.external[href$=".ogg"], .mw-body a.external[href$=".OGG"],
  48 .mw-body a.external[href$=".mid"], .mw-body a.external[href$=".MID"],
  49 .mw-body a.external[href$=".midi"], .mw-body a.external[href$=".MIDI"],
  50 .mw-body a.external[href$=".mp3"], .mw-body a.external[href$=".MP3"],
  51 .mw-body a.external[href$=".wav"], .mw-body a.external[href$=".WAV"],
  52 .mw-body a.external[href$=".wma"], .mw-body a.external[href$=".WMA"],
  53 .link-audio {
  54         background: url( images/audio-ltr.png ) center right no-repeat;
  55         /* @embed */
  56         background-image: linear-gradient( transparent, transparent ), url( images/audio-ltr.svg );
  57         padding-right: 15px;
  58 }
  59
  60 .mw-body a.external[href$=".ogm"], .mw-body a.external[href$=".OGM"],
  61 .mw-body a.external[href$=".avi"], .mw-body a.external[href$=".AVI"],
  62 .mw-body a.external[href$=".mpeg"], .mw-body a.external[href$=".MPEG"],
  63 .mw-body a.external[href$=".mpg"], .mw-body a.external[href$=".MPG"],
  64 .link-video {
  65         background: url( images/video.png ) center right no-repeat;
  66         /* @embed */
  67         background-image: linear-gradient( transparent, transparent ), url( images/video.svg );
  68         padding-right: 15px;
  69 }
  70
  71 .mw-body a.external[href$=".pdf"], .mw-body a.external[href$=".PDF"],
  72 .mw-body a.external[href*=".pdf#"], .mw-body a.external[href*=".PDF#"],
  73 .mw-body a.external[href*=".pdf?"], .mw-body a.external[href*=".PDF?"],
  74 .link-document {
  75         background: url( images/document-ltr.png ) center right no-repeat;
  76         /* @embed */
  77         background-image: linear-gradient( transparent, transparent ), url( images/document-ltr.svg );
  78         padding-right: 15px;
  79 }
  80
  81 /* Interwiki styling */
  82 .mw-body a.extiw,
  83 .mw-body a.extiw:active {
  84         color: #36b;
  85 }
  86
  87 /* External link color */
  88 .mw-body a.external {
  89         color: #36b;
  90 }