diff options
Diffstat (limited to 'resources/src/mediawiki.skinning/content.externallinks.css')
-rw-r--r-- | resources/src/mediawiki.skinning/content.externallinks.css | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/resources/src/mediawiki.skinning/content.externallinks.css b/resources/src/mediawiki.skinning/content.externallinks.css new file mode 100644 index 00000000..d23540da --- /dev/null +++ b/resources/src/mediawiki.skinning/content.externallinks.css @@ -0,0 +1,102 @@ +/*! + * Icons and colors for external links. + */ + +/* Bug 66091 is blocking is from converting this file to LESS + * and using the .background-image-svg mixin. */ + +/* SVG support using a transparent gradient to guarantee cross-browser + * compatibility (browsers able to understand gradient syntax support also SVG). + * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */ + +.mw-body a.external, +.link-https { + background: url(images/external-ltr.png) center right no-repeat; + /* @embed */ + background-image: -webkit-linear-gradient(transparent, transparent), url(images/external-ltr.svg); + /* @embed */ + background-image: linear-gradient(transparent, transparent), url(images/external-ltr.svg); + padding-right: 15px; +} + +.mw-body a.external[href^="mailto:"], +.link-mailto { + background: url(images/mail.png) center right no-repeat; + /* @embed */ + background-image: -webkit-linear-gradient(transparent, transparent), url(images/mail.svg); + /* @embed */ + background-image: linear-gradient(transparent, transparent), url(images/mail.svg); + padding-right: 15px; +} + +.mw-body a.external[href^="ftp://"], +.link-ftp { + background: url(images/ftp-ltr.png) center right no-repeat; + /* @embed */ + background-image: -webkit-linear-gradient(transparent, transparent), url(images/ftp-ltr.svg); + /* @embed */ + background-image: linear-gradient(transparent, transparent), url(images/ftp-ltr.svg); + padding-right: 15px; +} + +.mw-body a.external[href^="irc://"], +.mw-body a.external[href^="ircs://"], +.link-irc { + background: url(images/chat-ltr.png) center right no-repeat; + /* @embed */ + background-image: -webkit-linear-gradient(transparent, transparent), url(images/chat-ltr.svg); + /* @embed */ + background-image: linear-gradient(transparent, transparent), url(images/chat-ltr.svg); + padding-right: 15px; +} + +.mw-body a.external[href$=".ogg"], .mw-body a.external[href$=".OGG"], +.mw-body a.external[href$=".mid"], .mw-body a.external[href$=".MID"], +.mw-body a.external[href$=".midi"], .mw-body a.external[href$=".MIDI"], +.mw-body a.external[href$=".mp3"], .mw-body a.external[href$=".MP3"], +.mw-body a.external[href$=".wav"], .mw-body a.external[href$=".WAV"], +.mw-body a.external[href$=".wma"], .mw-body a.external[href$=".WMA"], +.link-audio { + background: url(images/audio-ltr.png) center right no-repeat; + /* @embed */ + background-image: -webkit-linear-gradient(transparent, transparent), url(images/audio-ltr.svg); + /* @embed */ + background-image: linear-gradient(transparent, transparent), url(images/audio-ltr.svg); + padding-right: 15px; +} + +.mw-body a.external[href$=".ogm"], .mw-body a.external[href$=".OGM"], +.mw-body a.external[href$=".avi"], .mw-body a.external[href$=".AVI"], +.mw-body a.external[href$=".mpeg"], .mw-body a.external[href$=".MPEG"], +.mw-body a.external[href$=".mpg"], .mw-body a.external[href$=".MPG"], +.link-video { + background: url(images/video.png) center right no-repeat; + /* @embed */ + background-image: -webkit-linear-gradient(transparent, transparent), url(images/video.svg); + /* @embed */ + background-image: linear-gradient(transparent, transparent), url(images/video.svg); + padding-right: 15px; +} + +.mw-body a.external[href$=".pdf"], .mw-body a.external[href$=".PDF"], +.mw-body a.external[href*=".pdf#"], .mw-body a.external[href*=".PDF#"], +.mw-body a.external[href*=".pdf?"], .mw-body a.external[href*=".PDF?"], +.link-document { + background: url(images/document-ltr.png) center right no-repeat; + /* @embed */ + background-image: -webkit-linear-gradient(transparent, transparent), url(images/document-ltr.svg); + /* @embed */ + background-image: linear-gradient(transparent, transparent), url(images/document-ltr.svg); + padding-right: 15px; +} + +/* Interwiki styling */ +.mw-body a.extiw, +.mw-body a.extiw:active { + color: #36b; +} + +/* External link color */ +.mw-body a.external { + color: #36b; +} |