1 files changed, 103 insertions, 0 deletions
diff --git a/www/wiki/resources/src/mediawiki.skinning/content.externallinks.css b/www/wiki/resources/src/mediawiki.skinning/content.externallinks.css
new file mode 100644
index 00000000..d82ffe03
--- /dev/null
+++ b/www/wiki/resources/src/mediawiki.skinning/content.externallinks.css
@@ -0,0 +1,103 @@
+/*!
+ * Icons and colors for external links.
+ */
+
+/* T68091 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-parser-output 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-parser-output a.external[ href^='mailto:' ],
+.link-mailto {
+	background: url( images/mail.png ) center right no-repeat;
+	/* @embed */
+	background-image: linear-gradient( transparent, transparent ), url( images/mail.svg );
+	padding-right: 15px;
+}
+
+.mw-parser-output a.external[ href^='ftp://' ],
+.link-ftp {
+	background: url( images/ftp-ltr.png ) center right no-repeat;
+	/* @embed */
+	background-image: linear-gradient( transparent, transparent ), url( images/ftp-ltr.svg );
+	padding-right: 15px;
+}
+
+.mw-parser-output a.external[ href^='irc://' ],
+.mw-parser-output a.external[ href^='ircs://' ],
+.link-irc {
+	background: url( images/chat-ltr.png ) center right no-repeat;
+	/* @embed */
+	background-image: linear-gradient( transparent, transparent ), url( images/chat-ltr.svg );
+	padding-right: 15px;
+}
+
+.mw-parser-output a.external[ href$='.ogg' ],
+.mw-parser-output a.external[ href$='.OGG' ],
+.mw-parser-output a.external[ href$='.mid' ],
+.mw-parser-output a.external[ href$='.MID' ],
+.mw-parser-output a.external[ href$='.midi' ],
+.mw-parser-output a.external[ href$='.MIDI' ],
+.mw-parser-output a.external[ href$='.mp3' ],
+.mw-parser-output a.external[ href$='.MP3' ],
+.mw-parser-output a.external[ href$='.wav' ],
+.mw-parser-output a.external[ href$='.WAV' ],
+.mw-parser-output a.external[ href$='.wma' ],
+.mw-parser-output a.external[ href$='.WMA' ],
+.link-audio {
+	background: url( images/audio-ltr.png ) center right no-repeat;
+	/* @embed */
+	background-image: linear-gradient( transparent, transparent ), url( images/audio-ltr.svg );
+	padding-right: 15px;
+}
+
+.mw-parser-output a.external[ href$='.ogm' ],
+.mw-parser-output a.external[ href$='.OGM' ],
+.mw-parser-output a.external[ href$='.avi' ],
+.mw-parser-output a.external[ href$='.AVI' ],
+.mw-parser-output a.external[ href$='.mpeg' ],
+.mw-parser-output a.external[ href$='.MPEG' ],
+.mw-parser-output a.external[ href$='.mpg' ],
+.mw-parser-output a.external[ href$='.MPG' ],
+.link-video {
+	background: url( images/video.png ) center right no-repeat;
+	/* @embed */
+	background-image: linear-gradient( transparent, transparent ), url( images/video.svg );
+	padding-right: 15px;
+}
+
+.mw-parser-output a.external[ href$='.pdf' ],
+.mw-parser-output a.external[ href$='.PDF' ],
+.mw-parser-output a.external[ href*='.pdf#' ],
+.mw-parser-output a.external[ href*='.PDF#' ],
+.mw-parser-output a.external[ href*='.pdf?' ],
+.mw-parser-output a.external[ href*='.PDF?' ],
+.link-document {
+	background: url( images/document-ltr.png ) center right no-repeat;
+	/* @embed */
+	background-image: linear-gradient( transparent, transparent ), url( images/document-ltr.svg );
+	padding-right: 15px;
+}
+
+/* Interwiki styling */
+.mw-parser-output a.extiw,
+.mw-parser-output a.extiw:active {
+	color: #36b;
+}
+
+/* External link color */
+.mw-parser-output a.external {
+	color: #36b;
+}