博客园黑色背景代码
我在网上找了几种样式,大都差不许多,很多是粘贴复制的。这是是我借鉴网上样式,又根据自己的喜好修改了下样式。js样式如下:
/*编辑器字体样式*/
.postBody p, .postCon p {
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: 2;
}
/*代码块边距*/
.cnblogs-markdown pre {
margin: 15px 0;
}
/** 标题块儿样式 **/
.postBody blockquote {
background: #f5f5de;
border: none;
border: 1px solid #c49368;
border-radius: 10px;
margin-top: 40px;
margin-bottom: 25px;
padding: 0px 10px 0px 10px;
line-height: 24px;
}
/**************************************/
.cnblogs-markdown .hljs {
display: block;
overflow: auto;
padding: 0.5em 0.5em !important;
font-size: 20px !important;
background: #0c1021 !important;
/* color: #FF6400; */
color: #FFF;
max-height: 700px;
}
/*div 橙色 .hljs被上面覆盖*/
.hljs,
.hljs-tag,
.hljs-subst {
color: #FF6400;
}
/*灰色 ????????????????*/
.hljs-strong,
.hljs-emphasis {
color: #a8a8a2;
}
/*数字黄2*/
.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
color: #D8FA3C;
}
/*方法名、类名 橙色*/
.hljs-code,
.hljs-title,
.hljs-class .hljs-title,
.hljs-section,
.hljs-selector-class {
color: #FF6400;
}
.hljs-strong {
font-weight: bold;
}
.hljs-emphasis {
font-style: italic;
}
/*public function 黄色1*/
.hljs-keyword,
.hljs-selector-tag {
color: #FBDE2D;
}
/*变量橙色*/
.hljs-name,
.hljs-attr {
color: #FF6400;
}
/*浅绿 ?????????????????*/
.hljs-symbol,
.hljs-attribute {
color: #66d9ef;
}
/*方法名括号(包括变量名) 白色*/
.hljs-params {
color: #F8F8F8;
}
/* 变量keyvalue绿色*/
.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: #61CE3C;
}
/*注释灰黄*/
.hljs-comment,
.hljs-deletion,
.hljs-meta {
color: #75715e;
}
页:
[1]