How to Decorate a Blog Garden

 

CSS code:

 

#comment_form_container .author {
    background: rgba(0,0,0,0.05);
    color: #333;
    border: 1px solid rgba(0,0,0,0.05);
}

#comment_form_container .comment_textarea {
    background: rgba(0,0,0,0.1);
    color: #FFF;
    border: 2px solid rgba(0,0,0,0.1);
}

.CalTitle {
    background: rgba(0,0,0,0);
    width: 100%;
    height: 25px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    color: #FFF;
}

.CalDayHeader {
    background: rgba(0,0,0,0);
    font-weight: 100;
    color: #5E5F63;
}

.CalTitle td {
    background: rgba(0,0,0,0) !important;
}

#navigator {
    background: rgba(0,0,0,0.1);
    font-size: 15px;
    border-bottom: rgba(0,0,0,0);
    border-top: rgba(0,0,0,0);
    height: 50px;
    clear: both;
    margin-top: 25px;
}

.Cal {
    background: rgba(0,0,0,0.05);
    border: none;
    color: #333;
}

#site_nav_under {
    display: none;
}
.c_ad_block, .ad_text_commentbox {
    display: none;
    margin: 0;
    padding: 0;
}
#ad_under_google {
    height: 0;
    overflow: hidden;
}
#ad_under_google a {
    display: none;
}
#ad_t2{
    display: none;
}

body{/*背景图片设置*/
    background-image: url("http://pic2.sc.chinaz.com/files/pic/pic9/201802/zzpic10078.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
    background-size:cover;
}

#blog_nav_sitehome {font-size: 17px;}
#blog_nav_myhome {font-size: 17px;}
#blog_nav_newpost {font-size: 17px;}
#blog_nav_contact {font-size: 17px;}
#blog_nav_rss {font-size: 17px;}
#blog_nav_admin {font-size: 17px;}
#blog_stats{font-size:15px;}

#blog-calendar {
   box shadow
    width: 228px;
    padding-bottom: 5px;
    margin-bottom: 35px;
    box-shadow: 0 0 0px rgba(255,255,255,0);
    border: 0px solid #EDEDED;
}

#home { /* Main content display board color */ 
    width : 85% ; 
    background-color : rgba(255, 255, 255, 0.60) ;
}

.postTitle { /* blog homepage subtitle font size */ 
    background-color : rgba(0,0,0,0) ; 
    font-size : 24px ; 
    margin-bottom : 3px ;
}

#blogTitle {
    height: 100px;  /*高度*/
     clear: both;
    background-color: rgba(245, 245, 245, 0);
 }

#blogTitle h1 { /* Title font size */ 
    font-size : 36px ; 
    font-weight : bold ; 
    line-height : 1.5em ; /* Original 1.6em */ 
    margin-top : 10px ; /* Original 15px */ 
    color : #548B54 ;
}

#blogTitle h2 {/*子标题*/
    font-weight: normal;
    font-size: 16px;/*原始 16px ；font-size: 1.0rem;*/      
    line-height: 1.0em;
    color: rgb(70,70,70);
    font-weight: bold;
    text-align: right;
    float: left; 
}

#cnblogs_post_body .cnblogs_code { /* Code display box */ 
    border : 2px solid rgba(0,0,0,0.1) ; 
    background-color : rgba(0, 0, 0, 0.05) ;
} 
#cnblogs_post_body .cnblogs_code .cnblogs_code_toolbar { /* The upper and lower stripes of the code display box */ 
    background-color : rgba(0, 0, 0, 0) ;
} 
#cnblogs_post_body .cnblogs_code .cnblogs_code_toolbar .cnblogs_code_copy { /* Code display box copy code button */ 
    background-color : rgba(0, 0, 0, 0) ;
}

#navList {front-size: 18px;}
#sideBarMain .newsItem {/*公告栏*/
     font-size: 15px;
     background-color: rgba(0, 0, 0, 0.05);
}

.feedbackListSubtitle { color : #FFFFFF ;} /* color adjustment */

.catListTitle{ font-size: 15px;}

.buryit { display : none ;} /* hahaha can't stand against me */

#comment_form_container .comment_textarea {
    width: 50%;
    height:150px;
}

.postTitle a:link, .postTitle a:visited, .postTitle a:active{
font-size:20px;
}

 .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory{
background: rgba(0,0,0,0.05);}
.cnblogs_code div, .cnblogs_code_collapse {background:rgba(0,0,0,0);}

.cnblogs_code_toolbar a:hover, .cnblogs_code_toolbar a:link, .cnblogs_code_toolbar a:visited, .cnblogs_code_toolbar a:active, .cnblogs_code_toolbar a:link img, .cnblogs_code_toolbar a:visited img {
    background-color: rgba(0,0,0,0)!important;
    border: none!important;
}

Page custom CSS code

View Code