Converted ChinaRed Theme for Sandbox

  • I just converted the Chinared theme for WordPress and modify it as necessary, unfortunately this theme need some images from the Chinared theme (its not included), and you can get it from :

    http://www.bighead.cn/?p=100

    and here’s the css code ;) .. hope you’ll like it :D … if you need to see the screenshot you can see it on my page ;)

    /*
    skin name:eXs-ChinaRed
    skin uri:http://www.bighead.cn/?p=100
    description:a chinese theme for wordpress converted by <a href="http://reaperxzr.wordpress.com">reaper-x</a>
    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 visible only to moderators and staff)
    */
    #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
    }

  • We’ve had a couple of requests for China Red so this is great; thanks for taking the trouble to port it and for sharing it with us.

    Oh, and I can’t reach bighead.cn at the moment; if anyone else is having the same problem the original theme zip including the images can also be downloaded from themes.wordpress.net.

  • Yep. Timetheif’s right. Looks great. Well done.

  • The topic ‘Converted ChinaRed Theme for Sandbox’ is closed to new replies.