MediaWiki

Difference between revisions of "Foreground.css"

From Children of StarClan

 
 
(72 intermediate revisions by the same user not shown)
Line 10: Line 10:
 
}
 
}
  
/* Custom Foreground menubar colors */
+
/* NAV MENU IMPROVED */
.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; }
+
section.top-bar-section, nav.top-bar, ul#top-bar-left, ul#top-bar-left li, ul#top-bar-right, ul#top-bar-right li, .top-bar-section ul li,  
 +
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #5e5a5a; }
  
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-color: #5e5a5a; }
+
/* FOOTER IMPROVED */
 
 
/* Tweaks to fix some layout details with the top bar... */
 
.title-name { color: #bb8080; }
 
#toolbox-dropdown { width: 200px; padding-right: 10px; }
 
#drop-icon { margin-right: 10px; }
 
 
 
/* 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; }
 
#drop-icon { float: left; }
 
 
 
/* Footer Tweaks */
 
 
#footer-lastmod, #footer-viewcount, #footer-right-icons { display: none; }
 
#footer-lastmod, #footer-viewcount, #footer-right-icons { display: none; }
 
#footer-privacy, #footer-about, #footer-disclaimer { display: inline-block; text-align: center; padding: 0 10px; }
 
#footer-privacy, #footer-about, #footer-disclaimer { display: inline-block; text-align: center; padding: 0 10px; }
  
/* FANCY FONT FIXES */
+
/* TAB TWEAKS */
#mw-content-text p, dl { font-size: 0.90em; margin-bottom: 15px; }
+
.tabs dd > a, .tabs .tab-title > a { padding: .5rem 1rem !important; }
div.charsheet p, div.charsheet dl { font-size: 1em !important; }
+
.tab-title { border-left: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
div.stafffix i { font-size: 1em; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; }
+
.tab-title.active { border-bottom-style: none !important; background: #f9f9f9 }
#mw-content-text h2 { font-size: 2em; }
+
div .tabs-content .content { border: 1px solid #f2f2f2; }
#mw-content-text h3 { font-size: 1.5em; }
 
#mw-content-text h4 { font-size: 1.25em; }
 
#mw-content-text h5 { font-size: 1em; font-weight: bold; }
 
#navwrapper li, #mw-content-text li { font-size: 100% !important; }
 
dl dl, dl dl dl, dl dl dl dl, dl dl dl dl dl, dl dl dl dl dl dl, dl dl dl dl dl dl dl, dl dl dl dl dl dl dl dl, dl dd, dd { font-size: 100% !important; }
 
.post_body, .post_body li, ul li ul li, ol li ol li, ol li ul li, ul li ol li, .content, .content p, ul, ol, li { font-size: 100%; }
 
p { padding-left: 10px; padding-right: 10px; }
 
td p { font-size: 100%; margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 0px; }
 
  
/* NEW FORUM FIXES */
+
/* LABEL TWEAKS */
.mw-wikiforum-thread-sub, .mw-wikiforum-thread-main { font-size: 100%; word-break: normal !important; }
+
h4.namespace.label { background-color: transparent; color: #bb8080; font-weight: bolder; }
td.mw-wikiforum-thread-sub { padding: 10px 10px 0px 10px; }
+
h1#firstHeading { color: #5e5a5a; }
table tr td { font-size: 100%; }
 
th.mw-wikiforum-thread-top, td.mw-wikiforum-thread-main, td.mw-wikiforum-thread-sub { border: 1px solid #5e5a5a !important; }
 
th.mw-wikiforum-thread-top { background: #5e5a5a !important; color: #c8b0b0 !important; }
 
  
/* SOCIAL PROFILE FIXES */
+
/* LISTS TWEAK */ #mw-content-text ul, #mw-content-text ol { padding-left: 10px; }
.blast-friend-unselected, .blast-friend-selected { height: auto !important; }
 
  
/* CHARACTER TABLE FIXES */
+
/* CHARACTER FORM */ .createboxInput .charformtextarea { width: 40% !important; }
.columns { padding-left: 0px; padding-right: 0px; }
 
.post_body { font-size: 1em !important; }
 
  
/* GENEALOGY FIXES */
+
/* P PADDING CORRECTIONS */
td, tr, table, table tr.even, table tr.alt, table tr:nth-of-type(even) { background: transparent; }
+
p { padding-left: 10px; padding-right: 10px; word-wrap: normal; }
 +
td p { padding-left: 0px; padding-right: 0px; padding-top: 10px; }

Latest revision as of 14:57, 31 May 2017

body { font-size: 100%; }

@media screen {
body { background: #f9f9f9 url("http://www.childrenofstarclan.com/images/8/89/Banner2-6-0.png") no-repeat 100px 65px !important; }
#page-content { margin-top: 135px; }
}
@media (max-device-width: 480px) {
body { background: #f9f9f9 url("http://www.childrenofstarclan.com/images/8/89/Banner2-6-0.png") no-repeat 0px 55px !important; background-size: 100% auto !important; }
#page-content { margin-top: 150px; }
}

/* NAV MENU IMPROVED */
section.top-bar-section, nav.top-bar, ul#top-bar-left, ul#top-bar-left li, ul#top-bar-right, ul#top-bar-right li, .top-bar-section ul li, 
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #5e5a5a; }

/* FOOTER IMPROVED */
#footer-lastmod, #footer-viewcount, #footer-right-icons { display: none; }
#footer-privacy, #footer-about, #footer-disclaimer { display: inline-block; text-align: center; padding: 0 10px; }

/* TAB TWEAKS */
.tabs dd > a, .tabs .tab-title > a { padding: .5rem 1rem !important; }
.tab-title { border-left: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
.tab-title.active { border-bottom-style: none !important; background: #f9f9f9 }
div .tabs-content .content { border: 1px solid #f2f2f2; }

/* LABEL TWEAKS */
h4.namespace.label { background-color: transparent; color: #bb8080; font-weight: bolder; }
h1#firstHeading { color: #5e5a5a; }

/* LISTS TWEAK */ #mw-content-text ul, #mw-content-text ol { padding-left: 10px; }

/* CHARACTER FORM */ .createboxInput .charformtextarea { width: 40% !important; }

/* P PADDING CORRECTIONS */
p { padding-left: 10px; padding-right: 10px; word-wrap: normal; }
td p { padding-left: 0px; padding-right: 0px; padding-top: 10px; }