2 * Icons and colors for external links.
5 /* T68091 is blocking is from converting this file to LESS
6 * and using the .background-image-svg mixin. */
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 */
12 .mw-body-content a
.external
,
14 background: url
( images
/external-ltr
.png
) center right no-repeat
;
16 background-image: -webkit-linear-gradient
( transparent
, transparent
), url
( images
/external-ltr
.svg
);
18 background-image: linear-gradient
( transparent
, transparent
), url
( images
/external-ltr
.svg
);
22 .mw-body-content a
.external
[ href^
='mailto:' ],
24 background: url
( images
/mail
.png
) center right no-repeat
;
26 background-image: linear-gradient
( transparent
, transparent
), url
( images
/mail
.svg
);
30 .mw-body-content a
.external
[ href^
='ftp://' ],
32 background: url
( images
/ftp-ltr
.png
) center right no-repeat
;
34 background-image: linear-gradient
( transparent
, transparent
), url
( images
/ftp-ltr
.svg
);
38 .mw-body-content a
.external
[ href^
='irc://' ],
39 .mw-body-content a
.external
[ href^
='ircs://' ],
41 background: url
( images
/chat-ltr
.png
) center right no-repeat
;
43 background-image: linear-gradient
( transparent
, transparent
), url
( images
/chat-ltr
.svg
);
47 .mw-body-content a
.external
[ href$
='.ogg' ],
48 .mw-body-content a
.external
[ href$
='.OGG' ],
49 .mw-body-content a
.external
[ href$
='.mid' ],
50 .mw-body-content a
.external
[ href$
='.MID' ],
51 .mw-body-content a
.external
[ href$
='.midi' ],
52 .mw-body-content a
.external
[ href$
='.MIDI' ],
53 .mw-body-content a
.external
[ href$
='.mp3' ],
54 .mw-body-content a
.external
[ href$
='.MP3' ],
55 .mw-body-content a
.external
[ href$
='.wav' ],
56 .mw-body-content a
.external
[ href$
='.WAV' ],
57 .mw-body-content a
.external
[ href$
='.wma' ],
58 .mw-body-content a
.external
[ href$
='.WMA' ],
60 background: url
( images
/audio-ltr
.png
) center right no-repeat
;
62 background-image: linear-gradient
( transparent
, transparent
), url
( images
/audio-ltr
.svg
);
66 .mw-body-content a
.external
[ href$
='.ogm' ],
67 .mw-body-content a
.external
[ href$
='.OGM' ],
68 .mw-body-content a
.external
[ href$
='.avi' ],
69 .mw-body-content a
.external
[ href$
='.AVI' ],
70 .mw-body-content a
.external
[ href$
='.mpeg' ],
71 .mw-body-content a
.external
[ href$
='.MPEG' ],
72 .mw-body-content a
.external
[ href$
='.mpg' ],
73 .mw-body-content a
.external
[ href$
='.MPG' ],
75 background: url
( images
/video
.png
) center right no-repeat
;
77 background-image: linear-gradient
( transparent
, transparent
), url
( images
/video
.svg
);
81 .mw-body-content a
.external
[ href$
='.pdf' ],
82 .mw-body-content a
.external
[ href$
='.PDF' ],
83 .mw-body-content a
.external
[ href
*='.pdf#' ],
84 .mw-body-content a
.external
[ href
*='.PDF#' ],
85 .mw-body-content a
.external
[ href
*='.pdf?' ],
86 .mw-body-content a
.external
[ href
*='.PDF?' ],
88 background: url
( images
/document-ltr
.png
) center right no-repeat
;
90 background-image: linear-gradient
( transparent
, transparent
), url
( images
/document-ltr
.svg
);
94 /* Interwiki styling */
95 .mw-body-content a
.extiw
,
96 .mw-body-content a.extiw:active {
100 /* External link color */
101 .mw-body-content a.external {