I just released another skins for sandbox theme called X-Greenery which is a converted skins from a wordpress theme called Greenery located at http://www.negative99.com/archive/181 ... as for the instructions and screenshot you can see it at my homepage, http://reaperxzr.wordpress.com/2006/08/15/x-greenery-theme-for-sandbox/
and here's the css code :
<br />
/*<br />
Skin Name:X-Greenery<br />
Skin URI:http://reaperxzr.wordpress.com<br />
Description:Snazzy dark grey theme with splashs of greenery (hence the name). This is a port of<br />
the open-source template by Pat Heard ( FullAhead.org ) of the same name. Converted and modified into Sandbox Theme by <a href="http://reaperxzr.wordpress.com">Reaper-X</a><br />
Author:Steve Mooradian<br />
Author URI:http://www.negative99.com<br />
Live Demo:http://demo.negative99.com/wordpress/?wptheme=Greenery<br />
The CSS,XHTML and design is released under GPL:<br />
http://www.opensource.org/licenses/gpl-license.php<br />
Send feedback to steve at negative99 dot com<br />
Changelog:<br />
v1.0<br />
First Release<br />
v1.1<br />
Added Widgets support (special thanks to x2nie at yahoo dot com)<br />
*/<br />
body{<br />
margin:0;<br />
border:0;<br />
text-align:center;<br />
font:0.63em verdana,arial,sans-serif;<br />
line-height:170%;<br />
color:#EEEEEE;<br />
background:url(xgreenery/bg_body.jpg) #585858 repeat-y top center<br />
}<br />
#header{<br />
width:100%;<br />
margin:0 auto;<br />
border:0;<br />
height:4.2em;<br />
background:url(xgreenery/bg_header.jpg) #585858 repeat-y top center<br />
}<br />
#blog-title{<br />
padding:0 55px 20px 0;<br />
float:right;<br />
background-image:url(xgreenery/logo_greenery.gif);<br />
background-repeat:no-repeat;<br />
background-position:right;<br />
color:#000000<br />
}<br />
#blog-description{display:none}<br />
#wrapper{<br />
position:relative;<br />
display:block;<br />
width:767px;<br />
height:auto;<br />
margin:0 auto;<br />
padding:0;<br />
text-align:left<br />
}<br />
#container{margin-top:-50px}<br />
#content{<br />
float:left;<br />
position:absolute;<br />
display:block;<br />
width:410px;<br />
padding:10px 5px 20px 10px;<br />
text-align:justify<br />
}<br />
.hfeed{text-align:justify}<br />
#content ul{}<br />
.sidebar{display:block;width:185px}<br />
#primary{float:right}<br />
html>body #primary{float:right;position:relative}<br />
#secondary{<br />
background-image:url(xgreenery/plants.jpg);<br />
background-repeat:no-repeat;<br />
height:604px;<br />
width:166px;<br />
float:left;<br />
margin-left:220px;<br />
margin-top:-19px<br />
}<br />
html>body #secondary{<br />
float:left;<br />
position:absolute;<br />
margin-left:44em;<br />
margin-top:-4.6em;<br />
clear:left<br />
}<br />
#footer{<br />
background-image:url(xgreenery/reaper-logo.gif);<br />
background-repeat:no-repeat;<br />
background-position:left;<br />
float:right;<br />
clear:both;<br />
display:block;<br />
margin:0 auto;<br />
text-align:center;<br />
padding:20px;<br />
width:60px;<br />
height:34px;<br />
color:#888888;<br />
font-size:0.9em<br />
}<br />
html > body #footer{float:right}<br />
p.access a{display:none}<br />
#secondary li{display:none}<br />
#menu li{<br />
float:left;<br />
margin-top:-71px;<br />
padding-right:20px;<br />
background-color:#86E160<br />
}<br />
html>body #menu li{<br />
width:8em;<br />
float:left;<br />
list-style:none;<br />
text-align:center;<br />
margin-top:-62px;<br />
padding:0 0 42px 0;<br />
background-color:transparent;<br />
line-height:normal<br />
}<br />
#menu li a{<br />
display:block;<br />
padding-bottom:1em;<br />
text-decoration:none;<br />
text-transform:uppercase;<br />
color:#222222<br />
}<br />
#menu li a:hover{<br />
font-weight:bold;<br />
color:#111111;<br />
background:url(xgreenery/menu_tab.gif) no-repeat bottom center<br />
}<br />
h1{<br />
display:inline;<br />
color:#222222;<br />
background-color:#86E160;<br />
background-image:none;<br />
clear:both;<br />
margin:10px 0;<br />
font:700 1em verdana,sans-serif;<br />
text-transform:uppercase<br />
}<br />
h1 a{<br />
margin:10px 0;<br />
font:700 1em verdana,sans-serif;<br />
text-transform:uppercase;<br />
color:#000000;<br />
text-decoration:none<br />
}<br />
h2{<br />
margin:10px 0;<br />
font:700 1em verdana,sans-serif;<br />
text-transform:uppercase;<br />
color:#7BD32C;<br />
background:url(xgreenery/rounded_tr.gif) #686868 no-repeat top right<br />
}<br />
h3{<br />
margin:10px 0;<br />
font:700 1em verdana,sans-serif;<br />
text-transform:uppercase;<br />
color:#7BD32C<br />
}<br />
#wrapper ul{padding-bottom:6px}<br />
#wrapper ul li{margin-left:2px;padding-left:2px}<br />
p{<br />
padding-top:10px !important;<br />
padding-top:3px;<br />
padding-bottom:10px !important;<br />
padding-bottom:3px<br />
}<br />
a,#content a:visited,.hfeed a:visited,.sidebar a,.sidebar a:visited{color:#7BD343;text-decoration:none}<br />
a:hover,.entry-meta a:hover{color:#FFFFFF}<br />
textarea{width:98%}<br />
input,textarea{<br />
padding:1px 3px;<br />
margin:5px 0;<br />
font:1em verdana,arial,sans-serif;<br />
color:#EEEEEE;<br />
background-color:#777777;<br />
border:1px solid #999999<br />
}<br />
input:hover,input:focus,textarea:hover,textarea:focus{<br />
color:#FFFFFF;<br />
background-color:#999999;<br />
border:1px solid #EEEEEE<br />
}<br />
h2 a:hover,h2 a:visited,h2 a{text-decoration:none}<br />
blockquote{<br />
margin:0;<br />
padding:0 15px;<br />
border:1px solid;<br />
background:#555555<br />
}<br />
code{<br />
display:block;<br />
padding:8px;<br />
background:#555555;<br />
font-size:8pt;<br />
border-top:1px dotted;<br />
border-bottom:1px dotted<br />
}<br />
.entry-date{<br />
cursor:help;<br />
border-bottom:1px solid #777777;<br />
letter-spacing:1px<br />
}<br />
.sidebar ul{list-style:none}<br />
.sidebar h3{<br />
text-align:right;<br />
background-color:#686868;<br />
background-image:url(xgreenery/rounded_tl.gif);<br />
background-repeat:no-repeat<br />
}<br />
.sidebar ul h3 span{<br />
display:block;<br />
padding:2px;<br />
background:url(xgreenery/rounded_bl.gif) no-repeat bottom left<br />
}<br />
.sidebar ul ul{list-style:disc}<br />
.commentlist li{<br />
list-style:none;<br />
padding:5px;<br />
margin-top:5px;<br />
border:#555555 1px solid;<br />
background-color:#333333<br />
}<br />
.comment-meta{padding-top:10px;color:#999999}<br />
.commentlist{color:#EEEEEE}<br />
#footer #generator-link,#footer .metasep,#footer #theme-link{display:none}<br />
.commentlist a{color:#7BD32C}<br />
.commentlist a:hover{color:#EEEEEE}<br />
.comment-author{<br />
font-weight:bold;<br />
border-bottom:1px solid;<br />
padding-bottom:3px<br />
}<br />
.entry-meta{<br />
text-align:justify;<br />
padding:10px;<br />
border-top:1px solid #999999;<br />
border-bottom:1px solid #999999<br />
}<br />
.entry-meta a{<br />
color:#7BD343;<br />
text-decoration:none;<br />
border-bottom:1px dotted<br />
}<br />
#searchform{text-align:center}<br />
#searchform input{width:100px}<br />
#searchform #searchsubmit #s{}<br />
#wp-calendar{text-align:center}<br />
#wp-calendar th,#wp-calendar tfoot{background-color:#333333}<br />
#wp-calendar tbody{background-color:#555555;font-weight:bold}<br />
#wp-calendar a,#wp-calendar caption{font-weight:bold}<br />
#footer p{padding-top:0 !important;padding-top:10px}<br />
#footer a{color:#888888}<br />
#footer a:hover{color:#EEEEEE}<br />
.center{text-align:center}<br />
.left{float:left}<br />
.right{float:right}<br />
img.left{padding:5px 5px 5px 0}<br />
img.right{padding:5px 0 5px 5px}<br />
a img{border:none;background:none}<br />
img.left{<br />
display:block;<br />
padding:1px;<br />
float:left;<br />
margin:3px 12px 3px 0<br />
}<br />
img.right{<br />
display:block;<br />
padding:1px;<br />
float:right;<br />
margin:3px 0 3px 12px<br />
}<br />
img.center{display:block;padding:1px;margin:3px auto}<br />