MediaWiki

Difference between revisions of "Common.css"

From Children of StarClan

Line 8: Line 8:
  
 
/* Control Redlink Colors */
 
/* Control Redlink Colors */
a.new {text-decoration: none; color: #9b7575;}
+
a.new, #p-personal a.new:visited {text-decoration: none; color: #9b7575;}
a.new:visited {text-decoration: none; color: #9b7575;}
+
a.new:visited, #p-personal a.new {text-decoration: none; color: #9b7575;}
 
a.new:hover {text-decoration: underline; color: #9b7575}
 
a.new:hover {text-decoration: underline; color: #9b7575}
 +
 +
/* Control External Link Colors */
 +
 +
/* ** 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, #bodyContent a.external[href ^="gopher://"] {background: url(external.png) center right no-repeat; padding: 0 13px; color: #75799b;}
 +
.rtl #bodyContent a.external, .rtl #bodyContent a.external[href ^="gopher://"] {background-image: url(external-rtl.png); color: #75799b;}
 +
#bodyContent a.external[href ^="https://"], .link-https {background: url(lock_icon.gif) center right no-repeat; padding: 0 16px; color: #75799b;}
 +
#bodyContent a.external[href ^="mailto:"], .link-mailto {background: url(mail_icon.gif) center right no-repeat; padding: 0 18px; color: #75799b;}
 +
#bodyContent a.external[href ^="news://"] {background: url(news_icon.png) center right no-repeat; padding: 0 18px; color: #75799b;}
 +
#bodyContent a.external[href ^="ftp://"], .link-ftp {background: url(file_icon.gif) center right no-repeat; padding: 0 18px; color: #75799b;}
 +
#bodyContent a.external[href ^="irc://"], .link-irc {background: url(discussionitem_icon.gif) center right no-repeat; padding: 0 18px; color: #75799b;}
 +
#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 {background: url("audio.png") center right no-repeat; padding: 0 13px; color: #75799b;}
 +
#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 {background: url("video.png") center right no-repeat; padding: 0 13px; color: #75799b;}
 +
#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 {background: url("document.png") center right no-repeat; padding: 0 12px; color: #75799b;}
 +
.rtl #bodyContent a.external {background-position: left; padding-right: 0; color: #75799b;}
 +
.rtl a.feedlink {background-position: right; padding-right: 16px; padding-left: 0; color: #75799b;}
 +
.ltr #bodyContent a.external {padding-left: 0; color: #75799b;}
 +
#bodyContent a.extiw, #bodyContent a.extiw:active {color: #75799b;}
 +
#bodyContent a.external {color: #75799b;}

Revision as of 22:29, 5 October 2010

/**/ /* CSS placed here will be applied to all skins */ /**/

/* Control Link Colors */
A:link {text-decoration: none; color: #75799b;}
A:visited {text-decoration: none; color: #75799b;}
A:active {text-decoration: none; color: #75799b;}
A:hover {text-decoration: underline; color: #75799b;}

/* Control Redlink Colors */
a.new, #p-personal a.new:visited {text-decoration: none; color: #9b7575;}
a.new:visited, #p-personal a.new {text-decoration: none; color: #9b7575;}
a.new:hover {text-decoration: underline; color: #9b7575}

/* Control External Link Colors */

/* ** 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, #bodyContent a.external[href ^="gopher://"] {background: url(external.png) center right no-repeat; padding: 0 13px; color: #75799b;}
.rtl #bodyContent a.external, .rtl #bodyContent a.external[href ^="gopher://"] {background-image: url(external-rtl.png); color: #75799b;}
#bodyContent a.external[href ^="https://"], .link-https {background: url(lock_icon.gif) center right no-repeat; 	padding: 0 16px; color: #75799b;}
#bodyContent a.external[href ^="mailto:"], .link-mailto {background: url(mail_icon.gif) center right no-repeat; padding: 0 18px; color: #75799b;}
#bodyContent a.external[href ^="news://"] {background: url(news_icon.png) center right no-repeat; padding: 0 18px; color: #75799b;}
#bodyContent a.external[href ^="ftp://"], .link-ftp {background: url(file_icon.gif) center right no-repeat; padding: 0 18px; color: #75799b;}
#bodyContent a.external[href ^="irc://"], .link-irc {background: url(discussionitem_icon.gif) center right no-repeat; padding: 0 18px; color: #75799b;}
#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 {background: url("audio.png") center right no-repeat; 	padding: 0 13px; color: #75799b;}
#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 {background: url("video.png") center right no-repeat; padding: 0 13px; color: #75799b;}
#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 {background: url("document.png") center right no-repeat; padding: 0 12px; color: #75799b;}
.rtl #bodyContent a.external {background-position: left; padding-right: 0; color: #75799b;}
.rtl a.feedlink {background-position: right; padding-right: 16px; padding-left: 0; color: #75799b;}
.ltr #bodyContent a.external {padding-left: 0; color: #75799b;}
#bodyContent a.extiw, #bodyContent a.extiw:active {color: #75799b;}
#bodyContent a.external {color: #75799b;}