Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

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

body { background: #f9f9f9; }

/* Custom Foreground menubar colors */
.top-bar,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
   background: #5e5a5a;
   color: #dddddd;
}

.title-name { color: #bb8080; }

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
  border-color: #5e5a5a;
}

/* Darker color for the hover over items */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
    background: #000000;
}

/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: #5e5a5a;
}


/* For Collapsable Tables */
.collapseButton {		/* 'show'/'hide' buttons created dynamically by the		*/
	float: right;		/* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
	font-weight: normal;	/* are styled here so they can be customised.		  */
	text-align: right;
	width: auto;}

/* 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 Link Colors in Genealogy Table Box for Collapser */
#genealogy-table A:link {text-decoration: none; color: #000000;}
#genealogy-table A:visited {text-decoration: none; color: #000000;}
#genealogy-table A:active {text-decoration: none; color: #000000;}
#genealogy-table A:hover {text-decoration: underline; color: #000000;}

/* 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(http://www.childrenofstarclan.com/skins/gumaxdd/external.png) center right no-repeat; padding: 0 13px; color: #75799b;}
.rtl #bodyContent a.external, .rtl #bodyContent a.external[href ^="gopher://"] {background-image: url(http://www.childrenofstarclan.com/skins/gumaxdd/external-rtl.png); color: #75799b;}
#bodyContent a.external[href ^="https://"], .link-https {background: url(http://www.childrenofstarclan.com/skins/gumaxdd/lock_icon.gif) center right no-repeat; 	padding: 0 16px; color: #75799b;}
#bodyContent a.external[href ^="mailto:"], .link-mailto {background: url(http://www.childrenofstarclan.com/skins/gumaxdd/mail_icon.gif) center right no-repeat; padding: 0 18px; color: #75799b;}
#bodyContent a.external[href ^="news://"] {background: url(http://www.childrenofstarclan.com/skins/gumaxdd/news_icon.png) center right no-repeat; padding: 0 18px; color: #75799b;}
#bodyContent a.external[href ^="ftp://"], .link-ftp {background: url(http://www.childrenofstarclan.com/skins/gumaxdd/file_icon.gif) center right no-repeat; padding: 0 18px; color: #75799b;}
#bodyContent a.external[href ^="irc://"], .link-irc {background: url(http://www.childrenofstarclan.com/skins/gumaxdd/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("http://www.childrenofstarclan.com/skins/gumaxdd/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("http://www.childrenofstarclan.com/skins/gumaxdd/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("http://www.childrenofstarclan.com/skins/gumaxdd/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;}

/* Making Pre Tags Stop Sucking */
pre {	
   padding: 1em;
   border: 1px dashed #2f6fab;
   color: black;
   background-color: #f9f9f9;
   line-height: 1.1em;
   overflow: auto !important;
}

/* Fancy Color Stuffs */
.firstHeading {color: #5e5a5a;}

/* Make Firstheading Go Away on Mainpage */
body.page-Main_Page h1.firstHeading { display:none; }

/* Special Forum Controls */

/* Forum Header Link Colors Changed */
.thread_col_head A:link {text-decoration: none; color: #FFFFFF;}
.thread_col_head A:visited {text-decoration: none; color: #FFFFFF;}
.thread_col_head A:active {text-decoration: none; color: #FFFFFF;}
.thread_col_head A:hover {text-decoration: underline; color: #FFFFFF;}

/* Sticky Thread Link Colors Changed */
.sticky A:link {text-decoration: none; color: #000000;}
.sticky A:visited {text-decoration: none; color: #000000;}
.sticky A:active {text-decoration: none; color: #000000;}
.sticky A:hover {text-decoration: underline; color: #000000;}

/* Announce Thread Link Colors Changed */
#annc A:link {text-decoration: none; color: #000000;}
#annc A:visited {text-decoration: none; color: #000000;}
#annc A:active {text-decoration: none; color: #000000;}
#annc A:hover {text-decoration: underline; color: #000000;}

/* New Thread Button Link Colors Changed */
.new_thread_button A:link {text-decoration: none; color: #75799b;}
.new_thread_button A:visited {text-decoration: none; color: #75799b;}
.new_thread_button A:active {text-decoration: none; color: #75799b;}
.new_thread_button A:hover {text-decoration: underline; color: #75799b;}
.new_thread_button:hover A:link {text-decoration: none; color: #75799b;}
.new_thread_button:hover A:visited {text-decoration: none; color: #75799b;}
.new_thread_button:hover A:active {text-decoration: none; color: #75799b;}
.new_thread_button:hover A:hover {text-decoration: underline; color: #75799b;}

/* Making Sitenotice stop looking ugly. */
#siteNotice {background: #c8b0b0; border: 1px dashed #555; border-radius: 1em; color: #555; font-size: 10px; text-align: left; padding: 5px; margin-bottom: 10px;}
#siteNotice A:link {text-decoration: underline; color: #a76565;}
#siteNotice A:visited {text-decoration: underline; color: #a76565;}
#siteNotice A:active {text-decoration: underline; color: #a76565;}
#siteNotice A:hover {text-decoration: underline; color: #a76565;}