User:RainbowJester/vector.css

/* -- Kingdompedia Green (vector skin) -- * Adapted from http://kingdompedia.emeraldkingdom.com/skins/vector/screen.css.

/* - Background - * (A pale green color, with an image of Marks aligned top-left, repeating to fill the page - * the image will tile to fill any screen-size or page length).

body { background: #FAFFFA url("http://kingdompedia.emeraldkingdom.com/images/d/d4/VSBackgroundTile.png") top left; background-repeat:repeat; }

/* - Header - * This is the MediaWiki header, which stretches across the top of Kingdompedia. * (It's colored the same as the background and has a shorter version of the Marks image over the top * - which, when aligned bottom-left, tiles seamlessly with the background image. * The header image is repeated, and will tile if it's too short to fill wider screens.)

background: #FAFFFA; }
 * 1) mw-head-base {

background: #FAFFFA url("http://kingdompedia.emeraldkingdom.com/images/7/76/VSHeader.png") left bottom; background-repeat:repeat; }
 * 1) mw-head {

/* - Main page box - * This is the bit where the contents of wiki pages sit. * It *could* have a background image - but readability is important. * (Ours is the default plain white, with a 1-pixel dotted green border. * The default background border image has been removed). border: 1px dotted #228b68; }
 * 1) content {
 * 1) content {

div#content { background-image: none; }

/* - Side nav - */ * (The nav-bar down the left side. * The section headings are bold, and colored to match the page border. * We also have some matching horizontal break images). div#mw-panel div.portal h5 { font-weight: bold; color: #106b4c; }

div#mw-panel div.portal div.body { background-image: url("http://kingdompedia.emeraldkingdom.com/images/4/4e/VSHorizontalbreak2.png"); }

/* - Tool box & footer - * (These two things are lumped together here because they have the same background & border properties - none. * This makes them transparent - to match in with the nav-bar, which shows the background image behind its contents. * We could have a separate background image for these, or a solid color - but the background Mark image showing  * through is pretty! I have only checked Safari, Firefox and Chrome for transparentness-compatibility). border: none; background:none; }
 * 1) p-tb,#footer {
 * 1) p-tb,#footer {