http://wiki.laptop.org/mediawiki/api.php?action=feedcontributions&user=Aburton&feedformat=atom
OLPC - User contributions [en]
2024-03-29T09:10:32Z
User contributions
MediaWiki 1.31.7
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10722
MediaWiki:Myskin.css
2006-08-21T18:39:34Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
position: relative;<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: absolute;<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10721
MediaWiki:Myskin.css
2006-08-21T18:39:08Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: absolute;<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10720
MediaWiki:Myskin.css
2006-08-21T18:37:41Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: absolute;<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10719
MediaWiki:Myskin.css
2006-08-21T18:37:08Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: absolute;<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10718
MediaWiki:Myskin.css
2006-08-21T18:31:04Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: absolute;<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10717
MediaWiki:Myskin.css
2006-08-21T18:28:07Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=FAQ&diff=10716
FAQ
2006-08-21T17:59:50Z
<p>Aburton: </p>
<hr />
<div>{{OLPC}}<br />
<br />
''Please note: you should feel free to post questions (and questions about questions) on the [[Ask OLPC a Question]] Page. Other resources in this wiki include: [[OLPC myths]]; [[:Category:Hardware ideas|Hardware ideas]]; and [[:Category:Software ideas|Software ideas]].''<br />
<br />
<br />
===What if my question isn't listed here in the FAQ?===<br />
<br />
If you have a question, or would like more information about a specific question, feel free to add it to the [[Ask OLPC a Question]] page.<br />
<br />
Also, please remember that the Wiki is much more than a simple list of questions and answers. There are many other informational pages in the Wiki which you can read. The major ones are listed in the [[Table of Contents]]. There is also the Search box on the left under the navigation list. Try a few keywords and see what is written on the topic elsewhere in the Wiki.<br />
What are the expected shipment volumes or units of the olpc for 2006-2011? <br />
Do you expect the density of the NAND Flash to increase over time as the price drops to the $10 NAND price for 512MB or 4Gbit SLC NAND part today?<br />
<br />
===What if my question has not been answered here in the FAQ?===<br />
<br />
We make every effort to answer all of the questions posed in the FAQ. If the answer is not satisfactory, please use the discussion page to shed light on your concerns.<br />
<br />
What are the expected shipment volumes or units of the olpc for 2006-2011? Do you expect the density of the NAND Flash to increase over time as the price drops to the $10 NAND price for 512MB or 4Gbit SLC NAND part today?<br />
<br />
<br />
===FAQ pages===<br />
<br />
:* [[Our mission]]<br />
:* [[Our effect]]<br />
:* [[Our market]]<br />
:* [[Our technology]]<br />
:* [[Our software]]<br />
:* [[Our team]]</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=FAQ&diff=10715
FAQ
2006-08-21T17:59:10Z
<p>Aburton: </p>
<hr />
<div>{{OLPC}}<br />
<br />
''Please note: you should feel free to post questions (and questions about questions) on the [[Ask OLPC a Question]] Page. Other resources in this wiki include: [[OLPC myths]]; [[:Category:Hardware ideas|Hardware ideas]]; and [[:Category:Software ideas|Software ideas]].''<br />
<br />
<br />
===What if my question isn't listed here in the FAQ?===<br />
<br />
If you have a question, or would like more information about a specific question, feel free to add it to the [[Ask OLPC a Question]] page.<br />
<br />
Also, please remember that the Wiki is much more than a simple list of questions and answers. There are many other informational pages in the Wiki which you can read. The major ones are listed in the [[Table of Contents]]. There is also the Search box on the left under the navigation list. Try a few keywords and see what is written on the topic elsewhere in the Wiki.<br />
What are the expected shipment volumes or units of the olpc for 2006-2011? <br />
Do you expect the density of the NAND Flash to increase over time as the price drops to the $10 NAND price for 512MB or 4Gbit SLC NAND part today?<br />
<br />
===What if my question has not been answered here in the FAQ?===<br />
<br />
We make every effort to answer all of the questions posed in the FAQ. If the answer is not satisfactory, please use the discussion page to shed light on your concerns.<br />
<br />
What are the expected shipment volumes or units of the olpc for 2006-2011? Do you expect the density of the NAND Flash to increase over time as the price drops to the $10 NAND price for 512MB or 4Gbit SLC NAND part today?<br />
<br />
<br />
:* [[Our mission]]<br />
:* [[Our effect]]<br />
:* [[Our market]]<br />
:* [[Our technology]]<br />
:* [[Our software]]<br />
:* [[Our team]]</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=The_OLPC_Wiki&diff=10714
The OLPC Wiki
2006-08-21T17:50:33Z
<p>Aburton: /* What's new */</p>
<hr />
<div>{{OLPC}}<br />
__NOTOC__<br />
<br />
==What's new==<br />
<br />
We have reached an important milestone: the dual-mode display works in prototype! We have been counting on Mary Lou Jepsen's new approach to LCD displays to help us achieve our price and power consumption targets and enable our expected models of indoor and outdoor use, while also rapidly achieving mass production. We now have a display that can readily be mass produced in standard LCD factories, with no process changes. Our display has higher resolution than 95% of the laptop displays on the market today; approximately 1/7th the power consumption; 1/3rd the price; sunlight readability; and room-light readability with the backlight off.<br />
<br />
Weekly updates can be found in [[Current events]].<br />
<br />
[[Image:Green_and_white_machine.jpg|thumb|left]]<br />
<br />
==About One Laptop per Child==<br />
<br />
::''It's an education project, not a laptop project.''<br />
::::::: &mdash; [[Nicholas Negroponte]]<br />
<br />
This is the wiki for the One Laptop per Child association. The mission of this non-profit association is to develop a low-cost laptop&mdash;the "$100 Laptop"&mdash;a technology that could revolutionize how we educate the world's children. Our goal is to provide children around the world with new opportunities to explore, experiment, and express themselves.<br />
<br />
Why do children in developing nations need laptops? Laptops are both a window and a tool: a window into the world and a tool with which to think. They are a wonderful way for all children to learn learning through independent interaction and exploration. [[The Children's Machine|More]]<br />
<br />
==What you'll find inside==<br />
<br />
A good place to start exploring this wiki is the '''[[One Laptop per Child]]''' page, which gives an overview of the project. There is a list of '''[[OLPC FAQ|frequently asked questions (FAQ)]]'''; a place to '''[[Ask OLPC a Question|ask a question]]'''; and numerous pages on [[Hardware specification|hardware]], [[Software|software]], [[Educators|content]], and the [[Developer program|developer program]]&mdash;and a separate [http://dev.laptop.org/wiki wiki for software development]. There are also discussion pages on issues of deployment and country-specific discussions. An extended '''[[Table of Contents|table of contents]]''' is also available.<br />
<br />
<br />
==About this Wiki==<br />
<br />
The purpose of this wiki is to both share information about the project and to solicit ideas and feedback. The articles and discussion vary from technical to epistemological. We invite comments on every page (please use the "discussion" tab at the top of each page). Please restrict edits to the article pages themselves to facts, not opinions. You are encouraged to sign your work and to make liberal use of citations and links. (Please feel free to make an account and please use <nowiki>~~~~</nowiki> as a signature for your comments.) Please note that pages that include the <nowiki>{{OLPC}}</nowiki> template&mdash;such as this one&mdash;are maintained by the OLPC team and are generally representative of the current state of the project. Other pages&mdash;created and maintained by the public&mdash;should be read with that in mind.<br />
<br />
<br />
[[Category:General Public]]</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10706
MediaWiki:Myskin.css
2006-08-21T15:03:16Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10705
MediaWiki:Myskin.css
2006-08-21T15:00:21Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%; <br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
.pBody ul{<br />
float: left;<br />
}<br />
<br />
.pBody li {<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10704
MediaWiki:Myskin.css
2006-08-21T14:59:40Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%; <br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
<br />
.pBody li {<br />
width: 9em ; <br />
float: left; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10703
MediaWiki:Myskin.css
2006-08-21T14:59:21Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%; <br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
<br />
.pBody li {<br />
width: 9em ; <br />
text-align: left; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10701
MediaWiki:Myskin.css
2006-08-21T14:57:26Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
text-align: left;<br />
}<br />
<br />
<br />
<br />
.pBody li {<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10700
MediaWiki:Myskin.css
2006-08-21T14:55:51Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
<br />
.pBody li {<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10699
MediaWiki:Myskin.css
2006-08-21T14:55:36Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
<br />
.pBody li {<br />
position: absolute;<br />
float: left;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10698
MediaWiki:Myskin.css
2006-08-21T14:55:08Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
<br />
.pBody li {<br />
position: absolute;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10697
MediaWiki:Myskin.css
2006-08-21T14:54:45Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
<br />
.pBody li {<br />
float: left;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10696
MediaWiki:Myskin.css
2006-08-21T14:54:26Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
<br />
.pBody li {<br />
<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10695
MediaWiki:Myskin.css
2006-08-21T14:54:09Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
<br />
.pBody li {<br />
<br />
top: -1em;<br />
left: -4.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10694
MediaWiki:Myskin.css
2006-08-21T14:53:37Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
<br />
.pBody li {<br />
<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10693
MediaWiki:Myskin.css
2006-08-21T14:50:26Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
/*<br />
#column-one div.portlet{<br />
top:0em;<br />
} */<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10692
MediaWiki:Myskin.css
2006-08-21T14:40:53Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10691
MediaWiki:Myskin.css
2006-08-21T14:40:37Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: absolute;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10690
MediaWiki:Myskin.css
2006-08-21T14:39:30Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10689
MediaWiki:Myskin.css
2006-08-21T14:38:46Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: absolute;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10687
MediaWiki:Myskin.css
2006-08-21T14:37:02Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: absolute;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10686
MediaWiki:Myskin.css
2006-08-21T14:35:22Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
margin-left: 2em;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10685
MediaWiki:Myskin.css
2006-08-21T14:34:19Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10684
MediaWiki:Myskin.css
2006-08-21T14:34:09Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
margin-left: 1em;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10683
MediaWiki:Myskin.css
2006-08-21T14:33:42Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
margin-left: 14em;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10682
MediaWiki:Myskin.css
2006-08-21T14:32:03Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
margin-left: 12em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10681
MediaWiki:Myskin.css
2006-08-21T14:30:15Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10680
MediaWiki:Myskin.css
2006-08-21T14:24:21Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
/* z-index: 3; */<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10679
MediaWiki:Myskin.css
2006-08-21T14:19:32Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10678
MediaWiki:Myskin.css
2006-08-21T14:19:12Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: absolute;<br />
position: fixed !important;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10677
MediaWiki:Myskin.css
2006-08-21T14:18:14Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 9;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=Template:OLPC&diff=10591
Template:OLPC
2006-08-18T18:00:52Z
<p>Aburton: </p>
<hr />
<div><div style="background:#2DB300; color:white;"><small>&nbsp;&nbsp;This page is maintained by the OLPC team.&nbsp;&nbsp;Please use the [[{{NAMESPACE}} talk:{{PAGENAME}}|talk page]] for your comments.</small></div><br />
[[Category:pages maintained by OLPC]]</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=Template:OLPC&diff=10590
Template:OLPC
2006-08-18T18:00:26Z
<p>Aburton: </p>
<hr />
<div><div style="background:#2DB300; color:black;"><small>&nbsp;&nbsp;This page is maintained by the OLPC team.&nbsp;&nbsp;Please use the [[{{NAMESPACE}} talk:{{PAGENAME}}|talk page]] for your comments.</small></div><br />
[[Category:pages maintained by OLPC]]</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10589
MediaWiki:Myskin.css
2006-08-18T17:56:51Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
#toc ul{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10588
MediaWiki:Myskin.css
2006-08-18T17:54:21Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10587
MediaWiki:Myskin.css
2006-08-18T17:51:50Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
list-style-type: none;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10462
MediaWiki:Myskin.css
2006-08-16T21:57:00Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10461
MediaWiki:Myskin.css
2006-08-16T21:55:33Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
}<br />
<br />
div #toctitle h2{<br />
display: inline;<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=SPI_FLASH&diff=10453
SPI FLASH
2006-08-16T21:14:14Z
<p>Aburton: </p>
<hr />
<div>#REDIRECT [[Programming the SPI FLASH]]</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10451
MediaWiki:Myskin.css
2006-08-16T20:28:01Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10450
MediaWiki:Myskin.css
2006-08-16T20:17:32Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FAFAE5;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
border: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10449
MediaWiki:Myskin.css
2006-08-16T20:17:02Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FAFAE5;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: #FFEBCC; <br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10448
MediaWiki:Myskin.css
2006-08-16T20:09:09Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FAFAE5;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border: none;<br />
}<br />
<br />
#toc td li a:hover {<br />
background-color: <br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton
http://wiki.laptop.org/mediawiki/index.php?title=MediaWiki:Myskin.css&diff=10447
MediaWiki:Myskin.css
2006-08-16T20:01:05Z
<p>Aburton: </p>
<hr />
<div>/*aburton's olpc mediawiki skin*/<br />
<br />
/*SITE NOTICE<br />
* what you want everyone to see on every page.<br />
*/<br />
<br />
#siteNotice{<br />
display:none;<br />
}<br />
<br />
<br />
<br />
/*GLOBAL STYLE<br />
* Define what styles should be default for most elements<br />
* on the page.<br />
*/<br />
<br />
body{<br />
font-family: arial, "lucida console", sans-serif;<br />
font-size: small;<br />
background-color: #FFF;<br />
width:99%;<br />
margin: 0;<br />
}<br />
<br />
a{<br />
text-decoration: none;<br />
border-bottom: 1px dotted ;<br />
color: #4444FF;<br />
}<br />
<br />
<br />
/*image links shouldn't be underlined.*/<br />
a.internal{<br />
border-bottom: 0;<br />
<br />
}<br />
<br />
<br />
<br />
/*the little numbers that go after external links*/<br />
<br />
a.autonumber {<br />
vertical-align: super;<br />
border-bottom: none;<br />
font-size: x-small;<br />
}<br />
<br />
<br />
/*This is pretty much everything except the footer.*/<br />
#content {<br />
<br />
}<br />
<br />
<br />
<br />
/*END global style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*HEADER SECTION<br />
* Change whatever you want for the different headers<br />
*/<br />
<br />
<br />
/*This is the title of the page*/<br />
h1.firstHeading{<br />
z-index: 3;<br />
font-size: 2.5em;<br />
font-weight: 400;<br />
position: relative;<br />
top: 0;<br />
left: 4.6em;<br />
float: left;<br />
padding-top: .7em;<br />
padding-left: 1em;<br />
background-color: transparent;<br />
}<br />
<br />
#contentSub{<br />
clear: left;<br />
position: relative;<br />
left: 2.5em;<br />
top: -1.5em;<br />
font-style: italic;<br />
font-size: small;<br />
}<br />
<br />
#jump-to-nav{<br />
display: none; <br />
}<br />
<br />
<br />
h2{<br />
margin-bottom: 1em;<br />
left: -2em;<br />
border-bottom: 1px solid #aaa;<br />
padding-right: 1em;<br />
<br />
}<br />
<br />
/*This is just a secondary header. It's used for advertising the site.<br />
*/<br />
h3#siteSub{<br />
display:none;<br />
}<br />
<br />
h4{<br />
border-bottom: 1px solid #aaa;<br />
}<br />
<br />
.portlet h5{<br />
background-color: #FFA64D;<br />
white-space: nowrap;<br />
text-align: center;<br />
}<br />
<br />
<br />
<br />
<br />
/*END header section*/<br />
<br />
<br />
<br />
<br />
<br />
/*LOGO PLACEMENT<br />
*The logo is a block element and should only contain<br />
*a background image. <br />
*/<br />
#p-logo {<br />
z-index: 2;<br />
position:absolute; /* needed to use z-index */<br />
top: 0;<br />
left: 0;<br />
height: 8.8em;<br />
width: 11.5em;<br />
overflow: visible;<br />
background-image: url(http://dev.laptop.org/www/olpc_banner_small.gif); <br />
background-color: transparent; /*#FBF4D1; /*a light orange*/<br />
background-repeat: no-repeat;<br />
background-position:1.5em 1.5em;<br />
display: block;<br />
}<br />
/*END logo section*/<br />
<br />
/*NAVIGATION CONTENT GEOGRAPHY<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
#column-one{<br />
position: absolute;<br />
top: 0;<br />
left: .75em;<br />
width: 10.5em; <br />
max-width: 30%;<br />
<br />
/*padding-right: 1.5em;*/<br />
<br />
}<br />
<br />
.pBody{<br />
width: 10.5em;<br />
}<br />
<br />
<br />
#column-one div.portlet{<br />
top:0em;<br />
}<br />
<br />
.pBody li {<br />
position: relative;<br />
top: -1em;<br />
left: -2.8em;<br />
width: 9em ; <br />
}<br />
<br />
<br />
<br />
/*END navigation content geography*/<br />
<br />
/*NAVIGATION CONTENT STYLE<br />
* This specifies the location of the navgation content. <br />
* This is essentially "column one"<br />
*/<br />
<br />
<br />
.portlet a {<br />
border-bottom-width: 0;<br />
color: #E44400;<br />
}<br />
<br />
.portlet li:hover {<br />
background-color: #FFEBCC;<br />
<br />
}<br />
<br />
.portlet ul {<br />
list-style: none;<br />
<br />
}<br />
<br />
.portlet li {<br />
padding: .1em;<br />
border-bottom: 1px solid #FFEBCC;<br />
}<br />
<br />
/*END navigation content style*/<br />
<br />
<br />
<br />
<br />
<br />
<br />
/*PAGE TABS GEOGRAPHY<br />
* where on the page you want your tabs, and how you want them<br />
* ordered.<br />
*/<br />
<br />
#p-cactions { /*this is the list of tabs*/ <br />
position: fixed;<br />
z-index: 3;<br />
left: 30em;<br />
}<br />
<br />
<br />
/*END page tabs geography*/<br />
<br />
<br />
<br />
/*PAGE TABS STYLE<br />
* how you want your tabs to look<br />
*/<br />
<br />
#p-cactions h5{<br />
display: none; /*this is so the label "Views" doesn't show*/ <br />
}<br />
<br />
#p-cactions li{<br />
display: inline;<br />
background-color: #FFF0C0;<br />
white-space: nowrap;<br />
border: 1px solid #000 !important;<br />
padding-left: .5em !important;<br />
padding-right: .5em !important;<br />
}<br />
<br />
<br />
#p-cactions ul{<br />
white-space: nowrap;<br />
padding-left: 0;<br />
position: absolute;<br />
top: -1em;<br />
marker-offset: 0;<br />
list-style-type: none;<br />
background-color: #FFF;<br />
border-right: .2em solid #FFF;<br />
border-left: .2em solid #FFF;<br />
}<br />
<br />
#p-cactions a{<br />
font-size: small;<br />
color: #000;<br />
}<br />
<br />
#p-cactions a:hover{<br />
text-decoration: underline;<br />
}<br />
<br />
/*END page tabs style<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT GEOGRAPHY<br />
* this specifies the location of the article. This is essentially<br />
* "column two" <br />
*/<br />
<br />
#bodyContent{<br />
width: 55em;<br />
left: 13em;<br />
position: relative;<br />
/*visibility: hidden; /*debugging*/<br />
<br />
}<br />
<br />
<br />
#bodyContent p{<br />
left: 1em;<br />
}<br />
<br />
#bodyContent img{<br />
border: 1px dotted #aaa;<br />
}<br />
<br />
<br />
div.thumb.tleft{<br />
float: left;<br />
white-space: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
} <br />
<br />
div.thumb.tright{<br />
float: right;<br />
whitespace: nowrap;<br />
background: #FFF;<br />
z-index: 3;<br />
padding: 1em;<br />
}<br />
<br />
<br />
/*END article content geography*/<br />
<br />
<br />
<br />
<br />
/*ARTICLE CONTENT STYLE<br />
* this specifies the style of text within the article.<br />
*/<br />
<br />
#bodyContent{<br />
background-color: #FFFFFF;<br />
border-left: .08em solid #000;<br />
padding-left: 2em;<br />
/* letter-spacing: .1pt;<br />
word-spacing: 2pt;<br />
line-height: 1.5em; */<br />
<br />
}<br />
<br />
#bodyContent a:hover {<br />
border-bottom-style: solid ;<br />
}<br />
<br />
<br />
/*END article content style */<br />
<br />
<br />
<br />
<br />
/*PAGE FOOTER STYLE<br />
* the style for your page footer<br />
*/<br />
<br />
/*END page footer style*/<br />
<br />
<br />
<br />
/*PAGE FOOTER GEOGRAPHY<br />
* the location of your page footer<br />
*/<br />
<br />
/*visualClear keeps the footer at the bottom of the page*/<br />
.visualClear{<br />
clear:both;<br />
}<br />
<br />
div#footer{<br />
float:left;<br />
position:relative;<br />
left: 13em;<br />
margin: 2em;<br />
}<br />
<br />
/*END page footer style*/<br />
<br />
<br />
/*MISC*/<br />
<br />
/*Table of Contents for the preferences page*/<br />
<br />
ul#preftoc{<br />
list-style-type: none;<br />
<br />
}<br />
<br />
ul#preftoc li{<br />
display: inline;<br />
margin-right: 1em;<br />
}<br />
<br />
div #toctitle h2{<br />
border: none;<br />
text-align: right;<br />
background-color: #FFA64D;<br />
font-size: 9pt;<br />
}<br />
<br />
#toc td{<br />
background-color: #FFFFE5;<br />
padding: 1em;<br />
}<br />
<br />
#toc td li a {<br />
color: #E44400;<br />
border-bottom: none;<br />
}<br />
<br />
#toc {<br />
background-color: #FFF;<br />
padding: 1em;<br />
}<br />
<br />
/*END MISC*/<br />
<br />
<br />
/*HACKS*/<br />
<br />
#p-personal { <br />
position: relative;<br />
margin-top: 8.8em;<br />
}<br />
<br />
/*END hacks*/</div>
Aburton