User:Cizagna/monobook.css

/* CSS placed here will affect users of the Monobook skin See also: MediaWiki:Common.css

Tools: [ reload cache] | check w3c validation

*/

/* This monobook is best view on Moz/Firefox/other gecko Browsers due to its curve effect, thought there is a possible code for compatibility with other browsers following the css3 draft specs.

Based on http://dofus.od.ua/wiki/index.php/Main_Page - Color style http://creatures.wikia.com/wiki/MediaWiki:Monobook.css - Category & edit image ideas http://gaia.wikia.com/wiki/MediaWiki:Monobook.css - Style ideas http://monterrey.wikia.com/wiki/MediaWiki:Monobook.css - Cactions ideas http://meta.wikimedia.org/wiki/Help:User_style - Code info http://www.wikia.com - All extra help in coding it http://mozilla.wikia.com/wiki/MediaWiki:Monobook.css - Buttom styling

1 - General Area
*/

a { color: #4AB02C; } /*#328000;*/ a:hover { color: #A34413; } a:visited { color: #328000; } /*#224400;*/ a:active { color: #FF6633; } a.new { color: #BB6320; } a.interwiki, a.external { color: #008800; } a:visited.external, a:visited.interwiki { color: #007700; } a.stub { color: #00FFD8; }

/* Buttons and search box to fit in better with the Monobook-style */ input[type="button"], input[type="submit"] { color: #fff !important; background-color: #FF6600 !important; background-image: none; cursor: pointer; border: 1px outset #FFCC33 !important; -moz-border-radius: 1em; /*		Curve effect*/ font-family: Tahoma, Arial, sans-serif; } input[type="button"]:hover, input[type="submit"]:hover { color: #fff !important; background-color: #514A3C !important; /*	color: #514A3C !important; background-color: #FFCC33 !important;*/ } input[type="button"]:active, input[type="submit"]:active { border-style: inset !important; }

/*

2 - Navigation Area (left side column)
*/

/* 2.1 - Title Format */ .portlet h5/*, {	background-color: #514A3C; padding: 4px 10px; width: 70%; display: block; font-weight: bold; font-family: Tahoma, Arial, sans-serif; letter-spacing: 0.4em; -moz-border-radius-topright: 1em; /*	Curve effect*/ border-radius-topright: 1em; /*		Any browsers supporting this?*/ color: #fff; text-transform: capitalize; }
 * 1) p-navigation h5, #p-search h5, #p-tb h5, #p-wikicities-nav h5 */

/* 2.2 - Hover effect (like a button) */ .portlet .pBody:hover { background-color: #FBF7DA; }

/* 2.3 - Link colors */ .portlet a { color: #32A000; background: none; } .portlet a:hover { color: #A34413;}

{ color: #007700; } { color: #008800; }
 * 1) p-wikicities-nav a:link.interwiki,
 * 2) p-wikicities-nav a:link.external
 * 1) p-wikicities-nav a:visited.interwiki,
 * 2) p-wikicities-nav a:visited.external

div.pBody { -moz-border-radius-topright: 1em; /*	Curve effect*/ -moz-border-radius-bottomright: 1em; /*	Curve effect*/ border-radius-topright: 1em; /*		Any browsers supporting this?*/ border-radius-bottomright: 1em; /*	Any browsers supporting this?*/ background-color: #EDE9CE; border:1px solid #514A3C; }

/*

3 - Content's Area (central body)
*/

/* 3.1 - "top tabs" */ -moz-border-radius-topleft: 1em; /*	Curve effect*/ -moz-border-radius-topright: 1em; /*	Curve effect*/ border-radius-topleft: 1em; /*		Any browsers supporting this?*/ border-radius-topright: 1em; /*		Any browsers supporting this?*/ border-color: #BD9D76; font-family: Verdana, Tahoma, Arial, sans-serif; letter-spacing: 0.1em; text-transform: capitalize; }
 * 1) p-cactions, /*					Tabs section*/
 * 2) p-cactions ul li,
 * 3) p-cactions ul li a {

background: #FFCC33; color: #514A3C; }	background: #514A3C; font-weight: bold; color: #fff; }	color: #514A3C; background-color: #EDE9CE; }	color: #ff6320; text-decoration: none; }	color: #ff6320; text-decoration: none; }
 * 1) p-cactions ul li.selected a { /*		Change color of SELECTED tabs */
 * 1) p-cactions ul li a { /*			Change color of Non SELECTED tabs */
 * 1) p-cactions ul li a:hover { /*			Appearance when mouse hovers over tabs */
 * 1) p-cactions ul li.selected.new a { /*		SELECTED NEW tabs */
 * 1) p-cactions ul li.new a { /*			Non SELECTED NEW tabs*/

/* 3.2 - Body Area */ /* 3.2.1 - General stuff */ -moz-border-radius: 1em; /*		Curve effect*/ border-radius-topleft: 1em; /*		Any browsers supporting this?*/ border-radius-bottomleft: 1em; /*	Any browsers supporting this?*/ background-color: #EDE9CE; border:1px solid #514A3C; border-color: #BD9D76; right: 5px; }
 * 1) content {

text-align: center; font-size: 95%; padding: 0 .9em; background-color: #EDE9CE; }	margin: 0; padding: 0; }
 * 1) siteNotice table {
 * 1) siteNotice p {


 * 1) bodyContent .toc { background-color: #FBF7DA; }

pre { background-color: #D2CEB7; }

/* Disabling as its already stated at the top - Links colors { color: #008800; } { color: #007700; }
 * 1) bodyContent a.interwiki,
 * 2) bodyContent a.external,
 * 3) bodyContent a.extiw
 * 1) bodyContent a:visited.external,
 * 2) bodyContent a:visited.interwiki,
 * 3) bodyContent a:visited.extiw


 * 1) catlinks { background:#D2CEB7; }

/* Thump background */ /*div.thumb, div.thumbinner, html .thumbimage, html .thumbcaption, div.magnify, div.magnify a, div.magnify img, div.tright, div.tleft, table div.thumb { background: #EDE9CE; }*/

div.thumb { margin-bottom: .5em; border-style: solid; border-color: #2E2E33; width: auto; } div.thumb div { border: 1px solid #AAAAAA; padding: 3px !important; background-color: #222222; font-size: 94%; text-align: center; overflow: hidden; } div.thumb div a img { border: none; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4em; padding: .3em 0 .1em 0; } div.magnify { float: right; border: none !important; background: none !important; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } div.tright { clear: right; float: right; border-width: .5em 0 .8em 1.4em; margin-left: 0.75em; margin-right: 0em; } div.tleft { float: left; margin-right: .5em; border-width: .5em 1.4em .8em 0; margin-left: 0em; margin-right: 0.75em;

/* 3.2.2 - Table colors */
 * 1) bodyContent table { background: #EDE9CE; }

/* 3.2.3 - Different comparison page*/ /* Background effects and colors */ {	border:1px solid #514A3C; border-color: #BD9D76; background-color: transparent; }
 * 1) bodyContent table.diff


 * 1) bodyContent table.diff td { border:0; }


 * 1) bodyContent td.diff-otitle, td.diff-ntitle { background-color: transparent; }


 * 1) bodyContent td.diff-context { background-color: #D2CEB7; }

/* Different changes are bolded */ span.diffchange { background-color: transparent; }

/* Dont realy know */ td.diff-addedline, td.diff-deletedline, td.diff-context {	vertical-align: top; font-size: 85%; color: inherit; }

/* Personal thing as i prefer bigger box for formats standardizations*/
 * 1) wpTextbox1 { height: 50em; }

/*

4 - Personal Area (Top right)
*/

/* 4.1 - Gives the personal zone a nice area */ background-color: #EDE9CE; border-left: 1px solid #514A3C; border-bottom: 1px solid #514A3C; -moz-border-radius-bottomleft: 1em; /*	Curve effect*/ width: auto; display: inline; position: absolute; right: 0px; padding-left: 0px; padding-bottom: 3px; }
 * 1) p-personal ul {

color: #A34413; background: none; text-decoration: underline; }
 * 1) p-personal li a { color: #32A000; }
 * 2) p-personal li a:hover {

/*

5 - Goggle Area (right side column)
*/

/* 5.1 - Gives ad bars a styled area. */ {	border: none; /*	top: 40px; background: white; border: 1px solid #514A3C; border-right: 0px; padding: 4px 0px 4px 4px; -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em;*/ }
 * 1) column-google

/*

6 - General modifications (going on Common.css)
*/

/* Checker Background for transparent images */
 * 1) file img { background: url(http://images.wikia.com/dofus/images/5/5d/Checker-16x16.png) repeat; }

/* Makes PRE tag scrollable if the text inside overflown the box size */ pre { overflow: auto; }

border:none; background-color: transparent; }
 * 1) pagehistory li {

/* Recent changes colors for the quantity of characters add/remove to the page */ .mw-plusminus-pos {color: #1E90FF; } .mw-plusminus-neg {color: #E42217; } .mw-plusminus-null {color: #555555; }

/* Standard Navigationsleisten, aka box hiding thingy from .de.*/ div.Boxmerge, div.NavFrame { margin: 0px; padding: 2px; border: 1px solid #aaaaaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #ffffff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; font-size: 100%; background-color: #efefef; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

/* DISABLED FUNTIONS */ /*Changes how user msgs apears "you got a msg" .usermessage { background: transparent url('http://images.wikia.com/central/images/3/31/Gradient24.png') 0 0 repeat; border: 1px inset #777777; text-align: center; vertical-align: middle; }

/* */