ChinaRed for Sandbox Theme

I just converted ChinaRed theme for wordpress into a Sandbox Theme for WordPress, at first i was trying to create a sandbox theme but since i get stuck at some part of my sandbox theme, yesterday i (in my local time), i’ve decided to convert ChinaRed theme instead :D … anyway here’s the screenshot :

  

And this time instead of putting it somewhere for you to download, i’ll list the code here (in the next page of course because i don’t want to clutter my front page with code) :P … as for the image itself, you can download the ChinaRed theme, or replace it with your own image … hope you’ll like it ;)

/*  
skin name:eXs-ChinaRed
skin uri:http://www.bighead.cn/?p=100
description:a chinese theme for wordpress converted by reaper-x
version:1.0
author:bighead (?? ?? ?)
author uri:http://www.bighead.cn/
this theme was designed and built by bighead,
whose blog you will find at http://www.bighead.cn/
the css,xhtml and design is released under gpl:
http://www.opensource.org/licenses/gpl-license.php
feel free to contact me if you have questions,my email:[email protected]
*/
#globalnav,p.access{display:none}
body{
font-size:66%;/* resets 1em to 10px */
font-family:'lucida grande',verdana,arial,sans-serif;
background-color:#D5D6D7;
background-image:url(chimg/bgcolor.jpg);
color:#CA9B82;
margin:0;
padding:0;
text-align:center
}
#wrapper{
margin:0px auto;
width:760px;
background-image:url(chimg/kubrickbg.jpg);
background-repeat:repeat-y
}
#container{
background-color:#FFFFFF;
color:#CA9B82;
padding:0;
text-align:left
}
#header{
background-color:#73A0C5;
color:#CA9B82;
background-image:url(chimg/kubrickheader.jpg);
height:200px
}
#content{font-size:1.2em}
.hfeed .entry-content{line-height:1.4em}
.hfeed{
float:left;
padding:0 0 20px 45px;
margin:0px 0 0;
width:450px
}
#footer{
background-color:transparent;
color:#CA9B82;
background-image:url(chimg/kubrickfooter.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:20px 0 0 1px;
margin:0 auto;
height:63px;
width:760px;
clear:both;
}
small{
font-family:arial,helvetica,sans-serif;
font-size:0.9em;
line-height:1.5em
}
h1,h2,h3{
font-family:'trebuchet ms','lucida grande',verdana,arial,sans-serif;
font-weight:bold
}
#blog-title{
font-size:2em;
text-align:center;
text-decoration:none;
float:left;
display:inline;
margin-top:73px;
margin-left:80px;
padding:0px
}
.sidebar h3{
font-family:'lucida grande',verdana,sans-serif;
font-size:1.2em
}
#blog-description{
float:right;
display:inline;
text-transform:capitalize;
color:#D1B059;
background-color:transparent;
margin-top:77px;
margin-right:100px;
padding-top:0px;
text-align:center
}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited{color:#D7B963;background-color:transparent}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,.sidebar h2,#wp-calendar caption{text-decoration:none}
.entry-content p a:visited{
font-weight:bold;
background-color:transparent;
color:#999999;
text-decoration:none
}
.entry-content p a:link{
font-weight:bold;
background-color:transparent;
color:#DCDF4F;
text-decoration:none
}
.entry-content a:link{
font-weight:bold;
background-color:transparent;
color:#DCDF4F;
text-decoration:none;
border-bottom:#DCDF4F 1px dotted
}
.entry-content a:visited{
background-color:transparent;
color:#DCDF4F;
text-decoration:none;
border-bottom:#DCDF4F 1px dotted
}
.commentlist li,#commentform .form-input,#commentform .form-textarea{
font:0.9em 'lucida grande',verdana,arial,sans-serif
}
.commentlist cite,.commentlist cite a{
font-weight:bold;
font-style:normal;
font-size:1.1em
}
.commentlist p{
font-weight:normal;
line-height:1.5em;
text-transform:none;
margin:10px 5px 10px 0
}
#commentform p{
font-family:'lucida grande',verdana,arial,sans-serif;
margin:5px 0
}
small,.sidebar ul ul li,.sidebar ul ol li,.nocomments,.entry-meta,blockquote,strike{color:#999999;background-color:transparent}
code{font:1.1em 'courier new',courier,fixed,sans-serif}
a,h2 a:hover,h3 a:hover{
color:#BA9830;
background-color:transparent;
text-decoration:none
}
a:hover{
color:#BA9830;
background-color:transparent;
text-decoration:none;
border-bottom:#D7B963 1px dotted
}
.entry-content{margin:0 0 40px;text-align:justify}
.entry-meta{
padding:8px 5px 8px 5px;
margin-left:2px;
text-align:justify;
border-top:1px solid #B99070;
border-bottom:1px solid #B99070;
background-color:#722012
}
h2{font-size:1.6em;margin:30px 0 0}
h2.entry-title{margin-top:30px;text-align:left}
.sidebar h2{margin:5px 0 0;padding:0}
h3{padding:0;margin:30px 0 0}
h3.comment-header{padding:0;margin:40px auto 20px}
p img{padding:0}
img.centered{display:block;margin-left:auto;margin-right:auto}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline}
.alignright{float:right}
.alignleft{float:left}
html>body .entry-content ul{
margin-left:0px;
padding:0 0 0 30px;
list-style:none;
padding-left:10px;
text-indent:-10px
}
html>body .entry-content li{margin:7px 0 8px 10px}
.entry-content ul li:before,.sidebar ul ul li:before{content:"0bb 020"}
.entry-content ol{padding:0 0 0 35px;margin:0}
.entry-content ol li{margin:0;padding:0}
.entry-meta ul,.entry-meta li{
display:inline;
list-style-type:none;
list-style-image:none
}
.sidebar ul,.sidebar ul ol{margin:0;padding:0}
.sidebar ul li{
list-style-type:none;
list-style-image:none;
margin-bottom:15px
}
.sidebar ul p,.sidebar ul select{margin:5px 0 8px}
.sidebar ul ul,.sidebar ul ol{margin:5px 0 0 10px}
.sidebar ul ul ul,.sidebar ul ol{margin:0 0 0 10px}
ol li,.sidebar ul ol li{list-style:decimal outside}
.sidebar ul ul li,.sidebar ul ol li{margin:3px 0 0;padding:0}
.searchform{margin:0px auto;padding:0px 0px;text-align:left}
.sidebar #searchform #s{
width:115px;
padding:2px;
background-color:#722012;
color:#CA9B82;
border:1px solid #B39571
}
.sidebar #searchsubmit{
padding:1px;
background-color:#722012;
color:#CA9B82;
border:1px solid #B39571
}
#commentform .form-input #author,#commentform .form-input #email,#commentform .form-input #url{
width:170px;
padding:2px;
margin:5px 5px 1px 0;
background-color:#722012;
color:#CA9B82;
border:1px solid #B39571
}
#commentform .form-textarea #comment{
width:100%;
padding:2px;
margin-bottom:4px;
background-color:#722012;
color:#CA9B82;
border:1px solid #B39571
}
#commentform .form-submit #submit{
margin:0px auto;
background-color:#722012;
color:#CA9B82;
border:1px solid #B39571;
padding:2px
}
#commentform .form-submit #submit:hover{background-color:#852A25;color:#CA9B82}
#comment-notes{font-size:10px;padding:2px}
.commentlist{
padding:0;
text-align:justify;
border-top:1px solid #B99070;
border-bottom:1px solid #B99070;
background-color:#722012
}
.commentlist li{
margin:15px 0 3px;
padding:5px 10px 3px;
list-style:none;
font-weight:bold
}
.nocomments{text-align:center;margin:0;padding:0}
.comment-metadata{margin:0;display:block;font-weight:normal}
.sidebar{
padding:10px 0 0px 0;
margin-left:540px;
width:200px;
font:1.2em 'lucida grande',verdana,arial,sans-serif;
text-align:left
}
.sidebar form{margin:0}
#wp-calendar{empty-cells:show;width:155px}
#wp-calendar th{font-style:normal;text-transform:capitalize}
#wp-calendar #next a{padding-right:10px;text-align:right}
#wp-calendar #prev a{padding-left:10px;text-align:left}
#wp-calendar a{display:block;font-size:9pt;text-decoration:none}
#wp-calendar caption{
font:bold 1.2em 'lucida grande',verdana,arial,sans-serif;
text-align:center;
width:100%
}
.entry-date{
border-bottom:1px dashed #999999;
font-size:0.9em;
letter-spacing:.07em;
cursor:help
}
blockquote{
margin:15px 30px 0 10px;
padding:5px;
border-left:5px solid #996633;
border-right:5px solid #996633;
background-color:#722012
}
blockquote cite{margin:5px 0 0;display:block}
.center{text-align:center}
hr{display:none}
a img{border:none}
.navigation{
display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px
}

That’s it you’re finished ;)

Comment?

Note: Comment may not appear right away.

14 comments on “ChinaRed for Sandbox Theme

  1. Hey there reaper. No sooner did I get the email and check out the screen shots to see if the changes I suggested that you make to China Red when you did the customization were there and VOILA! or should I say ACK! I saw your post about the new version. Now I’m sure you’ll be as busy as a honey bee in a garden teaming with flowers. So get back to me by email when you’re done and we’ll do some more plotting and planning. Isn’t this fun? I love it!
    tt

  2. @Scott

    I just downloaded the new sandbox version from the sandbox svn repository and i think im going to check the new sandbox version on my computer first :D .. and see what new features that the new sandbox offers :D

  3. thanks for the information Andy, i didnt know that the css code got cut off, i’ll fix it immediately ;) (btw im using 3rd party program to post into my blogs and forgot to check it first … lol)

  4. Looks good! Another great skin for the Sandbox. Also, be sure to check for any changes with the new Sandbox 0.6.1 version. Some slight changes, but worth noting.

  5. Oops, looks like China Red uses images! It takes a bit more work to put it on WordPress.com but it CAN be done. Also, your CSS in this post got cut off. It might be best to use the non-rich editor for that sort of code.