Use new external links skinning module.

Core module reduces the amount of duplicated code across skins,
see core change-id: I8ecbc827f2b05aec79401ac4962fcc15387c8ad8.

Change-Id: Icb4683f0382c9b2984db5293cd01f715c5320552

SkinMonoBook.php

@@ -40,7 +40,11 @@ class SkinMonoBook extends SkinTemplate {
 	function setupSkinUserCss( OutputPage $out ) {
 		parent::setupSkinUserCss( $out );
 
-		$out->addModuleStyles( array( 'mediawiki.skinning.interface', 'skins.monobook.styles' ) );
+		$out->addModuleStyles( array(
+			'mediawiki.skinning.interface',
+			'mediawiki.skinning.content.externallinks',
+			'skins.monobook.styles'
+		) );
 
 		// TODO: Migrate all of these
 		$out->addStyle( $this->stylename . '/IE60Fixes.css', 'screen', 'IE 6' );

main.css

@@ -140,93 +140,6 @@ table.rimage {
 	padding: 0;
 }
 
-/*
-** keep the whitespace in front of the ^=, hides rule from konqueror
-** this is css3, the validator doesn't like it when validating as css2
-*/
-#bodyContent a.external {
-	/* @embed */
-	background: url(external-ltr.png) center right no-repeat;
-	padding-right: 13px;
-}
-
-#bodyContent a.external[href ^="https://"],
-.link-https {
-	/* @embed */
-	background: url(lock_icon.gif) center right no-repeat;
-	padding-right: 16px;
-}
-
-#bodyContent a.external[href ^="mailto:"],
-.link-mailto {
-	/* @embed */
-	background: url(mail_icon.gif) center right no-repeat;
-	padding-right: 18px;
-}
-
-#bodyContent a.external[href ^="news:"] {
-	/* @embed */
-	background: url(news_icon.png) center right no-repeat;
-	padding-right: 18px;
-}
-
-#bodyContent a.external[href ^="ftp://"],
-.link-ftp {
-	/* @embed */
-	background: url(file_icon.gif) center right no-repeat;
-	padding-right: 18px;
-}
-
-#bodyContent a.external[href ^="irc://"],
-#bodyContent a.external[href ^="ircs://"],
-.link-irc {
-	/* @embed */
-	background: url(discussionitem_icon.gif) center right no-repeat;
-	padding-right: 18px;
-}
-
-#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
-#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
-#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
-#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
-#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
-#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
-.link-audio {
-	/* @embed */
-	background: url(audio.png) center right no-repeat;
-	padding-right: 13px;
-}
-
-#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
-#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
-#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
-#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
-.link-video {
-	/* @embed */
-	background: url(video.png) center right no-repeat;
-	padding-right: 13px;
-}
-
-#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
-#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
-#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
-.link-document {
-	/* @embed */
-	background: url(document.png) center right no-repeat;
-	padding-right: 12px;
-}
-
-/* Interwiki Styling */
-#bodyContent a.extiw,
-#bodyContent a.extiw:active {
-	color: #36b;
-}
-
-/* External links */
-#bodyContent a.external {
-	color: #36b;
-}
-
 /*
 ** Structural Elements
 */