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='']
/下面的几个分享按钮会溢出/

浙公网安备 33010602011771号