/*
author:Nirvana-zsy
2016.6.26---fisrt time edit
2016.6.28---fix bug
*/

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

.blogStats{color:#ddd}

/*更改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)}
#blog_stats{display:block!important}
#navList li{margin-right:0;float:none}
}
@media screen and (min-width: 768px) {
#mainContent{width:calc( 100% - 250px )}
#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:20px}
  #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}

/*最后，隐藏了某些元素，但是不便放出来，大家自行体会*/
/*方法就是某某元素{display:none}*/

/*都是由源模板子元素固定宽度造成的-----------------------------------2016.6.28改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;}