User:Javartii/monobook.css

/*

Javartii monobook skin

 * Developed from several sources with original code and personal tweaks


 * Designed to run on a maximized mozilla browser



/* */

/* make the background behind the content area and the tabs a light grey */
 * 1) content, #content table
 * 2) p-cactions ul li a {  background: #ffffee; }

/* stop background image from scrolling with content area */ body {    background-attachment: fixed; }

/* custom headers with tint and no dividing line */ h1, h2 { padding-left:6px; padding-bottom:6px; border-bottom: 0px; background: #ffeecc; }

h3, h4, h5 { padding-bottom:6px; border-bottom: 0px; }

/* fixed toc right aligned */ .toc { position:absolute; top:76px; right:28px; border-right-width: 0px; -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em; position:fixed; }

/*Display body content in a narrower column for easier reading*/ /*adjust percentages as desired*/ div#bodyContent { margin-left:5%; margin-top:40px; width: 80%; line-height: 105%; font-size:11pt; }

.columns { -moz-column-count: 2; -moz-column-gap: 50px; }

.firstHeading { position:fixed; z-index:1; width:84%; background: #ffffaa; border-top:1px groove; }

display:none; }
 * 1) siteNotice {

position:fixed; background: #ffffee; width: 85%; height: 80%; overflow: auto; }
 * 1) content {

/* change background of unselected tabs */ {   background: #ffffee; }
 * 1) p-cactions ul li a

/* change background of selected tabs */
 * 1) p-cactions ul li.selected a { background: #ffffaa; }

/* change border background of selected tabs */
 * 1) p-cactions li.selected { border-color: #777777; }

/* put scrollbar on pre sections instead of ugly cutoff/overlap in firefox */ pre { overflow: auto; }

/* make a few corners round, only supported by moz/firefox/other gecko browsers for now */ -moz-border-radius-topleft: 1em; -moz-border-radius-topright: 1em; } -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em; } div.pBody { -moz-border-radius-topright: 1em; -moz-border-radius-bottomright: 1em; }
 * 1) p-cactions ul li, #p-cactions ul li a {
 * 1) content {

/* same following the css3 draft specs, any browsers supporting this? */ border-radius-topleft: 1em; border-radius-topright: 1em; } border-radius-topleft: 1em; border-radius-bottomleft: 1em; } div.pBody { border-radius-topright: 1em; border-radius-bottomright: 1em; }
 * 1) p-cactions ul li, #p-cactions ul li a {
 * 1) content {

/* Transform the user toolbar into a sidebox */ position:relative; z-index:2; width: 11.6em; }
 * 1) p-personal {

width: 10.7em; border: none; margin: 0 0 0.1em 0em; float: none; overflow: hidden; font-size: 95%; border-collapse: collapse; border: 1px solid #aaaaaa; padding: 0 0.8em 0.3em .5em; background: #ffffdd; }
 * 1) p-personal .pBody {

line-height: 1.5em; list-style-type: square; list-style-image: url("/style/monobook/bullet.gif");
 * 1) p-personal ul {

font-size:95%; margin: 0 0 0 1.5em; padding:0; text-align:left; text-transform: none; }

display: list-item; padding:0; margin: 0 0 0 0; margin-bottom: 0.1em; background: ffffbb; }
 * 1) p-personal li {

/* suppress the person icon by your username */ /* needed if not already in place */ li#pt-userpage { background: none }

/* color sidebar panels */

background: #ffffdd; }
 * 1) p-search .pBody {

background: #ffffdd; }
 * 1) p-Help .pBody {

background: #ffffdd; }
 * 1) p-tb .pBody {

/* fix sidebar in place */

div[id=column-one] { /* Using the attribute selector hides this from IE */ position: fixed; height: 100%;    /* If you shrink the browser too small, the side column will */ overflow: auto; /*  become scrollable, so stuff is always accessible, albeit ugly */ z-index: 2; }

position:fixed; top:90%; height:4%; margin-left: 13.6em; border-left: solid 1px rgb(250, 189, 35); /* Uncomment this if you use rounded edges: */ -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em; } /* */
 * 1) footer {            /* Fix the footer so it looks nice and doesn't overlap the sidebar */