/*去掉背景图，性能好，反正我的布局里也不怎么看得见背景图*/
body{background-image:none;background-color:#e4ebeb}
body{ background-color:#FFFFFF }
.blogStats{color:#ddd}

/*去掉标题前图标*/
.postTitle, .postTitl2, .entrylistPosttitle{ border:0 ;padding-left:0}
.postTitle, .postTitl2{ font-family: "Comic Sans MS","微软雅黑";}


/*更改header布局，让高度auto，不设固定值，更加灵活*/
/*原模板中页面宽度大于768px，小于1000px时，header显示有bug，此处改bug*/
#header{height:auto;}
#navigator, #blogTitle, #main, #footer{width:100%}
#navigator{top:0;padding:10px 0;}
#navList{padding:10px;box-sizing:border-box;}
#navList:after{display:block;clear:both;content:"";visibility:hidden;height:0}
#navList li a{border-radius:5px;}
#navList li a:hover{box-shadow:2px 2px 6px 0px #0566b7;}

/*右边加点边距好看*/
#stats-comment_count{margin-right:20px;}

/*加上媒体查询，适应大小屏；改成百分比宽度，自适应*/
@media only screen and (max-width: 768px) {
#mainContent{width:100%}
#sideBar{width:calc(100% - 35px)!important}
#blog_stats{display:block!important}
#navList li{margin-right:0;float:none}
}
@media screen and (min-width: 768px) {
#mainContent{width:calc( 100% - 235px )}
#sideBar{ width:200px }
}

/*让随笔分类列表不要一个一行，那样太长了，别忘了清除浮动*/
#sidebar_postcategory li{float:left;margin:0 10px}
#sidebar_postcategory:after{display:block;clear:both;content:"";visibility:hidden;height:0} 

/*博客名改大点，嘿嘿嘿，小私心*/
#Header1_HeaderTitle{font-size:20px;}
/*博客副标题模板里隐藏了我这里显示出来*/
#blogTitle{display:block;}
#blogTitle h1{margin-left:15px}
#blogTitle h2{color:#fff;margin-left:15px}

/*改了最下面几个按钮的颜色，统一风格*/
#green_channel #green_channel_digg{background-color:#2175bc}
#green_channel #green_channel_follow{background-color:#2175bc}
#green_channel #green_channel_favorite{background-color:#2175bc}

/*加一些分隔线，结构更清晰*/
#BlogPostCategory{border-top:1px dashed #E8E7D0;border-bottom:1px dashed #E8E7D0}
#blog_post_info{border-bottom:1px dashed #E8E7D0;border-top:1px dashed #E8E7D0}
#green_channel{border:none}
#post_next_prev{border-top:1px dashed #E8E7D0}

/*头像那一行加边距让她们居中*/
#div_digg{margin-top:30px}
#author_profile_detail{margin-top:20px}

/*突出点赞的颜色，减弱踩得效果，又是小私心嘿嘿嘿*/
.burynum{color:grey}
.diggnum{font-size:18px;color:#2175bc;font-weight:bold;}

/*超出边界的藏起来*/
#mainContent{overflow:hidden;}

/*添加评论区，标题改大突出，加边框，结构清晰，更改按钮样式，统一风格*/
#comment_nav{font-size:18px;border:1px dashed #E8E7D0;margin:15px 0;padding:5px}
#commentform_title{height:50px;lineheight:50px;font-size:18px;font-weight:bold}
#comment_form_container{margin:15px 0;border:1px dashed #E8E7D0;padding:5px}
.comment_btn{border:0;border-radius:5px;background:#2175bc;color:#fff;box-shadow:2px 2px 3px #2175bc}

/*最后的对不起博客园爸爸，隐藏了广告，但是毕竟加广告也不是我们用户的本意*/
#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb

/*都是由源模板子元素固定宽度造成的-----------------------------------2016.6.29改bug----------------*/
/*有两个元素固定宽度导致会超出父元素*/
div.commentform input.author{width:calc(100% - 35px)}
div.commentform textarea{width:100%!important}
/*博文中图片固定大小,原图太大的话会超出，所以加一个最大宽度限制*/
/*这里注意我们传的图片一般alt属性为空，所以这样选择，以防万一影响别的图片*/
#cnblogs_post_body img[alt='']{max-width:100%}
/*下面的几个分享按钮会溢出*/
#green_channel{width:100%!important;}
#green_channel a{margin-top:10px;}

/*菜单右移*/
.blogStats{ display:none }
#navList li{ float : right }
#navigator{ top:-50px }
#header{ height:100px }

.day{
padding:10px 32px;
}
.dayTitle{
display:none;
}
#mainContent {
padding-top: 30px;
}



/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
    top:50px;
    right:0px;
    width: auto;
    height: auto; 
}
#sideBarTab{
    float:left;
    width:30px; 
    border:1px solid #e5e5e5;
    border-right:none;
    text-align:center;
    background:#ffffff;
}

#sideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:200px;
    min-height:108px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background:#ffffff;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}

#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}

#sideBarContents dd, dt {
    cursor: pointer;
}

#sideBarContents dd:hover, dt:hover {
    color:#A7995A;
}
#sideBarContents dd{
    margin-left:20px;
}