MediaWiki

Difference between revisions of "Common.css"

From Children of StarClan

 
(38 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 */ /**/
  
/* For Collapsable Tables */
+
/* List Font Size Corrections */
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
+
ul, ol, dl, p { font-size: 1em !important; }
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 */
 
/* Control Link Colors */
Line 21: Line 17:
  
 
/* Control Redlink Colors */
 
/* Control Redlink Colors */
a.new, #p-personal a.new:visited {text-decoration: none; color: #9b7575;}
+
a.new, #p-personal a.new:visited {text-decoration: none; color: #bb8080;}
a.new:visited, #p-personal a.new {text-decoration: none; color: #9b7575;}
+
a.new:visited, #p-personal a.new {text-decoration: none; color: #bb8080;}
a.new:hover {text-decoration: underline; color: #9b7575}
+
a.new:hover {text-decoration: underline; color: #bb8080}
  
 
/* Control External Link Colors */
 
/* Control External Link Colors */
Line 44: Line 40:
  
 
/* Making Pre Tags Stop Sucking */
 
/* Making Pre Tags Stop Sucking */
pre {
+
pre { padding: 1em; border: 1px dashed #2f6fab; color: black; background-color: #f9f9f9; line-height: 1.1em; overflow: auto !important; }
  padding: 1em;
 
  border: 1px dashed #2f6fab;
 
  color: black;
 
  background-color: #f9f9f9;
 
  line-height: 1.1em;
 
  overflow: auto !important;
 
}
 
  
 
/* Fancy Color Stuffs */
 
/* Fancy Color Stuffs */
Line 58: Line 47:
 
/* Make Firstheading Go Away on Mainpage */
 
/* Make Firstheading Go Away on Mainpage */
 
body.page-Main_Page h1.firstHeading { display:none; }
 
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. */
 
/* Making Sitenotice stop looking ugly. */
#siteNotice {background: #c8b0b0; border: 1px dashed #555; color: #555; text-align: left; margin: 25px 0 10px 0; font-size: 12px;}
+
#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:link {text-decoration: underline; color: #a76565;}
 
#siteNotice A:visited {text-decoration: underline; color: #a76565;}
 
#siteNotice A:visited {text-decoration: underline; color: #a76565;}
Line 97: Line 56:
  
 
/* SIDEBAR TRICKS */
 
/* SIDEBAR TRICKS */
@media screen {
+
@media screen { #kitside { width: 735px !important; margin-left: 265px !important; } }
#kitside { width: 735px !important; margin-left: 265px !important; }
+
@media (max-device-width: 480px) { #kitside { width: 100% !important; } }
}
 
@media (max-device-width: 480px) {
 
#kitside { width: 100% !important; }
 
}
 
 
 
/* forum tweaks for wikiforum */
 
.wikiforum-avatar-image { padding: 0px 0px 5px 10px; }
 
 
 
/* ***** ***** TimelineTable ***** ***** */
 
table.tl_table{
 
        border-width: thin;
 
        border-spacing: 2px;
 
        border-style: outset;
 
        border-color: black;
 
        border-collapse: separate;
 
        background-color: white;
 
        border-radius: 9px;
 
}
 
 
 
th.tl_title{
 
        text-transform: uppercase
 
        text-align: center;
 
        border-width: 1px;
 
        padding: 1px;
 
        border-style: outset;
 
        border-color: blue;
 
        background-color: rgb(243, 248, 252);
 
        border-radius: 9px;
 
}
 
 
 
th.tl_years{
 
        text-align: center;
 
        font-style: italic;
 
        border-width: 1px;
 
        padding: 1px;
 
        border-style: outset;
 
        border-color: blue;
 
        background-color: rgb(223, 228, 252);
 
        border-radius: 4px;
 
}
 
 
 
th.tl_months{
 
        text-align: center;
 
        border-width: 1px;
 
        padding: 1px;
 
        border-style: outset;
 
        border-color: blue;
 
        background-color: rgb(243, 248, 252);
 
        border-radius: 2px;
 
}
 
 
 
th.tl_days{
 
        text-align: center;
 
        border-width: 1px;
 
        padding: 1px;
 
        border-style: outset;
 
        border-color: blue;
 
        background-color: rgb(243, 248, 252);
 
        border-radius: 2px;
 
}
 
  
th.tl_weeks{
+
/* FANCY FONT FIXES */
        text-align: center;
+
div.stafffix i { font-size: 1em; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; }
        border-width: 1px;
 
        padding: 1px;
 
        border-style: outset;
 
        border-color: blue;
 
        background-color: rgb(243, 248, 252);
 
        border-radius: 2px;
 
}
 
  
td.tl_freetime{
+
/* NEW FORUM FIXES */
        background-color: rgb(187, 210, 236);
+
tr.mw-wikiforum-title, tr th.mw-wikiforum-thread-top { background: #bb8080; color: #dddddd; }
        border-width: 1px;
+
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;}
        border-color: black;
+
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-style: inset;
+
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-radius: 7px;
+
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; }
  
td.tl_event{
 
        text-align: center;
 
        padding: 1px;
 
        background-color: rgb(61, 114, 194);
 
        border-width: 1px;
 
        border-color: white;
 
        border-style: inset;
 
        color: white;
 
        border-radius: 7px;
 
        white-space: normal
 
}
 
  
td.tl_foot{
+
/* SOCIAL PROFILE FIXES */
        text-align: center;
+
.blast-friend-unselected, .blast-friend-selected { height: auto !important; }
        padding: 1px;
 
        background-color: rgb(243, 248, 252);
 
        border-width: 1px;
 
        border-color: blue;
 
        border-style: ridge;
 
        color: gray;
 
        border-radius: 9px;
 
}
 
  
thead.tl_header{}
+
/* CHARACTER TABLE FIXES */
tbody.tl_body{}
+
.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 */
 
/* Interactive Timeline Tools */
.timeline-groups-axis { font-size: 8px !important; width: 100px; }
+
.timeline-groups-axis { font-size: 8px !important; }
 
.itimeline { font-size: 12px !important; }
 
.itimeline { font-size: 12px !important; }

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