css2

/*
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

navigator, #blogTitle, #main, #footer

navigator

navList

navList:after

navList li a

navList li a:hover

/右边加点边距好看/

stats-comment_count

/加上媒体查询,适应大小屏;改成百分比宽度,自适应/
@media only screen and (max-width: 768px) {

mainContent

sideBar

blog_stats

navList li

}
@media screen and (min-width: 768px) {

mainContent

sideBar

}

/让随笔分类列表不要一个一行,那样太长了,别忘了清除浮动/

sidebar_postcategory li

sidebar_postcategory:after

/博客名改大点,嘿嘿嘿,小私心/

Header1_HeaderTitle

/博客副标题模板里隐藏了我这里显示出来/

blogTitle

blogTitle h1

blogTitle h2

/改了最下面几个按钮的颜色,统一风格/

green_channel #green_channel_digg

green_channel #green_channel_follow

green_channel #green_channel_favorite

/加一些分隔线,结构更清晰/

BlogPostCategory

blog_post_info

green_channel

post_next_prev

/头像那一行加边距让她们居中/

div_digg

author_profile_detail

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

/超出边界的藏起来/

mainContent

/添加评论区,标题改大突出,加边框,结构清晰,更改按钮样式,统一风格/

comment_nav

commentform_title

comment_form_container

.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='']

/下面的几个分享按钮会溢出/

green_channel

green_channel a

posted @ 2017-06-28 15:13  hzxPeter  阅读(45)  评论(0)    收藏  举报