2018年10月7日-博客园Cnblogs-页面定制CSS代码备份
/*全局样式*/* { ???margin: 0; ???padding: 0;}html, body { ???font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace !important; ???font-size: 16px !important; ???line-height: 1.5 !important; ???text-decoration: none !important; ???overflow-x: hidden !important;}a:hover { ???text-decoration: none !important; ???color: rgb(222, 69, 91);}/*隐藏广告*/#ad_t2, #cnblogs_c1, #under_post_news, #cnblogs_c2, #under_post_kb,body { ???display: none;}/* 隐藏一些不重要的组件，如联系、订阅等 */#nav_contact,#nav_rss,#sidebar_search,#sidebar_recentcomments,#sidebar_topcommentedposts,#blogTitle,#author_profile,#tip_comment2+p{ ???display: none !important;}/* 导航栏样式start */#blogTitle { ???padding: 0 !important;}#navigator{ ???margin: 0 auto; ???width: 100%; ???height: 60px; ???line-height: 60px; ???padding: 0px; ???background: rgb(34, 46, 54); ???border: 0;}#navList{ ???display: inline-block; ???height: inherit;}#navList li { ???display: inline-block; ???height: inherit; ???float: left; ???margin: 0;}#navList li a { ???display: inline-block; ???height: inherit; ???line-height: 60px; ???width: 80px; ???border: none; ???border-radius: 2px; ???text-align: center; ???color: #fff; ???font-weight: bold;}#blog_stats { ???height: 60px; ???margin-right: 30px;}#navList li a:hover { ???color: rgb(206, 210, 210);}#navList li a:hover { ???background: #e1e1e1; ???color: #555 !important; ???text-decoration: none;}/* 导航栏样式end *//* 日历样式start */#blog-calendar { ???margin-left: -20px;}.CalDayHeader { ???text-align: center;}u, ins { ???text-decoration: none !important; ???color: #0366d6; ???font-weight: bold;}.CalTodayDay a u { ???color: #fff !important;}.label-danger { ???background-color: #d9534f; ???color: #fff !important;}ul li { ???margin-bottom: .25rem;}ol, ul { ???margin-bottom: 0px !important;}/* 日历样式end *//* 侧边栏样式开始 */#sideBar { ???font-size: 14px !important; ???width: 250px; ???float: left; ???border: 0; ???padding: 0; ????display: none;}#my_on_off { ???position: fixed; ???top: 70px; ???left: 20px; ???font-size: 30px; ???cursor: pointer;}#sideBarMain { ???margin-top: 60px; ???margin-left: 20px;}.forFlow { ???margin: 0 10% 0 10%;}.PostListTitle { ???margin-left: 40px;}#sideBar li, .divRecentCommentAticle { ???text-indent: 0; ???margin-left: 0; ???display: block; ???overflow: hidden; ???white-space: nowrap; ???text-overflow: ellipsis; ???letter-spacing: .01rem;}#sideBar a { ???color: #555555; ???font: bold 0/50px;}#sideBar a:hover { ???color: rgb(222, 69, 91);}/*侧边栏黑色标题*/.catListTitle { ???background: #2b333b; ???color: #fff; ???border-radius: 2px; ???line-height: 40px; ???height: 40px; ???padding: 0 20px;}#sideBar h3, #MyIng .ing_title { ???margin-bottom:10px;}/* 侧边栏样式结束 *//*首页文章标题样式*/.postDesc, .entrylistItemPostDesc { ???border-bottom: 0;}.postTitle { ???padding-bottom: 20px; ???text-align: center; ???font-size: 18px !important;}.postTitle2:hover { ???color: rgb(222, 69, 91) !important; ???text-decoration: none !important;}/* 底部样式start */#footer { ???color: #fff; ???background-color: #333; ???font-size: 14px; ???padding-top: 20px;}.footer{ ???background-color: #333;}#footer a,.footer a{ ???color: #fff;}#footer a:hover { ???color: rgb(222, 69, 91) !important;}.footer-title { ???text-transform: uppercase; ???margin-bottom: 3px; ???font-weight: 600; ???font-size: 16px; ???padding-left: 8%;}.postCon a { ???border: 0;}.postDesc a { ???margin-left: 20px;}.postDesc a.first-child { ???color: red;}.postTitl2 a { ???font-size: 16px; ???font-weight: bold;}.postTitl2 a:hover { ???color: rgb(222, 69, 91); ???text-decoration: none !important;}/* 底部样式end *//* 返回顶部按钮位置样式 */#topBottom { ???position: fixed; ???bottom: 20px; ???right: 10px;}/*分页样式*/.pager { ???font-size: 17px !important; ???margin: 0 auto;}/* 首页下一页 */#nav_next_page { ???margin-top: 20px;}/* 关注收藏等几个按钮 */#green_channel { ???width: 100% !important;}/*页面显示*/.noboder { ???border: 0px !important;}/*底部标签*/#EntryTag a { ???color: #fff;}#EntryTag a:hover { ???color: #fff !important;}#p_b_follow a,#p_b_follow a:hover { ???color: #fff !important;}#comment_nav a { ???display: inline-block; ???margin-top: 10px; ???margin-right: 10px; ???padding-right: 10px;}.postCon a, .postBody a, .feedbackCon a { ???font-size: 14px; ???color: rgb(153, 153, 153);}/* 文章签名样式 start */.esa-post-signature { ???padding: 12px 24px 12px 30px; ???margin-top: 15px; ???margin-left: 5px; ???border-left-width: 4px; ???font-size: 15px; ???line-height: 2; ???border-left-style: solid; ???background-color: #f8f8f8; ???position: relative; ???border-bottom-right-radius: 2px; ???border-top-right-radius: 2px; ???border-left-color: #f66; ???z-index: 1;}.esa-post-signature:before { ???content: "!"; ???background-color: #f66; ???position: absolute; ???top: 25px; ???left: -12px; ???color: #fff; ???width: 20px; ???height: 20px; ???border-radius: 100%; ???text-align: center; ???line-height: 20px; ???font-weight: 700; ???font-size: 14px;}.esa-post-signature a { ???text-decoration: none !important; ???color: #555555;}.esa-post-signature a:hover { ???color: rgb(222, 69, 91); ???border-bottom: 1px dotted rgb(222, 69, 91);}/* 文章签名样式 end *//* 更改阅读全文样式start */#main{ ???padding-bottom: 40px;}#main #mainContent .forFlow .c_b_p_desc a { ???border: 1px solid; ???border-radius: 3px; ???padding: 2px 9px; ???font-size: 13px; ???margin-top: 10px; ???text-decoration: none; ???display: table; ???border-color: #314659; ???color: #314659;}#main #mainContent .forFlow .c_b_p_desc a:after { ???content: ' ?';}#main #mainContent .forFlow .c_b_p_desc a:hover { ???color: #2D8CF0 !important; ???border: 1px solid #2D8CF0;}.c_b_p_desc{ ???word-wrap: break-word; ???word-break: break-all; ???line-height: 1.5; ???white-space: nowrap; ???text-overflow: ellipsis; }/* 更改阅读全文样式end *//*浏览器滚动条样式*/::-webkit-scrollbar { ???width: 4px; ???height: 4px; ???border-radius: 8px;}::-webkit-scrollbar-thumb { ???border-radius: 1px; ???box-shadow: inset 0 0 5px #314659; ???background: #314659; ???border-radius: 8px;}::-webkit-scrollbar-track { ???background: 0 0; ???border-radius: 1px;}::-webkit-scrollbar-thumb:hover { ???}/* markdown黑色主题皮肤开始 */.cnblogs-markdown pre { ???white-space: pre !important;}.cnblogs-markdown .hljs { ???display: block !important; ???overflow-x: auto !important; ???padding: 1em !important; ???background: #282c34 !important; ???border: 1px solid #fff !important; ???border-radius: 5px !important; ???font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace !important; ???font-size: 15px !important;}.hljs,.hljs-subst,.hljs-tag { ???color: #f8f8f2 !important;}.hljs-emphasis,.hljs-strong { ???color: #a8a8a2 !important;}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote { ???color: #ae81ff !important;}.hljs-meta,.hljs-regexp { ???color: #fd971f !important;}.hljs-built_in,.hljs-builtin-name,.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title { ???color: #a6e22e !important;}.hljs-strong { ???font-weight: 700;}.hljs-emphasis { ???font-style: italic !important;}.hljs-attr,.hljs-name,.hljs-selector-tag,.hljs-symbol { ???color: #f74449 !important;}.hljs-attribute,.hljs-keyword { ???color: #66d9ef !important;}.hljs-class .hljs-title,.hljs-params { ???color: #f8f8f2 !important;}.hljs-addition,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable { ???color: #e6db74 !important;}.hljs-comment,.hljs-deletion { ???color: #999 !important;}/* markdown黑色主题皮肤结束 *//* 引用样式文件开始 */blockquote { ???border: 1px dotted #efefef; ???min-height: 30px; ???background: #f6f8fa; ???border-left: 4px solid #ce4844 !important; ???font-size: 17px !important; ???white-space: pre-line;}/* 引用样式文件结束 *//* 红色块start */.cnblogs-markdown code, .cnblogs-post-body code { ???border: 0 !important; ???font-size: 14px !important; ???padding: 0px 4px !important; ???border-radius: 4px !important; ???font-family: consolas!important;}/* 红色块end *//* 目录样式start */.esa-catalog { ???font-family: "Open Sans", sans serif; ???position: fixed; ???top: 70px; ???right: 2px; ????min-width: 400px; ????max-width: 450px; ???border-radius: 3px; ???z-index: 999999999; ???overflow: hidden;}.esa-catalog-tab{ ???cursor: pointer; ???float: right;}.esa-catalog-title { ???background: #ecf0f1; ???cursor: move; ???padding-left: 12px; ???font-size: 15px; ???height: 35px; ???line-height: 35px;}.esa-catalog-close { ???position: absolute; ???right: 15px; ???cursor: pointer; ???text-decoration: none;}.esa-catalog-contents ul{ ????background: #1a252f; ???opacity: 1; ???max-height: 400px; ???overflow-x: hidden; ???font-size: 13px; ???padding-top: 10px; ???padding-bottom: 10px;}.esa-catalog-contents ul li { ???color: rgb(255,255,255); ???padding-top: 5px; ???padding-bottom: 5px; ???padding-left: 15px; ???padding-right: 15px; ???white-space: nowrap; ???overflow: hidden; ???text-overflow: ellipsis; ???cursor: pointer; ???border: 1px solid #1a252f;}.esa-catalog-contents ul li:hover { ???text-decoration: none; ???color: rgba(0,223,252,1); ???border-top: dotted 1px rgba(255,255,255,.15); ???border-bottom: dotted 1px rgba(255,255,255,.15); ???background: rgba(0,223,252,.02);}/* 目录样式结束 *//*底部留言板样式start*/.feedbackListSubtitle { ???margin-bottom: 30px;}.comment_actions a { ???margin-left: 30px;}.comment_actions a:last-child { ???padding-right: 10px;}#blog-comments-placeholder{ ???min-width: 300px; ???overflow-x: auto;}.feedbackItem{ ???min-width: 600px; ???border: 0px;}#tbCommentAuthor{ ???width:155px;}#tbCommentAuthor { ???display: inline-block;}.commentbox_title_right { ???float: left;}.postCon a, .postBody a, .feedbackCon a { ???border-bottom: 0;}.btn-outline-success { ???color: #28a745 !important;}.esa-layer { ???position: fixed; ???top: 5px; ???text-align: center; ???line-height: 25px; ???font-size: 15px; ???font-family: inherit; ???width: 100%; ???display: none; ???z-index: 9999999;}.esa-layer-content { ???position: relative; ???background: rgba(0, 0, 0, .6); ???max-width: 400px; ???padding: 5px 10px; ???border-radius: 5px; ???color: #FFF; ???display: inline-block;}.esa-reward { ???display: none; ???position: fixed; ???top: 50%; ???left: 50%; ???transform: translate(-50%, -50%); ???width: auto; ???height: auto; ???padding-bottom: 30px; ???background: #fff; ???box-shadow: 0 0 0 2000px rgba(0, 0, 0, .5); ???border-radius: 10px; ???z-index: 1000000;}.esa-reward h2 { ???text-align: center; ???font-size: 20px; ???color: #666; ???font-weight: 400; ???margin: 20px 0 10px 0;}.esa-reward p { ???text-align: center;}.esa-reward .esa-reward-container { ???margin: 0 30px; ???text-align: center;}.esa-reward .alipay,.esa-reward .wechat { ???position: relative; ???display: inline-block; ???width: 200px; ???height: 200px; ???padding: 10px; ???border: 5px solid #ff7300; ???border-radius: 10px; ???box-sizing: border-box; ???margin: 10px;}.esa-reward .alipay:after,.esa-reward .wechat:after { ???content: ''; ???position: absolute; ???left: 30px; ???bottom: -12px; ???color: #666; ???background: #fff; ???padding: 0 10px; ???font-size: 16px; ???width: auto; ???text-align: center;}.esa-reward .alipay img,.esa-reward .wechat img { ???width: 100%; ???width: 170px; ???height: 170px;}.esa-reward .alipay:after { ???content: '支付宝，扫一扫';}.esa-reward .wechat:after { ???content: '微信，扫一扫';}.esa-reward-close { ???position: absolute; ???font-size: 30px; ???color: #999; ???top: 0; ???right: 0; ???width: 20px; ???height: 20px; ???cursor: pointer; ???transform: rotate(45deg);}.esa-reward-close:hover { ???transition: all .2s; ???color: #bbb;}.esa-reward-close:active { ???transition: all .2s; ???color: #666;}#div_digg { ???position: static; ???float: none; ???margin: 75px auto; ???z-index: -1; ???width: 260px;}#div_digg .buryit,#div_digg .diggit,#div_digg .reward { ???background: #FFF; ???margin: 0; ???display: inline-block; ???width: auto; ???height: 32px; ???border-width: 0; ???cursor: pointer; ???color: #fff; ???user-select: none; ???padding: 0 15px; ???border-radius: 5px; ???transition: color .2s linear, background-color .2s linear, border .2s linear, box-shadow .2s linear;}#div_digg .reward { ???background-color: #e13d13; ???border-color: #e13d13;}#div_digg .reward:hover { ???background-color: #f16643; ???border-color: #f16643;}#div_digg .diggit { ???background-color: #18b566; ???border-color: #18b566;}#div_digg .diggit:hover { ???background-color: #47cb89; ???border-color: #47cb89;}#div_digg .buryit { ???background-color: #f90; ???border-color: #f90;}#div_digg .buryit:hover { ???background-color: #ffad33; ???border-color: #ffad33;}#div_digg .buryit .burynum,#div_digg .diggit .diggnum,#div_digg .reward .rewardnum { ???color: snow; ???display: inline-block; ???font-size: 15px; ???position: relative; ???top: 5px;}#div_digg .reward .rewardnum:before { ???content: '赞赏'; ???font-size: 15px;}#div_digg .diggit .diggnum:before { ???content: '推荐'; ???font-size: 15px; ???margin-right: 5px;}#div_digg .buryit .burynum:before { ???content: '反对'; ???font-size: 15px; ???margin-right: 5px;}.feedbackCon { ???margin-left: 0px;}.feedbackCon .esa-comment-avatar { ???float: left; ???margin-right: 10px;}.feedbackCon .esa-comment-avatar img { ???border-radius: 50%; ???transition: all .5s ease-out; ???-webkit-transition: all .6s ease-out; ???-moz-transition: all .5s ease-out; ???-ms-transition: all .5s ease-out; ???-o-transition: all .5s ease-out;}.feedbackCon .esa-comment-avatar img:hover { ???-webkit-transform: rotateZ(360deg); ???-moz-transform: rotateZ(360deg); ???-ms-transform: rotateZ(360deg); ???-o-transform: rotateZ(360deg); ???transform: rotateZ(360deg);}.feedbackCon .comment_vote { ???margin-top: 12px;}.feedback_area_title { ???border-bottom: 1px solid #eef2f8; ???margin-bottom: 15px;}.commentbox_title_right { ???height: 25px; ???float: left;}#comments_pager_top { ???display: none;}#commentbox_opt { ???display: block !important;}div.commentform textarea { ???width: 100% !important; ???height: 200px !important; ???border-radius: 6px; ???padding: 5px; ???font-family: inherit; ???font-size: 14px; ???resize: none; ???box-sizing: border-box; ???outline: none;}/*底部留言板样式结束*//*手机*/@media only screen and (max-width:767px) { ???#main{ ???????padding-bottom: 40px !important; ???} ???#mainContent{ ???????float: right !important; ???} ???.forFlow { ???????margin: 0 5% 0 5% !important; ???} ???.postDesc,#topBottom,#sideBar,#green_channel,#author_profile { ???????display: none !important; ???}}/*平板*/@media screen and (min-width:767px) and (max-width:1360px) { ???.forFlow { ???????margin: 0 5% 0 5% !important; ???} ???#topBottom,#sideBar,#my_on_off,#blog_stats,#author_profile{ ???????display: none !important; ???}}2018年10月7日-博客园Cnblogs-页面定制CSS代码备份
原文地址：https://www.cnblogs.com/hglibin/p/9751846.html