Main Website RSS FeedCurrent Article

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:bighead@gmail.com
*/
#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 ;)

RSS Feed for This Post8 Comment(s)

  1. 1
    Andy | Aug 14, 2006 at 3:24 / 3:24 AM | Links to this comments | Reply

    Hey there! Please post your CSS in the CSS Forum with `backticks` around it. Thanks for all the hard work! :-)

  2. 2
    Andy | Aug 14, 2006 at 3:28 / 3:28 AM | Links to this comments | Reply

    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.

  3. 3
    Scott | Aug 14, 2006 at 3:30 / 3:30 AM | Links to this comments | Reply

    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.

  4. 4
    Reaper-X | Aug 14, 2006 at 3:43 / 3:43 AM | Links to this comments | Reply

    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)

  5. 5
    Reaper-X | Aug 14, 2006 at 3:56 / 3:56 AM | Links to this comments | Reply

    @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

  6. 6
    Reaper-X | Aug 14, 2006 at 4:48 / 4:48 AM | Links to this comments | Reply

    Just made quick update to replace the abbr tag :D

  7. 7
    timethief | Aug 14, 2006 at 5:29 / 5:29 AM | Links to this comments | Reply

    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

  8. 8
    seag | Sep 18, 2006 at 14:24 / 2:24 PM | Links to this comments | Reply

    i like it

3 Trackback(s)

  1. From The Future: A Dialogue · plaintxt.org | Aug 14, 2006
  2. From Wordpress Sandbox Theme Skins | Feb 17, 2007
  3. From Sandbox Skins » WPDesigner | Jul 17, 2007

RSS Feed for This PostPost a Comment

Line and paragraph breaks automatic, e-mail address never displayed, avoid using spammy words or phrases to prevent your comment from going into the oblivion, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>