@charset "utf-8";

.code-div { position:relative; background-color:<?php echo $back_color; ?>; border-radius:10px; }
pre { margin: 0 0 5px 0}
pre::-webkit-scrollbar { display:none; }
@font-face { font-family:'NEXON Lv1 Gothic OTF'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); }
code { font-size:<?php echo $font_size; ?>; font-family:'NEXON Lv1 Gothic OTF' ; line-height:<?php echo $line_height; ?>; background-color:<?php echo $back_color; ?> !important; overflow:auto; border-radius:10px;}
.number-div { font-size:<?php echo $font_size; ?>; font-family:'NEXON Lv1 Gothic OTF'; line-height:<?php echo $line_height; ?>; position:absolute; top:0px; left:0px; padding:40px 20px 40px 20px; text-align:right; background-color:<?php echo $back_color; ?>80; border-radius:10px; }
.number-div span { color:#cccccc; padding-right:20px; border-right:1px dashed #cccccc; }
code::-webkit-scrollbar { width:10px; height:9px; }
code::-webkit-scrollbar-thumb { background-color:<?php echo $scrollbar_color; ?>; border-radius:12px; }
code::-webkit-scrollbar-track { background-color:<?php echo $back_color; ?> ;border-radius:12px; }
.code-button { position:absolute; display:block; width:100%; top:20px; right:20px; }
.code-button img { display:block; float:right; margin-left:15px !important; cursor:pointer;}
#textCode { display:none; }
#viewerDiv { width:100%; height:100%; position:fixed;z-index:1000; top:0px; left:0px; padding:15px; background-color:#ffffff; display:none; }
#viewerDiv table { width:100%; height:100%; border-spacing:0px; border:4px double #484848; }
#viewerDiv table td { padding:10px; }
#viewerDiv table td img { display:block; cursor:pointer; }
#viewerDiv iframe { display:block; width:100%; height:100%; border:none; }
.hljs-comment, .hljs-quote { color:#d4d0ab; }
.hljs-variable, .hljs-template-variable, .hljs-tag,.hljs-name, .hljs-selector-id, .hljs-selector-class, .hljs-regexp, .hljs-deletion { color:#ffa07a; }
.hljs-number, .hljs-built_in, .hljs-builtin-name, .hljs-literal, .hljs-type, .hljs-params, .hljs-meta, .hljs-link { color:#f5ab35; }
.hljs-attribute { color:#ffd700; }
.hljs-string, .hljs-symbol, .hljs-bullet, .hljs-addition { color:#abe338; }
.hljs-title, .hljs-section { color:#00e0e0; }
.hljs-keyword, .hljs-selector-tag { color:#dcc6e0; }
.hljs { display:block; overflow-x:auto; background:#2b2b2b; color:#f8f8f2; padding:.5em; }
.hljs-emphasis { font-style:italic; }
.hljs-strong { font-weight:bold; }
@media screen and (-ms-high-contrast:active) {
	.hljs-addition, .hljs-attribute, .hljs-built_in, .hljs-builtin-name, .hljs-bullet, .hljs-comment, .hljs-link, .hljs-literal, .hljs-meta, .hljs-number, .hljs-params, .hljs-string, .hljs-symbol, .hljs-type, .hljs-quote { color:highlight; }
	.hljs-keyword, .hljs-selector-tag { font-weight:bold; }
}