落絮飞雁的个人网站

顺流而下,把梦做完

代码高亮插件WP-Code-Highlight 样式美化

Update150628:
修复了行号异常的BUG,代码已经更新。详细请见这里

样式代码:

.prettyprint,
pre.prettyprint {
    background-color: #000;
    font-family:Source Code Pro,inherit;
    border: none;
    overflow: hidden;
    padding: 10px 15px;
}
.preprint.ol.linenums li{line-height:16px;margin:0px;padding:5px;list-style:none;}
.preprint.ol.linenums li:before,ol.linenums li:after{content:none;}
.preprint.ol.linenums li{margin:0;padding-left:27px;color:#ff0000;}
.preprint.ol.linenums li.L0,ol.linenums li.L0,ol.linenums li.L1,ol.linenums li.L2,ol.linenums li.L3,ol.linenums li.L4,ol.linenums li.L5,ol.linenums li.L6,ol.linenums li.L7,ol.linenums li.L8,ol.linenums li.L9{
	list-style-type:decimal;
	color:#FF0000;
}
.preprint.ol.linenums li.L0,ol.linenums li.L1,ol.linenums li.L3,ol.linenums li.L5,ol.linenums li.L7,ol.linenums li.L9{
	list-style-type:decimal;
        background-color: #191919;
}
.prettyprint .com { color: #93a1a1; }
.prettyprint .lit { color: #AE81FF; }
.prettyprint .pun,
.prettyprint .opn,
.prettyprint .clo { color: #F8F8F2; }
.prettyprint .fun { color: #dc322f; }
.prettyprint .str,
.prettyprint .atv { color: #E6DB74; }
.prettyprint .kwd,
.prettyprint .tag { color: #F92659; }
.prettyprint .typ,
.prettyprint .atn,
.prettyprint .dec,
.prettyprint .var { color: #A6E22E; }
.prettyprint .pln { color: #66D9EF; }

这个CSS样式是在乐趣公园看到的。稍微改动了一下,显示行号为白色,同时支持Source Code Pro字体。

本文转载自:乐趣公园。版权属原作者。原文链接:http://googlo.me/2882.html


原文标题:代码高亮插件WP-Code-Highlight 样式美化|落絮飞雁的个人网站
原文链接:https://www.luoxufeiyan.com/2015/01/30/wp-code-highlight-css-style/
授权协议:创作共用 署名-非商业性使用 2.5 中国大陆
除注明外,本站文章均为原创;转载时请保留上述链接。