User:WillSWC/monobook.css

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

Tools: [{{fullurl:{{FULLPAGENAME}}|action=raw&ctype=text/css&smaxage=18000}} reload cache] |  [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fdofus.wikia.com%2Findex.php%3Ftitle%3DMediaWiki%3AMonobook.css%26action%3Draw%26ctype%3Dtext%2Fcss%26smaxage%3D18000&usermedium=all check w3c validation]

__NOTOC__ <pre> <nowiki> */

/*
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
</pre>
== 1 - General Area ==
<pre>*/

a { color: #32A000; }
a:hover { color: #A34413; }
a:visited { color: #BB6320; }
a:active { color: #FF6633; }
a.new { color: #FF6320; }
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;
}

/*</pre>
== 2 - Navigation Area (left side column) ==
<pre> */

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

div#p-lang h5 {
    letter-spacing: 0.1em;
    font-size:x-small;
}

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

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

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

/*</pre>

== 3 - Content's Area (central body) ==
<pre>*/

/* 3.1 - "top tabs" */
#p-cactions, /*                    Tabs section*/
#p-cactions ul li,
#p-cactions ul li a {  
    -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;
}


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

/* 3.2 - Body Area */
/* 3.2.1 - General stuff */
#content { 
    -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;
}

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

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

pre { background-color: #D2CEB7; }

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

#catlinks { background:#D2CEB7; }

/* Thump background */
div.thumb {
    margin-bottom: .5em;
    border-style: solid;
    border-color: #EDE9CE;
    width: auto;
}
div.thumb div {
    border: 1px solid #AAAAAA;
    padding: 3px !important;
    background-color: #EDE9CE;
    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;
}

/* Gallery colors */
table.gallery {
    border: 1px solid #AAAAAA;
    margin: 2px auto 2px auto;
    padding: 2px;
    background-color: #EDE9CE;
}

table.gallery tr {
    vertical-align: top;
    background-color: #EDE9CE;
}

table.gallery td {
    vertical-align: top;
    background-color: #EDE9CE;
    border: none;
    margin: 2px;
}

div.gallerybox {
    margin: 2px;
    width:  150px;
    border: none;
    background-color: inherit;
}

div.gallerybox div.thumb {
    text-align: center;
    border: 1px solid #AAAAAA;
    margin: 2px;
}

div.gallerytext {
    font-size: smaller;
    text-align: center;
    padding: 2px 4px;
    background-color: inherit;
    border: none;
}

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

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

#bodyContent table.diff td { border:0; }

#bodyContent td.diff-otitle, td.diff-ntitle { background-color: transparent; }

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

/*</pre>

== 4 - Personal Area (Top right) ==
<pre>*/

/* 4.1 - Gives the personal zone a nice area */
#p-personal ul {
    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;
}

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

/*</pre>
== 5 - Goggle Area (right side column) ==
<pre>*/

/* 5.1 - Gives ad bars a styled area. */
#column-google {
    border: none;
}

/*</pre>
== 6 - General modifications (going on Common.css) ==
 <pre> */


#pagehistory li {
    border:none;
    background-color: transparent;
}

/* </nowiki> </pre> */