MediaWiki

Difference between revisions of "Common.css"

From Children of StarClan
 
(92 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
/* CSS placed here will be applied to all skins */
+
/**/ /* CSS placed here will be applied to all skins */ /**/
−
A:link {text-decoration: none; color: #005825;}
 
−
A:visited {text-decoration: none; color: #005825;}
 
−
A:active {text-decoration: none; color: #005825;}
 
−
A:hover {text-decoration: underline; color: #005825;}
 
  
−
/* 2009.11.14 - ADDED FOR MENU IMPROVEMENTS */
+
/* List Font Size Corrections */
−
/*
+
ul, ol, dl, p { font-size: 1em !important; }
−
* MenuSidebar
+
 
−
*/
+
/* Control Link Colors */
−
/* this has to be overridden for every menu */
+
A:link {text-decoration: none; color: #75799b;}
−
#p-Menu,
+
A:visited {text-decoration: none; color: #75799b;}
−
#p-Menu2,
+
A:active {text-decoration: none; color: #75799b;}
−
#p-Menu3 {
+
A:hover {text-decoration: underline; color: #75799b;}
−
overflow: visible;  
+
 
−
}
+
/* Control Link Colors in Genealogy Table Box for Collapser */
−
+
#genealogy-table A:link {text-decoration: none; color: #000000;}
−
/* this has to be overridden for every menu */
+
#genealogy-table A:visited {text-decoration: none; color: #000000;}
−
#p-Menu div,
+
#genealogy-table A:active {text-decoration: none; color: #000000;}
−
#p-Menu2 div,
+
#genealogy-table A:hover {text-decoration: underline; color: #000000;}
−
#p-Menu3 div {
+
 
−
margin: 0;
+
/* Control Redlink Colors */
−
padding: 0;
+
a.new, #p-personal a.new:visited {text-decoration: none; color: #bb8080;}
−
}
+
a.new:visited, #p-personal a.new {text-decoration: none; color: #bb8080;}
−
+
a.new:hover {text-decoration: underline; color: #bb8080}
−
/* this is an example to make the list of the second entry bigger e.g. when ther is a longer text in a list item
+
 
−
#p-Menu ul li.item2 ul {
+
/* Control External Link Colors */
−
width: 16em;
+
/* ** 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;}
−
/* this an example to change the background color of every second list item
+
#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;}
−
li.even {
+
#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;}
−
background-color: #eeeeee;
+
#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;}
−
.menuSidebar ul { /* remove bullets and list indents */
+
#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;}
−
list-style: none;
+
.rtl #bodyContent a.external {background-position: left; padding-right: 0; color: #75799b;}
−
margin: 0;
+
.rtl a.feedlink {background-position: right; padding-right: 16px; padding-left: 0; color: #75799b;}
−
padding: 0;
+
.ltr #bodyContent a.external {padding-left: 0; color: #75799b;}
−
}
+
#bodyContent a.extiw, #bodyContent a.extiw:active {color: #75799b;}
−
+
#bodyContent a.external {color: #75799b;}
−
/* this div is only for better handling and navigation  ... could also be done in inner ul*/
+
 
−
.menuSidebar ul div {  
+
/* Making Pre Tags Stop Sucking */
−
position: absolute;
+
pre { padding: 1em; border: 1px dashed #2f6fab; color: black; background-color: #f9f9f9; line-height: 1.1em; overflow: auto !important; }
−
top: -6px;
+
 
−
left: 100%; /* to position them to the right of their containing block */
+
/* Fancy Color Stuffs */
−
width: 100%; /* width is based on the containing block */
+
.firstHeading {color: #5e5a5a;}
−
z-index: 100; /* show ul on top */
+
 
−
}
+
/* Make Firstheading Go Away on Mainpage */
−
+
body.page-Main_Page h1.firstHeading { display:none; }
−
.menuSidebar ul ul {  
+
 
−
background-color: white;
+
/* Making Sitenotice stop looking ugly. */
−
border: 1px solid #aaaaaa;
+
#siteNotice {background: #c8b0b0; border: 1px dashed #555; color: #555; text-align: left; margin: 25px 0 10px 0; padding: 10px; font-size: 12px;}
−
margin-top: 5px; /* make navigation easier*/
+
#siteNotice A:link {text-decoration: underline; color: #a76565;}
−
margin-bottom: 5px; /* make navigation easier*/
+
#siteNotice A:visited {text-decoration: underline; color: #a76565;}
−
z-index: 101; /* show on top; Needed for IE 7 */
+
#siteNotice A:active {text-decoration: underline; color: #a76565;}
−
width: 12em; /* width of inner menu, Needed for IE 7 */
+
#siteNotice A:hover {text-decoration: underline; color: #a76565;}
−
}
+
 
−
+
/* SIDEBAR TRICKS */
−
.menuSidebar li {
+
@media screen { #kitside { width: 735px !important; margin-left: 265px !important; } }
−
position: relative; /* make li a container for inner elements */
+
@media (max-device-width: 480px) { #kitside { width: 100% !important; } }
−
margin: 1px;
+
 
−
z-index: 102; /* show on top; Needed for IE 7 */
+
/* FANCY FONT FIXES */
−
}
+
div.stafffix i { font-size: 1em; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; }
−
+
 
−
/* style, color and size links and headings to suit */
+
/* NEW FORUM FIXES */
−
.menuSidebar a {
+
tr.mw-wikiforum-title, tr th.mw-wikiforum-thread-top { background: #bb8080; color: #dddddd; }
−
font-weight: bold;
+
tr.mw-wikiforum-marked a:link, .mw-wikiforum-headerrow a:link, mw-wikiforum-sticky a:link, mw-wikiforum-normal a:link {text-decoration: none; color: #75799b;}
−
display: block;
+
tr.mw-wikiforum-marked a:visited, .mw-wikiforum-headerrow a:visited, mw-wikiforum-sticky a:visited, mw-wikiforum-normal a:visited {text-decoration: none; color: #75799b;}
−
border-width: 0px 0px 1px 0px;
+
tr.mw-wikiforum-marked a:active, .mw-wikiforum-headerrow a:active, mw-wikiforum-sticky a:active, mw-wikiforum-normal a:hover {text-decoration: none; color: #75799b;}
−
border-style: solid;
+
tr.mw-wikiforum-marked a:hover, .mw-wikiforum-headerrow a:hover, mw-wikiforum-sticky a:hover, mw-wikiforum-normal a:link {text-decoration: underline; color: #75799b;}
−
border-color: #aaaaaa;
+
tr.mw-wikiforum-title th.mw-wikiforum-title { padding-left: 20px; width: 55%; }
−
margin: 0px;
+
tr.mw-wikiforum-title th.mw-wikiforum-admin { width: 11%; }
−
padding: 1px;
+
tr.mw-wikiforum-title th.mw-wikiforum-value { width: 5%; }
−
padding-left: 5px;
+
tr.mw-wikiforum-title th.mw-wikiforum-lastpost { width: 24%; }
−
color: #000000;
+
.wikiforum-avatar-image, .mw-wikiforum-thread-sub div.wikiforum-avatar-image { padding: 0px 0px 5px 10px; }
−
text-decoration: none;
+
td.mw-wikiforum-thread-sub { padding: 10px 10px 5px 10px; }
−
}
+
tr.mw-wikiforum-sticky { background: rgba(209, 143, 143, 0.2) !important; }
−
+
tr.mw-wikiforum-normal:nth-of-type(even), td.mw-wikiforum-thread-main { background: #e6e6e6; }
−
/* move the > to the right */
+
tr.mw-wikiforum-normal:nth-of-type(odd) { background: #f2f2f2; }
−
.menuSidebar a em {
+
td.mw-wikiforum-title, td.mw-wikiforum-value { border-bottom: 1px solid #dddddd; }
−
position: absolute;
+
th.mw-wikiforum-thread-top, td.mw-wikiforum-thread-main, td.mw-wikiforum-thread-sub { border: 1px solid #dddddd; }
−
right: 4px;
+
table.mw-wikiforum-posted { background: #f2f2f2; }
−
}
+
 
−
+
 
−
.menuSidebar li:hover, /* Needed for IE 7 */
+
/* SOCIAL PROFILE FIXES */
−
.menuSidebar a:hover {
+
.blast-friend-unselected, .blast-friend-selected { height: auto !important; }
−
background: #ccccff;
+
 
−
}
+
/* CHARACTER TABLE FIXES */
−
+
.columns { padding-left: 0px; padding-right: 0px; }
−
.menuSidebar li.separator a:hover {
+
.post_body { font-size: 1em !important; }
−
background: white;
+
 
−
}
+
/* GENEALOGY FIXES */
−
+
td, tr, table, table tr.even, table tr.alt, table tr:nth-of-type(even) { background: transparent; }
−
/* Needed for IE 7 */
+
 
−
.menuSidebar li.separator a,
+
/* Interactive Timeline Tools */
−
.menuSidebar li.separator {
+
.timeline-groups-axis { font-size: 8px !important; }
−
line-height: 0px;
+
.itimeline { font-size: 12px !important; }
−
height: 0px;
 
−
font-size: 0px;
 
−
}
 
−
 
−
.menuSidebar ul li:last-Child a {  
 
−
border-width: 0px 0px 0px 0px; // remove the last bottom line
 
−
padding-bottom: 0px;
 
−
}
 
−
 
−
/* hides the first level */
 
−
.menuSidebar ul li div { display: none; }
 
−
 
−
/* shows the first level and hide the second */
 
−
.menuSidebar ul li:hover div,  
 
−
.menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/
 
−
.menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */
 
−
 
−
/* second level*/
 
−
.menuSidebar ul li ul li:hover div,
 
−
.menuSidebar ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/
 
−
.menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */
 
−
 
−
/* third level */
 
−
.menuSidebar ul li ul li ul li:hover div,
 
−
.menuSidebar ul li ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/
 
−
.menuSidebar ul li ul li ul li:hover ul li div { display: none; } /* hide the next level */
 

Latest revision as of 14:47, 31 May 2017

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

/* List Font Size Corrections */
ul, ol, dl, p { font-size: 1em !important; }

/* 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: #bb8080;}
a.new:visited, #p-personal a.new {text-decoration: none; color: #bb8080;}
a.new:hover {text-decoration: underline; color: #bb8080}

/* 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; }

/* Making Sitenotice stop looking ugly. */
#siteNotice {background: #c8b0b0; border: 1px dashed #555; color: #555; text-align: left; margin: 25px 0 10px 0; padding: 10px; font-size: 12px;}
#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;}

/* SIDEBAR TRICKS */
@media screen { #kitside { width: 735px !important; margin-left: 265px !important; } }
@media (max-device-width: 480px) { #kitside { width: 100% !important; } }

/* FANCY FONT FIXES */
div.stafffix i { font-size: 1em; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; }

/* NEW FORUM FIXES */
tr.mw-wikiforum-title, tr th.mw-wikiforum-thread-top { background: #bb8080; color: #dddddd; }
tr.mw-wikiforum-marked a:link, .mw-wikiforum-headerrow a:link, mw-wikiforum-sticky a:link, mw-wikiforum-normal a:link {text-decoration: none; color: #75799b;}
tr.mw-wikiforum-marked a:visited, .mw-wikiforum-headerrow a:visited, mw-wikiforum-sticky a:visited, mw-wikiforum-normal a:visited {text-decoration: none; color: #75799b;}
tr.mw-wikiforum-marked a:active, .mw-wikiforum-headerrow a:active, mw-wikiforum-sticky a:active, mw-wikiforum-normal a:hover {text-decoration: none; color: #75799b;}
tr.mw-wikiforum-marked a:hover, .mw-wikiforum-headerrow a:hover, mw-wikiforum-sticky a:hover, mw-wikiforum-normal a:link {text-decoration: underline; color: #75799b;}
tr.mw-wikiforum-title th.mw-wikiforum-title { padding-left: 20px; width: 55%; }
tr.mw-wikiforum-title th.mw-wikiforum-admin { width: 11%; }
tr.mw-wikiforum-title th.mw-wikiforum-value { width: 5%; }
tr.mw-wikiforum-title th.mw-wikiforum-lastpost { width: 24%; }
.wikiforum-avatar-image, .mw-wikiforum-thread-sub div.wikiforum-avatar-image { padding: 0px 0px 5px 10px; }
td.mw-wikiforum-thread-sub { padding: 10px 10px 5px 10px; }
tr.mw-wikiforum-sticky { background: rgba(209, 143, 143, 0.2) !important; }
tr.mw-wikiforum-normal:nth-of-type(even), td.mw-wikiforum-thread-main { background: #e6e6e6; }
tr.mw-wikiforum-normal:nth-of-type(odd) { background: #f2f2f2; }
td.mw-wikiforum-title, td.mw-wikiforum-value { border-bottom: 1px solid #dddddd; }
th.mw-wikiforum-thread-top, td.mw-wikiforum-thread-main, td.mw-wikiforum-thread-sub { border: 1px solid #dddddd; }
table.mw-wikiforum-posted { background: #f2f2f2; }


/* SOCIAL PROFILE FIXES */
.blast-friend-unselected, .blast-friend-selected { height: auto !important; }

/* CHARACTER TABLE FIXES */
.columns { padding-left: 0px; padding-right: 0px; }
.post_body { font-size: 1em !important; }

/* GENEALOGY FIXES */
td, tr, table, table tr.even, table tr.alt, table tr:nth-of-type(even) { background: transparent; }

/* Interactive Timeline Tools */
.timeline-groups-axis { font-size: 8px !important; }
.itimeline { font-size: 12px !important; }
Retrieved from "http://children.chosenofstarclan.com/index.php?title=MediaWiki:Common.css&oldid=14071"