Difference between revisions of "MediaWiki:Monobook.css"

Revision as of 21:16, 13 August 2013

/*******************************************************************************************
 *                                                                                         *
 *   reference CSS: http://underrail.com/templates/siteground-j15-68/css/template.css      *
 *                & http://underrail.com/forums/Themes/Underrail/css/index.css             *
 *                                                                                         *
 *   This is a pretty dirty hack by someone with no CSS experience no all, sorry!          *
 *   If you want to test/modify this, just copy it to User:YourUsername/monobook.css       *
 *                                                                                         *
 *******************************************************************************************/


/* the editbox and other inputs */
textarea, input, button, select { color: #ccc; padding: 2px; border: 1px solid #333; background: #222; }
textarea:hover, input:hover, button:hover, select:hover { border-color: #AE5700; }


/* anything outside content areas */
body { background: #000; color: #626262; }


/* main content area backgrounds/borders */
div#content { background: #101010; }
#column-content div { background: #transparent; border-color: #AE5700; }


/* header bottomborder and main page h1 tweaks */
body.page-Main_Page h1.firstHeading { display:none; }
h1, h2 { border-color: #333 }


/* page contents menu */
table#toc { background: #000; border-color: #AE5700; border-radius: 0.5em 0.5em 0.5em 0.5em; }
div#toctitle { background: #000; }
table#toc * a { text-decoration: none; }
table#toc * a:hover { text-decoration: underline; }

/* text color for content area elements */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6  { color: #AE5700; }
#content div { color: #626262; }

/* pre & wikitable elements */
#content pre { background: #101010; color: #626262; border-color: #AE5700; max-width: 100% !important; overflow: auto !important; }
#content table.wikitable { background: #101010; color: #626262; }
#content table.wikitable th { background: #0C0C0C; color: #666; }

/* category links */
div#catlinks, div#catlinks * { background: #000; }
div#catlinks a:link, div#catlinks a:visited { text-decoration: none; }
div#catlinks a:hover { text-decoration: underline; }


/* content area and sidebar links */
a:link, a:visited { text-decoration: none; color: #AE5700; }
a:hover { text-decoration: underline; }
#content a.new { color: #890000; }
#content a.external { background: center right no-repeat; padding-right: 0px; }


/* sidebar */
div.pBody { background: #101010; border-color: #AE5700; border-left: none; border-radius: 0em 1em 1em 0em; }
div.portlet h5 { color: #626262; }


/* user menu */
li#pt-userpage { background: none; }
#p-personal li a { color: #AE5700; text-decoration: underline; }
#p-personal li a:hover { background: #000; text-decoration: none; }


/* tabs */
#p-cactions li { border-color: #AE5700; border-radius: 0.5em 0.5em 0em 0em; }
#p-cactions li a { background: #000; color: #AE5700; border-radius: 0.5em 0.5em 0em 0em; }
#p-cactions li.selected a { background: #101010; color: #AE5700; font-weight: bold; border-radius: 0.5em 0.5em 0em 0em; }
#p-cactions li a:hover { background: #101010; }


/* footer */
div#footer { background: #000; color: #626262; }


/* thumbnailed images and galleries */
img.thumbimage { border-color: #000 }
div.thumbinner { background-color: #101010; }
li.gallerybox { border-color: transparent; }
li.gallerybox div.thumb { background-color: #101010; }


/* Special page fixes */
fieldset { border-color: #AE5700; }
fieldset legend, fieldset table, fieldset table * { background: #101010 !important; }
ul#pagehistory li { background: #101010; border:1px solid #333; }
ul#pagehistory li.selected { background: #000; border:1px dotted #AE5700; }
table.diff { background: #101010; }
td.diff-addedline, td.diff-deletedline, td.diff-context, td.diff-empty { background: #101010; }
code { background: #000; color: #999; }
ul#filetoc { background: #000; border-color: #AE5700; }
table.listfiles th { background: #101010; }
table.listfiles td, table.listfiles tr { background: #000; }
div#userloginForm, div#userloginForm table { background-color: #101010; }
div#mw-js-message { background: #101010; }


/* Custom content styles */
.mainpage-contents { background:#000; width:800px; border:2px solid #AE5700; border-radius:1em; padding:1em 2em 2em 2em; }
.mainpage-contents th { font-size:140%; }
.mainpage-contents td { vertical-align: top; text-align:left; }
.mainpage-contents p { font-weight: bold;  text-align:left; /*border-bottom: 1px solid #AE5700;*/ }


/* Navboxes */
.navbox { width: 100%; border: 1px solid #AE5700; padding: 2px; }
.navbox-title { background: #222; text-align: center; }
.navbox-abovebelow { background: #191919; text-align: center; }
.navbox-group { background: #191919; text-align: right; padding: 0px 10px 0px 10px; }
.navbox-title div { background: transparent !important; padding-left: 5px !important; }
.navbox-odd { background: #0F0F0F; }
.navbox-even { background: #131313; }