MediaWiki:Myskin.css: Difference between revisions

From OLPC
Jump to navigation Jump to search
No edit summary
(removed global myskin)
 
Line 1: Line 1:
/*aburton's olpc mediawiki skin*/

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

#siteNotice{
display:none;
}



/*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.*/
#content {

}



/*END global style*/






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


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

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

#jump-to-nav{
display: none;
}


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.
*/
#p-logo {
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*/

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

#column-one{
position: absolute;
top: 0;
left: .75em;
width: 10.5em;
}

.pBody{
width: 10.5em;
}


#column-one div.portlet{
top:0em;
}

.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.
*/

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


/*END page tabs geography*/



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

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

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


#p-cactions ul{
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;
}

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

#p-cactions a:hover{
text-decoration: underline;
}

/*END page tabs style




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

#bodyContent{
width: 55em;
left: 13em;
position: absolute;
}


#bodyContent p{
left: 1em;
}

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


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.
*/

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

}

#bodyContent a:hover {
border-bottom-style: solid ;
}


/*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{
left: 13em;
margin: 2em;
}

/*END page footer style*/


/*MISC*/

/*Table of Contents for the preferences page*/

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

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

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

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

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

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

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

/*END MISC*/


/*HACKS*/

#p-personal {
position: relative;
margin-top: 8.8em;
}

/*END hacks*/

Latest revision as of 22:53, 12 September 2007