代码高亮插件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

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注