X-Greenery Theme for Sandbox

I just released another Sandbox skins or themes to use for free to anyone who already buy the WordPress upgrades or to everyone who already own a hosting service! I’ve already test this using Opera, Internet Explorer, and Mozilla Firefox. Hopefully its not going to break in another browsers. This theme originally created by Steve Mooradian for WordPress, but like you already know that wordpress doesn’t allow you to upload your created themes except by editing the CSS file only, so that’s why i converted the Greenery theme into Sandbox format (as long as you already have the upgrades, you can use it). And here’s the screenshot :

  

as for the css code and instructions you can look into this the full story here

Note:

  • If you has more than five pages, you should edit the css manually so it’ll only display on the sidebar instead of the top pages
  • Use Sidebar 1 only because i use Sidebar 2 for something else
  • You can download the default images from the greenery homepage, because its not included

and here’s the css code :

/*
Skin Name:X-Greenery
Skin URI:http://www.reaper-x.com
Description:Snazzy dark grey theme with splashs of greenery (hence the name).  This is a port of
the open-source template by Pat Heard ( FullAhead.org ) of the same name. Converted and modified into Sandbox Theme by Reaper-X
Author:Steve Mooradian
Author URI:http://www.negative99.com
Live Demo:http://demo.negative99.com/wordpress/?wptheme=Greenery
The CSS,XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

Send feedback to steve at negative99 dot com
Changelog:
v1.0
First Release
v1.1
Added Widgets support (special thanks to x2nie at yahoo dot com)
*/
body{
margin:0;
border:0;
text-align:center;
font:0.63em verdana,arial,sans-serif;
line-height:170%;
color:#EEEEEE;
background:url(xgreenery/bg_body.jpg) #585858 repeat-y top center
}
#header{
width:100%;
margin:0 auto;
border:0;
height:4.2em;
background:url(xgreenery/bg_header.jpg) #585858 repeat-y top center
}
#blog-title{
padding:0 55px 20px 0;
float:right;
background-image:url(xgreenery/logo_greenery.gif);
background-repeat:no-repeat;
background-position:right;
color:#000000
}
#blog-description{display:none}
#wrapper{
position:relative;
display:block;
width:767px;
height:auto;
margin:0 auto;
padding:0;
text-align:left
}
#container{margin-top:-50px}
#content{
float:left;
position:absolute;
display:block;
width:410px;
padding:10px 5px 20px 10px;
text-align:justify
}
.hfeed{text-align:justify}
#content ul{}
.sidebar{display:block;width:185px}
#primary{float:right}
html>body #primary{float:right;position:relative}
#secondary{
background-image:url(xgreenery/plants.jpg);
background-repeat:no-repeat;
height:604px;
width:166px;
float:left;
margin-left:220px;
margin-top:-19px
}
html>body #secondary{
float:left;
position:absolute;
margin-left:44em;
margin-top:-4.6em;
clear:left
}
#footer{
background-image:url(xgreenery/reaper-logo.gif);
background-repeat:no-repeat;
background-position:left;
float:right;
clear:both;
display:block;
margin:0 auto;
text-align:center;
padding:20px;
width:60px;
height:34px;
color:#888888;
font-size:0.9em
}
html > body #footer{float:right}
p.access a{display:none}
#secondary li{display:none}
#menu li{
float:left;
margin-top:-71px;
padding-right:20px;
background-color:#86E160
}
html>body #menu li{
width:8em;
float:left;
list-style:none;
text-align:center;
margin-top:-62px;
padding:0 0 42px 0;
background-color:transparent;
line-height:normal
}
#menu li a{
display:block;
padding-bottom:1em;
text-decoration:none;
text-transform:uppercase;
color:#222222
}
#menu li a:hover{
font-weight:bold;
color:#111111;
background:url(xgreenery/menu_tab.gif) no-repeat bottom center
}
h1{
display:inline;
color:#222222;
background-color:#86E160;
background-image:none;
clear:both;
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase
}
h1 a{
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase;
color:#000000;
text-decoration:none
}
h2{
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase;
color:#7BD32C;
background:url(xgreenery/rounded_tr.gif) #686868 no-repeat top right
}
h3{
margin:10px 0;
font:700 1em verdana,sans-serif;
text-transform:uppercase;
color:#7BD32C
}
#wrapper ul{padding-bottom:6px}
#wrapper ul li{margin-left:2px;padding-left:2px}
p{
padding-top:10px !important;
padding-top:3px;
padding-bottom:10px !important;
padding-bottom:3px
}
a,#content a:visited,.hfeed a:visited,.sidebar a,.sidebar a:visited{color:#7BD343;text-decoration:none}
a:hover,.entry-meta a:hover{color:#FFFFFF}
textarea{width:98%}
input,textarea{
padding:1px 3px;
margin:5px 0;
font:1em verdana,arial,sans-serif;
color:#EEEEEE;
background-color:#777777;
border:1px solid #999999
}
input:hover,input:focus,textarea:hover,textarea:focus{
color:#FFFFFF;
background-color:#999999;
border:1px solid #EEEEEE
}
h2 a:hover,h2 a:visited,h2 a{text-decoration:none}
blockquote{
margin:0;
padding:0 15px;
border:1px solid;
background:#555555
}
code{
display:block;
padding:8px;
background:#555555;
font-size:8pt;
border-top:1px dotted;
border-bottom:1px dotted
}
.entry-date{
cursor:help;
border-bottom:1px solid #777777;
letter-spacing:1px
}
.sidebar ul{list-style:none}
.sidebar h3{
text-align:right;
background-color:#686868;
background-image:url(xgreenery/rounded_tl.gif);
background-repeat:no-repeat
}
.sidebar ul h3 span{
display:block;
padding:2px;
background:url(xgreenery/rounded_bl.gif) no-repeat bottom left
}
.sidebar ul ul{list-style:disc}
.commentlist li{
list-style:none;
padding:5px;
margin-top:5px;
border:#555555 1px solid;
background-color:#333333
}
.comment-meta{padding-top:10px;color:#999999}
.commentlist{color:#EEEEEE}
#footer #generator-link,#footer .metasep,#footer #theme-link{display:none}
.commentlist a{color:#7BD32C}
.commentlist a:hover{color:#EEEEEE}
.comment-author{
font-weight:bold;
border-bottom:1px solid;
padding-bottom:3px
}
.entry-meta{
text-align:justify;
padding:10px;
border-top:1px solid #999999;
border-bottom:1px solid #999999
}
.entry-meta a{
color:#7BD343;
text-decoration:none;
border-bottom:1px dotted
}
#searchform{text-align:center}
#searchform input{width:100px}
#searchform #searchsubmit #s{}
#wp-calendar{text-align:center}
#wp-calendar th,#wp-calendar tfoot{background-color:#333333}
#wp-calendar tbody{background-color:#555555;font-weight:bold}
#wp-calendar a,#wp-calendar caption{font-weight:bold}
#footer p{padding-top:0 !important;padding-top:10px}
#footer a{color:#888888}
#footer a:hover{color:#EEEEEE}
.center{text-align:center}
.left{float:left}
.right{float:right}
img.left{padding:5px 5px 5px 0}
img.right{padding:5px 0 5px 5px}
a img{border:none;background:none}
img.left{
display:block;
padding:1px;
float:left;
margin:3px 12px 3px 0
}
img.right{
display:block;
padding:1px;
float:right;
margin:3px 0 3px 12px
}
img.center{display:block;padding:1px;margin:3px auto}

I hope you like it, just like i do

Comment?

7 thoughts on “X-Greenery Theme for Sandbox

  1. Great work reaper. As you already know kamel brought this theme to my attention and I really digg it bigtime. This is despite the fact that I haven’t a clue about what your instructions about more than 5 pages,other sidebars and default images actually mean. It all sounds scary to me. Too bad I’m a computer dummmy because I would really like to use this theme for my environmental blog. :(
    P.S. I also think there are many people out there who are into gardening and “green” topics who would also like it. *sigh* Maybe one day I’ll know enough to be able to move to webhosting but I’m not holding my breath. :(