/*
==========================================================
	* Name: html代码编辑器样式 for Csdn
	* Date: 2025/01/26
	* Copy: Lixiaojian.cn
	* 调 用: <pre>……</pre>
============================================================
Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax

base:    #fafafa
mono-1:  #383a42
mono-2:  #686b77
mono-3:  #a0a1a7
hue-1:   #0184bb
hue-2:   #4078f2
hue-3:   #a626a4
hue-4:   #50a14f
hue-5:   #e45649
hue-5-2: #c91243
hue-6:   #986801
hue-6-2: #c18401

*/


/*=======================================================*/
/*===========【Html Css 代码  编辑器结构样式】==============*/
/*======================================================*/
pre.set-code-show *{box-sizing:border-box;}
pre.set-code-show {max-height: unset;word-wrap: break-word;margin: 0 0 24px;padding: 8px;}
.hljs {
    display: block;
    line-height: 22px;
    word-wrap: normal;
  	overflow-x: auto;
	white-space: pre;
    border-radius: 4px;
    padding: 8px;
	tab-size: 4;
  padding: 0.5em;
}
.hljs::-webkit-scrollbar {width: 8px; height: 8px;}
.hljs::-webkit-scrollbar-thumb {border-radius: 15px;background-color: #c2c2c2;}
.hljs::-webkit-scrollbar-thumb:hover {background-color: #B9B9B9;}

pre.set-code-show code ol.hljs-ln{list-style-type: decimal-leading-zero;padding-left: 50px; position: relative;}
pre.set-code-show code ol.hljs-ln li{border-left-width:1px; border-left-style: solid; padding-left: 10px;font-family: "Source Code Pro", "DejaVu Sans Mono", "Ubuntu Mono", "Anonymous Pro", "Droid Sans Mono", Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, "PingFang SC", "Microsoft YaHei", sans-serif;}









/*=======================================================*/
/*===========【White THEME 白色背景 字体颜色】==============*/
/*======================================================*/
pre.set-code-show code ol.hljs-ln{color: #999;}
ol.hljs-ln li{border-left-color: #ddd;}
ol.hljs-ln li:nth-of-type(odd){background-color: #f4f4f4;}
.hljs {
  color: #383a42;
  background-color: #fafafa;
}
.hljs-ln-code{color: #383a42;}
.hljs-comment,
.hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #a626a4;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #048702;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #986801;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}

/*======================================================*/
/*===========【Dark THEME 黑色背景 字体颜色】==============*/
/*=====================================================*/
body.body_Chemes02 .hljs ol.hljs-ln{color: #999;}
body.body_Chemes02 ol.hljs-ln li{border-left-color: #5c5f66;}
body.body_Chemes02 ol.hljs-ln li:nth-of-type(odd){background-color: #232832;}
body.body_Chemes02 .htmledit_views{color: #cfcfcf;}
body.body_Chemes02 .hljs{background-color: #282c34;}
body.body_Chemes02 .hljs-ln-code{color: #d9d9d9;}
body.body_Chemes02 .hljs-section,
body.body_Chemes02 .hljs-name,
body.body_Chemes02 .hljs-selector-tag,
body.body_Chemes02 .hljs-deletion,
body.body_Chemes02 .hljs-subst{color: #ff9999;}

body.body_Chemes02 .hljs-attr,
body.body_Chemes02 .hljs-variable,
body.body_Chemes02 .hljs-template-variable,
body.body_Chemes02 .hljs-type,
body.body_Chemes02 .hljs-selector-class,
body.body_Chemes02 .hljs-selector-attr,
body.body_Chemes02 .hljs-selector-pseudo,
body.body_Chemes02 .hljs-number{color: #efc15e;}

body.body_Chemes02 .hljs-string,
body.body_Chemes02 .hljs-regexp,
body.body_Chemes02 .hljs-addition,
body.body_Chemes02 .hljs-attribute,
body.body_Chemes02 .hljs-meta-string{color: #81e37f;}

body.body_Chemes02 .hljs-doctag,
body.body_Chemes02 .hljs-keyword,
body.body_Chemes02 .hljs-formula{color: #ff65fd;}

body.body_Chemes02 .hljs-symbol,
body.body_Chemes02 .hljs-bullet,
body.body_Chemes02 .hljs-link,
body.body_Chemes02 .hljs-meta,
body.body_Chemes02 .hljs-selector-id,
body.body_Chemes02 .hljs-title{color: #7fa6fb;}