User:Agburton/myskin.css

/*aburton's olpc mediawiki skin*/

/*SITE NOTICE * what you want everyone to see on every page. */

display:none; }
 * 1) siteNotice{

/*GLOBAL STYLE * Define what styles should be default for most elements * on the page. */

body{ font-family: arial, "lucida console", sans-serif; font-size: small; background-color: #FFF; width:99%; margin: 0; }

a{ text-decoration: none; border-bottom: 1px dotted ; color: #4444FF; }

/*image links shouldn't be underlined.*/ a.internal{ border-bottom: 0;

}

/*the little numbers that go after external links*/

a.autonumber { vertical-align: super; border-bottom: none; font-size: x-small; }

/*This is pretty much everything except the footer.*/
 * 1) content {

}

/*END global style*/

/*HEADER SECTION * Change whatever you want for the different headers */

/*This is the title of the page*/ h1.firstHeading{ z-index: 3; font-size: 2.5em; font-weight: 400; position: relative; top: 0; left: 4.6em; float: left; padding-top: .7em; padding-left: 1em; background-color: transparent; }

clear: left; position: relative; left: 2.5em; top: -1.5em; font-style: italic; font-size: small; }
 * 1) contentSub{

display: none; }
 * 1) jump-to-nav{

h2{ margin-bottom: 1em; left: -2em; border-bottom: 1px solid #aaa; padding-right: 1em;

}

/*This is just a secondary header. It's used for advertising the site. */ h3#siteSub{ display:none; }

h4{ border-bottom: 1px solid #aaa; }

.portlet h5{ background-color: #FFA64D; white-space: nowrap; text-align: center; }

/*END header section*/

/*LOGO PLACEMENT *The logo is a block element and should only contain *a background image. */   z-index: 2; position:absolute; /* needed to use z-index */ top: 0; left: 0; height: 8.8em; width: 11.5em; overflow: visible; background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); background-color: transparent; /*#FBF4D1; /*a light orange*/ background-repeat: no-repeat; background-position:1.5em 1.5em; display: block; } /*END logo section*/
 * 1) p-logo {

/*NAVIGATION CONTENT GEOGRAPHY * This specifies the location of the navgation content. * This is essentially "column one" */

position: absolute; top: 0; left: .75em; width: 10.5em; max-width: 30%; /*padding-right: 1.5em;*/ }
 * 1) column-one{

.pBody{ width: 10.5em; }

top:0em; }
 * 1) column-one div.portlet{

.pBody li { position: relative; top: -1em; left: -2.8em; width: 9em ; }

/*END navigation content geography*/

/*NAVIGATION CONTENT STYLE * This specifies the location of the navgation content. * This is essentially "column one" */

.portlet a { border-bottom-width: 0; color: #E44400; }

.portlet li:hover { background-color: #FFEBCC;

}

.portlet ul { list-style: none;

}

.portlet li { padding: .1em; border-bottom: 1px solid #FFEBCC; }

/*END navigation content style*/

/*PAGE TABS GEOGRAPHY * where on the page you want your tabs, and how you want them * ordered. */

position: fixed; z-index: 3; left: 30em; }
 * 1) p-cactions { /*this is the list of tabs*/

/*END page tabs geography*/

/*PAGE TABS STYLE * how you want your tabs to look */

display: none; /*this is so the label "Views" doesn't show*/ }
 * 1) p-cactions h5{

display: inline; background-color: #FFF0C0; white-space: nowrap; border: 1px solid #000 !important; padding-left: .5em !important; padding-right: .5em !important; }
 * 1) p-cactions li{

white-space: nowrap; padding-left: 0; position: absolute; top: -1em; marker-offset: 0; list-style-type: none; background-color: #FFF; border-right: .2em solid #FFF; border-left: .2em solid #FFF; }
 * 1) p-cactions ul{

font-size: small; color: #000; }
 * 1) p-cactions a{

text-decoration: underline; }
 * 1) p-cactions a:hover{

/*END page tabs style

/*ARTICLE CONTENT GEOGRAPHY * this specifies the location of the article. This is essentially * "column two" */

width: 55em; left: 13em; position: relative; /*visibility: hidden; /*debugging*/
 * 1) bodyContent{

}

left: 1em; }
 * 1) bodyContent p{

border: 1px dotted #aaa; }
 * 1) bodyContent img{

div.thumb.tleft{ float: left; white-space: nowrap; background: #FFF; z-index: 3; padding: 1em; }

div.thumb.tright{ float: right; whitespace: nowrap; background: #FFF; z-index: 3; padding: 1em; }

/*END article content geography*/

/*ARTICLE CONTENT STYLE * this specifies the style of text within the article. */

background-color: #FFFFFF; border-left: .08em solid #000; padding-left: 2em; /* letter-spacing: .1pt; word-spacing: 2pt; line-height: 1.5em; */
 * 1) bodyContent{

}

border-bottom-style: solid ; }
 * 1) bodyContent a:hover {

/*END article content style */

/*PAGE FOOTER STYLE * the style for your page footer */

/*END page footer style*/

/*PAGE FOOTER GEOGRAPHY * the location of your page footer */

/*visualClear keeps the footer at the bottom of the page*/ .visualClear{ clear:both; }

div#footer{ float:left; position:relative; left: 13em; margin: 2em; }

/*END page footer style*/

/*MISC*/

/*Table of Contents for the preferences page*/

ul#preftoc{ list-style-type: none; }

list-style-type: none; }
 * 1) toc ul{

ul#preftoc li{ display: inline; margin-right: 1em; list-style-type: none; }

div #toctitle h2{ border: none; text-align: right; background-color: #FFA64D; font-size: 9pt; }

background-color: #FFF; padding: 1em; }
 * 1) toc td{

color: #E44400; border: none; }
 * 1) toc td li a {

background-color: #FFEBCC; border: none; }
 * 1) toc td li a:hover {

background-color: #FFF; padding: 1em; }
 * 1) toc {

/*END MISC*/

/*HACKS*/

position: relative; margin-top: 8.8em; }
 * 1) p-personal {

/*END hacks*/