博客园代码

我的第一版:

.cnblogs-markdown .hljs {
    display: block;
    overflow: auto;
    padding: 1.2em 2em !important;
    font-size: 20px !important;
    background: #0c1021 !important;
    color: #FFF;
    max-height: 700px;
}
/*白色字体*/
.hljs,
.hljs-tag,
.hljs-subst {
    color: #f8f8f2;
}
/**/
.hljs-strong,
.hljs-emphasis {
    color: #a8a8a2;
}
/*-200  黄2*/
.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
    color: #D8FA3C;
}
/*方法名 橙色*/
.hljs-code,
.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,
.hljs-name,
.hljs-attr {
    color: #FBDE2D;
}
/**/
.hljs-symbol,
.hljs-attribute {
    color: #66d9ef;
}
/*方法名括号 白色*/
.hljs-params,
.hljs-class .hljs-title {
    color: #F8F8F8;
}
/* 变量key  value  绿色*/
.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;
}


-----------------------------------------------第二版---------------------------------------------------

/*编辑器字体样式*/
.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;
}
/* 变量key  value  绿色*/
.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;
}
上一篇:Yii2-多表关联的用法示例


下一篇:去掉第三放的el-table的默认背景色父元素穿透