/*所有用户的博客定制css代码文件都藏在博客页面源码的标记下的外链式css标记的超链接属性值里*/ /*可通过分析其他博主博客页面源代码和css样式源码的方式来学习装饰博客*/ /*隐藏页面顶部导航栏、博客日历、侧边搜索框、侧边常用链接导航框*/ div#top_nav, div#blog-calendar, div#sidebar_search, div#sidebar_shortcut { display:none; } /*上面普通的外嵌css样式无法隐藏日历div，分析源码得知日历div有个更大优先级的行内式样式style="display: block;",因此要用css最大优先级!important命令来实现隐藏*/ div#blog-calendar { display: none!important; } /*顶部卡片*/ /*box-shadow属性能让你的网页结构立体起来，就真的是多一点点阴影！这一行代码我直接跟simple模板的网页效果差很多，立体太重要了！ 你的装饰就不至于是单纯色块平面。即使只阴影单方向，水平填0px，模糊后四面八方还是会有一点点阴影效果！*/ div#page_begin_html { /*margin: 0 auto;*/ margin-top: 0px; margin-bottom: -65px;/*为-25px时，肌肉男卡片则上下间隔都为15px，刚好垂直居中*/ margin-left: 17%; width: 33%; min-width: 600px; background-image: url(//images.cnblogs.com/cnblogs_com/blogs/802810/galleries/2344964/o_230918185011_banner1.jpg); padding: 40px 0px;/*原为30px*/ padding-top: 15px;/*原为30px*/ /*padding-left: -30px;*/ text-align: center; box-shadow: 0px -10px 8px rgba(0,0,0,.7); border-radius: 25px; height: 76px; /*文本垂直居中，貌似没用 align-items: center; vertical-align: middle; */ /*为了更好的视觉效果 border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 0px; border-bottom-left-radius:: 0px; */ } /*肌肉男卡片*/ div#page_begin_html a{ width: 144px; height: 76px; display: inline-block; } #blogCard { padding: 0px; border-radius: 4px; box-shadow: 1px 1px 6px rgba(223,222,220,.7); } /*小标签文字*/ div#page_begin_html div{ height: 76px; line-height: 76px; margin-right: 35px; float: right; font-family: "微软雅黑"; font-size: 20px; color: #ffffff; } /*显示头像content: url("//pic.cnblogs.com/avatar/3280224/20230917101032.png");*/ #blogLogo { width: 90px; height: 119px; border-radius: 4px; box-shadow: 1px 1px 6px rgba(223,222,220,.7); /*float: none;*/ /*放在页面最顶层*/ position: relative; left: 0px; top: 0px; z-index: 1; } /*main卡片的顶部扁平化rgba(56,57,60,.3)*/ #home { padding: 5px 30px 30px 30px; margin-top: 0px; background-color: #38393c; box-shadow: 0px -10px 8px rgba(0,0,0,.7); border-radius: 12px;/*为了更好的视觉效果*/ border: 1px solid rgba(0,0,0,.7); /*放在页面最顶层*/ position: relative; left: 0px; top: 0px; z-index: 1; } #header { margin-top: 0px; } #blogTitle { height: 119px; } #blogTitle h1 { padding-top: 29px; } /*更改背景颜色#3f424d #38393c #56585d*/ body { color: #ffffff; background-color: #ffffff; } /*根据雨夜取色修改博客main*/ .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory { background: #38393c; } #sideBar a { color: #dfdedc; } #sideBar a:hover { color: #ff3333; } a { outline: none; color: #ffffff; } a:visited, a:link, a:active { color: #ffffff; text-decoration: none } a:hover { color: #ff3333; } /*博客名和子标题*/ #blogTitle h1 a { color: #ffffff; } #blogTitle h1 a:hover { color: #ff3333; } #blogTitle h2 { color: #dfdedc; } /*导航栏颜色*/ #navigator { border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; margin-top: 20px; } #navList a:link,#navList a:visited,#navList a:active { color: #dfdedc } #navList a:hover { color: #ffffff; } .blogStats { color: #dfdedc; } /*随笔栏目颜色*/ .postTitle { border-left: 3px solid #ff3333; } .postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #ff3333; } .postTitle a:hover { color: #ffffff; } /*随笔发送时间*/ .postDesc { color: #dfdedc; } .postDesc a:link,.postDesc a:visited,.postDesc a:active { color: #dfdedc; } .postDesc a:hover { color: #ff3333; } /*footer颜色*/ #footer { color: #dfdedc; border-top: 1px solid #ffffff; } /*文章详情页颜色*/ .postBody { color: #ffffff; } /*代码颜色就不改了，工程量很大 .cnblogs_code { background-color: #46474b; border: 1px solid #46474b; color: #000; } */ /*分类标签*/ #BlogPostCategory, #BlogCollection { color: #dfdedc; } /*文章发送时间*/ #topics .postDesc { color: #dfdedc; } /*推荐点赞框*/ .diggnum { color: #ff3333; } .burynum { color: #ff3333; } #div_digg a.tip:link,#div_digg a.tip:visited,#div_digg a.tip:hover,#div_digg a.tip:active { color: #ff3333; } /*提交评论*/ .comment_btn { background: #46474b; } /*随笔分类页面颜色适配*/ /*随笔分类标题*/ .entrylistTitle, .PostListTitle, .thumbTitle { border-bottom: 2px solid #ffffff; color: #ff3333; } /*随笔标题*/ .entrylistPosttitle { border-left: 3px solid #ff3333; } .entrylistPosttitle a:link,.entrylistPosttitle a:visited,.entrylistPosttitle a:active { color: #ff3333; } .entrylistPosttitle a:hover { color: #ffffff; } /*随笔标题下拉菜单的选择器，这里是从js文件里扒和猜测出来的*/ div.tree-categories-container { background: #56585d; } div.tree-categories-container a:link,div.tree-categories-container a:visited,div.tree-categories-container a:active { color: #000000; } div.tree-categories-container a:hover { color: #ffffff; } /*随笔时间*/ .entrylistItemPostDesc { color: #dfdedc; } .entrylistItemPostDesc a:link,.entrylistItemPostDesc a:visited,.entrylistItemPostDesc a:active { color: #dfdedc; } .entrylistItemPostDesc a:hover { color: #ff3333; } /*阅读排行榜页面随笔时间*/ .postDesc2 { color: #dfdedc; } .postDesc2 a:link,.postDesc2 a:visited,.postDesc2 a:active { color: #dfdedc; } .postDesc2 a:hover { color: #ff3333; }