博客园主题个性化
自用博客园博客美化代码。基于博客园中的 SimpleMemory 主题。供感兴趣的朋友参考。
代码高亮风格
对于markdown代码块的高亮显示渲染风格（如monakai代码风格）的修改，需要修改CSS代码.cnblogs-markdown .hljs。
添加 macOS window 风格
.cnblogs-markdown pre code:before {
content: " " !important;
position: absolute;
border-radius: 50%;
background: #fc625d;
width: 12px;
height: 12px;
margin-top: -20px;
-webkit-box-shadow: 20px 0px #fdbc40, 40px 0px #35cd4b;
box-shadow: 20px 0px #fdbc40, 40px 0px #35cd4b;
z-index: 3;
}
以下内容更新: 2018-04-17 16:15:42
mathjax设置
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
//showProcessingMessages: false, //关闭js加载过程信息
//messageStyle: "none", //不显示信息
tex2jax: {
inlineMath: 单个doller符号,
displayMath: 双doller符号,这两行在蚂蚁笔记里边导致列表名中乱码.
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre','code','a']
},
TeX: { equationNumbers: { autoNumber: ['AMS'], useLabelIds: true }, extensions: ['extpfeil.js'] },
"HTML-CSS": {
availableFonts: ["STIX","TeX"], //可选字体
linebreaks: { automatic: true }
//showMathMenu: false //关闭右击菜单显示
},
SVG: { linebreaks: { automatic: true } }
});
</script>
<script src="https://cdn.staticfile.org/MathJax/MathJax-2.6-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<!--<script src="https://cdn.bootcss.com/mathjax/2.5.3/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> -->
页首
<!--<div class="loading">
<img src="https://files.cnblogs.com/files/makefile/loading.gif">
<br><span>永远要相信<br>美好的事情即将发生</span>
</div>-->
<!--<div id="toTop" class="toTop"><a id="backTop" href="javascript:;" display="block" title="起飞">⌅-->
<div class="r2top" style="display: block;"><div class="arrow"></div><div class="stick"></div></div>
</a></div>
侧边栏
<a title="点击换歌,直到停止" href="javascript:letsgo();" style="color: seagreen; text-decoration: none; border: dotted;"> Music </a>
<br/><br/>天下才学,唯专不破<br/>
<!-- 网页加载条 -->
<script src="https://files.cnblogs.com/files/makefile/pace.min.js"></script>
<!-- 取代博客园的设置,解决跨域访问的问题,需要在博客园后台关闭数学公式支持,同时在博文列表主页也能渲染-->
<script type="text/javascript" src="https://cdn.bootcss.com/mathjax/2.7.2/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script src="https://files.cnblogs.com/files/makefile/calendar.js"></script>
<!--
<div id="myTime">
<embed src="https://files.cnblogs.com/files/makefile/clock.swf" type="application/x-shockwave-flash" width="150" height="60" align="middle" name="honehoneclock">
</div>
-->
<!--设置背景鼠标动画，zindex设成负数，如-10则在前景不显示，count控制个数-->
<script src="https://files.cnblogs.com/files/makefile/canvas-nest.min.js"></script>
<script src="https://files.cnblogs.com/files/makefile/jquery.min-1.10.2.js"></script>
<script type="text/javascript" src="https://files.cnblogs.com/files/makefile/jquery.let_it_snow.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$("canvas.snow").let_it_snow({
speed: 0,windPower: 0,
interaction: true,image: false,
size: 80,count: 8,
color: "#e21313",opacity: 0
});
});
</script>
<!-- 页面点击小红心 -->
<script type="text/javascript" src="https://files.cnblogs.com/files/makefile/love.js"></script>
<script src="https://files.cnblogs.com/files/makefile/copyright.js"></script>
<script src="https://files.cnblogs.com/files/makefile/backTop3.js"></script>
<script>
new BackTop(document.getElementById('backTop'));
//修改签名
var sig=document.getElementById('MySignature');
if(sig!=null){
sig.innerHTML="原文: "+document.location.href+" © <a href='http://www.cnblogs.com/makefile'>康行天下</a>";
}
</script>
<!-- 来点音乐 -->
<script src="https://files.cnblogs.com/files/makefile/music.js"></script>
<script>
function letsgo(){
playMusicList([
"http://bdyun.65dj.com:8090/2015/06/28/84791C997D8C55023DAD0D5690E48C28/%D1%A6%D6%AE%C7%AB%20-%20%D1%DD%D4%B1.mp3",
"http://7xoiki.com1.z0.glb.clouddn.com/Music-sunburst.mp3",
"http://7xuupy.com1.z0.glb.clouddn.com/tongxingSibel%20-%20Im%20Sorry.mp3"
]);
}
</script>
<!-- 谷歌字体会统计一些信息,访问很慢,如果访问不了，换其它地址fonts.lug.ustc.edu.cn-->
<!-- <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>-->
mathjax设置
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [['$','$'], ['\\(','\\)']],
processEscapes: true
},
displayAlign : "center",
TeX: {
equationNumbers: {
autoNumber: "all",
useLabelIds: true
}, extensions: ['extpfeil.js']
},
"HTML-CSS": {
linebreaks: {
automatic: true
},
scale: 100,
styles: {
".MathJax_Display": {
"text-align": "left",
"width" : "auto",
"margin": "10px 0px 10px 0px !important",
"background-color": "#FFF8DC !important",
"border-radius": "8px !important",
border: "1px solid #ccc !important",
padding: "5px 5px 5px 5px !important"
},
".MathJax": {
padding: "2px 2px 2px 2px !important"
}
}
},
SVG: {
linebreaks: {
automatic: true
}
}
});
</script>
css设置
.MathJax_Display{overflow-x:auto;overflow-y:hidden;}/*长公式自动换行*/
::-webkit-scrollbar{width:8px;height:6px;}::-webkit-scrollbar-track-piece{}::-webkit-scrollbar-thumb{border-radius:5px;background-color: rgba(255, 125, 125, 0.8);}::-webkit-scrollbar-thumb:hover{background-color:#6fabec;}::-webkit-scrollbar-thumb:active{background-color:#6fabec;}::-webkit-scrollbar-thumb:active{-webkit-border-radius:5px;background-color:#6fabec;}::selection{color:white;background:rgb(215,48,48);}::-moz-selection{color:white;background:rgb(215,48,48);}::-webkit-selection{color:white;background:rgb(215,48,48);}
#div_digg {
position: fixed;
right: 0;
bottom: 120px;
z-index: 9999;
background-color: #fff;
font-size: 12px;
width: 46px; height: 56px;
margin: 10px 0 0 0;
padding: 5px;
text-align: center;
/* border: 3px solid #55895b; */
border-radius: 5px;
}
.buryit {
display: none;
}
#digg_count:before {
content: '1';
}
/*
#digg_count:after {
content: 'k';
}*/
#green_channel {
width: inherit !important;
}
.postBody {
font-family: "Microsoft YaHei", 微软雅黑, "Ubuntu Mono",'文泉驿微米黑',"WenQuanYi ZenHei", 文泉驿正黑, "Hiragino Sans GB", STHeiti, Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 1.625em;
}
.postBody a:link {
text-decoration: none;
}
.postBody ruby,
.postBody rt{
background-color: rgba(194, 226, 194, 0.5);
}
.postBody rt {
color: #6105e4;
font-size: 75%;
}
/*加载动画
.loading {
position: fixed;
top: 0;
z-index: 999;
height: 100%;
width: 100%;
text-align: center;
background: #eee;
font-size: 28px;
visibility: hidden;
opacity: 0;
-webkit-animation: loading 0.6s linear;
}
.loading img {
margin-top: 160px;
display: block;
width: 90px;
height: 90px;
border-radius: 36px;
padding: 12px;
margin-left: auto;
margin-right: auto;
opacity: .5;
}
@-webkit-keyframes loading {
0%{opacity: 1;visibility: visible;}
90%{opacity: 1;}
100%{opacity: 0;visibility: visible;}
}
*/
/*网页加载条*/
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #1e92fb;
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 3px;
}
.pace .pace-progress-inner {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #e90f92, 0 0 5px #e90f92;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-moz-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
-o-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
display: block;
position: fixed;
z-index: 2000;
top: 15px;
right: 15px;
width: 14px;
height: 14px;
border: solid 2px transparent;
border-top-color: #e90f92;
border-left-color: #e90f92;
border-radius: 10px;
-webkit-animation: pace-spinner 400ms linear infinite;
-moz-animation: pace-spinner 400ms linear infinite;
-ms-animation: pace-spinner 400ms linear infinite;
-o-animation: pace-spinner 400ms linear infinite;
animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
0% { transform: rotate(0deg); transform: rotate(0deg); }
100% { transform: rotate(360deg); transform: rotate(360deg); }
}
/*网页加载条 END*/
/*背景图片*/
body {
background-image: url(//files.cnblogs.com/files/makefile/bg-circuit.bmp);
background-repeat: repeat-x, repeat-x;
}
/*back to top button*/
div.r2top {
display: none;
opacity: 0.6;
z-index: 999999;
position: fixed;
bottom: 7%;
right: 6px;
border: 1px solid #999;
width: 38px;
height: 38px;
background-color:#F3F3F3;
border-radius: 33px;
cursor: pointer;
}
div.r2top:hover {
opacity: 1;
filter: alpha(opacity=100);
}
div.r2top div.arrow {
position: absolute;
left: 10px;
top: -1px;
width: 0;
height: 0;
border: 9px solid transparent;
border-bottom-color: #333;
}
div.r2top div.stick {
position: absolute;
left: 15px;
top: 15px;
width: 8px;
height: 14px;
display: block;
background-color: #333;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
/*修改留言框的宽度*/
.comment_textarea {
width: 52% !important;
height: 100px !important;
}
/*屏蔽广告*/
.c_ad_block {
display: none;
}
#ad_t2 {
display:none;
}
#home {
margin: 0 auto;
width: 80%;
min-width: 950px;
background-color: rgba(255, 255, 255, 0.8);
padding: 30px;
margin-top: 40px;
margin-bottom: 40px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
@media screen and (max-device-width: 767px) {
#mainContent {
width: 100%;
}
}
/*****侧边栏*****/
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory{
background: none;
}
#sideBar {
margin-top: -15px;
width: 150px;
min-height: 200px;
padding: 12px;
float: right;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
border: 1px dashed rgba(204, 204, 204, 0.6);
}
#sideBar h3 {
font-size: 1.5em;
color: #666;
border-bottom: 1px solid #999;
}
.input_my_zzk {
width: 100px;
height: 25px;
box-shadow: 1px 1px 8px 0px #bbb;
}
input.btn_my_zzk {
background: rgba(0, 0, 0, 0);
display: none;
}
#topics .postTitle {
border-left: 4px solid #008200;
background-color: honeydew;
font-size: 2.25em !important;
font-weight: normal;
float: left;
line-height: 1.5;
width: 100%;
padding-left: 5px;
}
/*
代码高亮开始，使用了一个叫Monokai Sublime的黑色主题皮肤，直接拿过来还不行，有一些样式冲突，还要自己稍微改一些地方
Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
*/
pre {
/*控制代码不换行*/
white-space: pre;
word-wrap: normal;
}
.cnblogs-markdown .hljs {
display: block;
font-family: "DejaVu Sans Mono",monospace, "Consolas", "Courier New", Courier, serif !important;
overflow-x: auto;
background: #23241f !important;
color: #FFF;
white-space: pre;
word-break: normal;
box-shadow: 2px 2px 5px 2px #888;
}
.hljs,
.hljs-tag,
.hljs-subst {
color: #f8f8f2;
}
.hljs-strong,
.hljs-emphasis {
color: #a8a8a2;
}
.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
color: #ae81ff;
}
.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
color: #a6e22e;
}
.hljs-strong {
font-weight: bold;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
color: #f92672;
}
.hljs-symbol,
.hljs-attribute {
color: #66d9ef;
}
.hljs-params,
.hljs-class .hljs-title {
color: #f8f8f2;
}
.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
color: #e6db74;
}
.hljs-comment,
.hljs-deletion,
.hljs-meta {
color: #75715e;
}
/*黑色代码主题皮肤结束，github主题开始*/
.cnblogs-markdown {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
color: #333;
overflow: hidden;
font-family: "Ubuntu Mono","Microsoft YaHei", 微软雅黑, '文泉驿微米黑',"WenQuanYi ZenHei", 文泉驿正黑, "Hiragino Sans GB", STHeiti, Helvetica, Arial, sans-serif !important;
font-size: 1em;
line-height: 1.6;
word-wrap: break-word;
}
.cnblogs-markdown a {
background: transparent;
}
a:after {
position: absolute;
bottom: -0.0625rem;
left: 100%;
width: 0;
border-bottom: .0625rem solid #1abc9c;
content: "";
transition: width 350ms,left 350ms;
}
.cnblogs-markdown a:active,
.cnblogs-markdown a:hover {
outline: 0;
}
.cnblogs-markdown strong {
font-weight: bold;
}
.cnblogs-markdown img {
border: 0;
}
.cnblogs-markdown hr {
box-sizing: content-box;
height: 0;
}
.cnblogs-markdown pre {
overflow: auto;
}
.cnblogs-markdown code {
color: #d14;
margin: 0;
}
.cnblogs-markdown code,
.cnblogs-markdown kbd,
.cnblogs-markdown pre {
font-family: monospace, Consolas;
font-size: 1em;
}
.cnblogs-markdown input {
color: inherit;
font: inherit;
margin: 0;
}
.cnblogs-markdown html input[disabled] {
cursor: default;
}
.cnblogs-markdown input {
line-height: normal;
}
.cnblogs-markdown input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
.cnblogs-markdown table {
border-collapse: collapse;
border-spacing: 0;
}
.cnblogs-markdown td,
.cnblogs-markdown th {
padding: 0;
}
.cnblogs-markdown * {
box-sizing: border-box;
}
.cnblogs-markdown input {
font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}
.cnblogs-markdown a {
color: #009688;
border-bottom: .08rem dashed #CCC;
}
.cnblogs-markdown hr {
height: 0;
margin: 15px 0;
overflow: hidden;
background: transparent;
border: 0;
border-bottom: 1px solid #ddd;
}
.cnblogs-markdown hr:before {
display: table;
content: "";
}
.cnblogs-markdown hr:after {
display: table;
clear: both;
content: "";
}
.cnblogs-markdown ul,
.cnblogs-markdown ol {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
.cnblogs-markdown ol ol,
.cnblogs-markdown ul ol {
list-style-type: lower-roman;
}
.cnblogs-markdown ul ul ol,
.cnblogs-markdown ul ol ol,
.cnblogs-markdown ol ul ol,
.cnblogs-markdown ol ol ol {
list-style-type: lower-alpha;
}
.cnblogs-markdown dd {
margin-left: 0;
}
.cnblogs-markdown code {
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 12px;
}
.cnblogs-markdown pre {
margin-top: 0;
margin-bottom: 0;
font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.cnblogs-markdown .octicon {
font: normal normal normal 16px/1 octicons-anchor;
display: inline-block;
text-decoration: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cnblogs-markdown .octicon-link:before {
content: '\f05c';
}
.cnblogs-markdown>*:last-child {
margin-bottom: 0 !important;
}
.cnblogs-markdown a:not(:link):not(:visited) {
color: inherit;
text-decoration: none;
}
.cnblogs-markdown .anchor {
position: absolute;
top: 0;
left: 0;
display: block;
padding-right: 6px;
padding-left: 30px;
margin-left: -30px;
}
.cnblogs-markdown .anchor:focus {
outline: none;
}
.cnblogs-markdown h1,
.cnblogs-markdown h2,
.cnblogs-markdown h3,
.cnblogs-markdown h4,
.cnblogs-markdown h5,
.cnblogs-markdown h6 {
position: relative;
margin-top: 1em;
margin-bottom: 16px;
font-weight: normal !important;
line-height: 1.4;
}
.cnblogs-markdown h1 .octicon-link,
.cnblogs-markdown h2 .octicon-link,
.cnblogs-markdown h3 .octicon-link,
.cnblogs-markdown h4 .octicon-link,
.cnblogs-markdown h5 .octicon-link,
.cnblogs-markdown h6 .octicon-link {
display: none;
color: #000;
vertical-align: middle;
}
.cnblogs-markdown h1:hover .anchor,
.cnblogs-markdown h2:hover .anchor,
.cnblogs-markdown h3:hover .anchor,
.cnblogs-markdown h4:hover .anchor,
.cnblogs-markdown h5:hover .anchor,
.cnblogs-markdown h6:hover .anchor {
padding-left: 8px;
margin-left: -30px;
text-decoration: none;
}
.cnblogs-markdown h1:hover .anchor .octicon-link,
.cnblogs-markdown h2:hover .anchor .octicon-link,
.cnblogs-markdown h3:hover .anchor .octicon-link,
.cnblogs-markdown h4:hover .anchor .octicon-link,
.cnblogs-markdown h5:hover .anchor .octicon-link,
.cnblogs-markdown h6:hover .anchor .octicon-link {
display: inline-block;
}
/*h标签的样式和simplememory主题保持一致*/
.cnblogs-markdown h1 {
padding-bottom: 0.3em;
font-size: 2.0em !important;
line-height: 1.2;
border-bottom: 1px solid #eee;
}
.cnblogs-markdown h1 .anchor {
line-height: 1;
}
.cnblogs-markdown h2 {
background: none repeat 0% 0% #f5f5f5;
border-radius: 3px 40px 0px 30px;
border-style: groove;
box-shadow: 0px 0px 3px 1px rgba(0,0,0, 0.5);
color: #00b359;
margin: 15px 2px !important;
padding: 5px 0px 5px 30px;
width: 96%;
font-size: 1.25em !important;
}
.cnblogs-markdown h2 .anchor {
line-height: 1;
}
.cnblogs-markdown h3 {
font-size: 1.2em!important;
line-height: 1.43;
border-bottom: 1px solid #999;
}
/*h*/
.cnblogs-markdown h1, .cnblogs-markdown h2 , .cnblogs-markdown h3 {
/*font-size: 2em;*/
margin-bottom: 5px;
padding-bottom: 5px;
padding-top: 5px;
}
.cnblogs-markdown h1 .anchor, .cnblogs-markdown h2 .anchor {
line-height: 1;
}
.cnblogs-markdown h3 .anchor {
line-height: 1.2;
}
.cnblogs-markdown h4 {
font-size: 1.25em !important;
}
.cnblogs-markdown h4 .anchor {
line-height: 1.2;
}
.cnblogs-markdown h5 {
font-size: 1em !important;
}
.cnblogs-markdown h5 .anchor {
line-height: 1.1;
}
.cnblogs-markdown h6 {
font-size: 1em !important;
color: #777;
}
.cnblogs-markdown h6 .anchor {
line-height: 1.1;
}
.cnblogs-markdown p,
.cnblogs-markdown blockquote,
.cnblogs-markdown ul,
.cnblogs-markdown ol,
.cnblogs-markdown dl,
.cnblogs-markdown table,
.cnblogs-markdown pre {
margin-top: 0;
margin-bottom: 16px;
}
.cnblogs-markdown hr {
height: 4px;
padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0 none;
}
.cnblogs-markdown ul,
.cnblogs-markdown ol {
padding-left: 2em;
font-size: 14px;
}
.cnblogs-markdown ul ul,
.cnblogs-markdown ul ol,
.cnblogs-markdown ol ol,
.cnblogs-markdown ol ul {
margin-top: 0;
margin-bottom: 0;
}
.cnblogs-markdown li>p {
margin-top: 16px;
}
.cnblogs-markdown dl {
padding: 0;
}
.cnblogs-markdown dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}
.cnblogs-markdown dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.cnblogs-markdown blockquote {
padding: 0 15px;
color: darkgreen;
background: aliceblue;
border-style: dashed;
border-left: solid 5px rgb(27,161,226);
}
.cnblogs-markdown blockquote>:first-child {
margin-top: 0;
}
.cnblogs-markdown blockquote>:last-child {
margin-bottom: 0;
}
.cnblogs-markdown table {
width: 100%;
overflow: auto;
word-break: normal;
word-break: keep-all;
}
.cnblogs-markdown table th {
font-weight: bold;
}
.cnblogs-markdown table th,
.cnblogs-markdown table td {
padding: 6px 13px;
border: 1px solid #ddd;
}
.cnblogs-markdown table tr {
background-color: #fff;
border-top: 1px solid #ccc;
}
.cnblogs-markdown table tr:nth-child(2n) {
background-color: #f8f8f8;
}
.cnblogs-markdown img {
max-width: 100%;
box-sizing: border-box;
}
.cnblogs-markdown code:before,
.cnblogs-markdown code:after {
letter-spacing: -0.2em;
content: "\00a0";
}
.cnblogs-markdown pre>code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.cnblogs-markdown .highlight {
margin-bottom: 16px;
}
.cnblogs-markdown .highlight pre,
.cnblogs-markdown pre {
padding: 0.5em;
overflow: auto;
font-size: 85%;
line-height: 1.45;
border-radius: 3px;
}
.cnblogs-markdown .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.cnblogs-markdown pre {
word-wrap: normal;
}
.cnblogs-markdown pre code {
display: inline;
max-width: initial;
padding: 0;
margin: 0;
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.cnblogs-markdown pre code:before,
.cnblogs-markdown pre code:after {
content: normal;
}
.cnblogs-markdown kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: #555;
vertical-align: middle;
background-color: #fcfcfc;
border: solid 1px #ccc;
border-bottom-color: #bbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbb;
}
.cnblogs-markdown .pl-c {
color: #969896;
}
.cnblogs-markdown .pl-c1,
.cnblogs-markdown .pl-mdh,
.cnblogs-markdown .pl-mm,
.cnblogs-markdown .pl-mp,
.cnblogs-markdown .pl-mr,
.cnblogs-markdown .pl-s1 .pl-v,
.cnblogs-markdown .pl-s3,
.cnblogs-markdown .pl-sc,
.cnblogs-markdown .pl-sv {
color: #0086b3;
}
.cnblogs-markdown .pl-e,
.cnblogs-markdown .pl-en {
color: #795da3;
}
.cnblogs-markdown .pl-s1 .pl-s2,
.cnblogs-markdown .pl-smi,
.cnblogs-markdown .pl-smp,
.cnblogs-markdown .pl-stj,
.cnblogs-markdown .pl-vo,
.cnblogs-markdown .pl-vpf {
color: #333;
}
.cnblogs-markdown .pl-ent {
color: #63a35c;
}
.cnblogs-markdown .pl-k,
.cnblogs-markdown .pl-s,
.cnblogs-markdown .pl-st {
color: #a71d5d;
}
.cnblogs-markdown .pl-pds,
.cnblogs-markdown .pl-s1,
.cnblogs-markdown .pl-s1 .pl-pse .pl-s2,
.cnblogs-markdown .pl-sr,
.cnblogs-markdown .pl-sr .pl-cce,
.cnblogs-markdown .pl-sr .pl-sra,
.cnblogs-markdown .pl-sr .pl-sre,
.cnblogs-markdown .pl-src {
color: #183691;
}
.cnblogs-markdown .pl-v {
color: #ed6a43;
}
.cnblogs-markdown .pl-id {
color: #b52a1d;
}
.cnblogs-markdown .pl-ii {
background-color: #b52a1d;
color: #f8f8f8;
}
.cnblogs-markdown .pl-sr .pl-cce {
color: #63a35c;
font-weight: bold;
}
.cnblogs-markdown .pl-ml {
color: #693a17;
}
.cnblogs-markdown .pl-mh,
.cnblogs-markdown .pl-mh .pl-en,
.cnblogs-markdown .pl-ms {
color: #1d3e81;
font-weight: bold;
}
.cnblogs-markdown .pl-mq {
color: #008080;
}
.cnblogs-markdown .pl-mi {
color: #333;
font-style: italic;
}
.cnblogs-markdown .pl-mb {
color: #333;
font-weight: bold;
}
.cnblogs-markdown .pl-md,
.cnblogs-markdown .pl-mdhf {
background-color: #ffecec;
color: #bd2c00;
}
.cnblogs-markdown .pl-mdht,
.cnblogs-markdown .pl-mi1 {
background-color: #eaffea;
color: #55a532;
}
.cnblogs-markdown .pl-mdr {
color: #795da3;
font-weight: bold;
}
.cnblogs-markdown .pl-mo {
color: #1d3e81;
}
.cnblogs-markdown kbd {
display: inline-block;
padding: 3px 5px;
font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
line-height: 10px;
color: #555;
vertical-align: middle;
background-color: #fcfcfc;
border: solid 1px #ccc;
border-bottom-color: #bbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbb;
}
.cnblogs-markdown .task-list-item {
list-style-type: none;
}
.cnblogs-markdown .task-list-item+.task-list-item {
margin-top: 3px;
}
.cnblogs-markdown .task-list-item input {
margin: 0 0.35em 0.25em -1.6em;
vertical-align: middle;
}
.cnblogs-markdown :checked+.radio-label {
z-index: 1;
position: relative;
border-color: #4183c4;
}
#wp-auto-top {
position: fixed;
top: 82%;
right: 5%;
display: block;
z-index: 9999;
}
本文源自http://www.cnblogs.com/makefile/
