圣人夜行 BHL 主题

+ 主题代码

/*
=========================================================
              🐉 羽天一的异学夜行BHL版主题 🐉
       ------------------------------------------------
           异学会标志由 Freedom Koo 绘制
           CN分部标志由 Deer Kylin 设计
         分割线代码参考自 Woednaz 设计的主题
                   遵循CC-BY-SA协议
==========================================================
*/
 
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
:root:lang(cn),
:root {
 
/* 字体 */
    --body-font: '新宋体',kaiti,monospace;
    --header-font: '思源宋体 CN', 'Noto Serif SC', lisu,kaiti,sans-serif;
    --sub-header-font:'思源宋体 CN',  'Noto Serif SC', lisu, kaiti,sans-serif;
    --page-title-font: '楷体', kaiti,sans-serif;
    --title-font: '思源宋体 CN', 'Noto Serif SC',  lisu,kaiti,sans-serif;
    --mono-font: '仿宋','ZCOOL XiaoWei', monospace;
    --hdmemu-font: kaiti, monospace;/* 顶栏文字 */
    --hdlist-font: '等线', monospace;/* 顶栏列表 */
 
/* 版头文字 */
    --header-title:"中華異學會";
    --header-subtitle:"格異、治學、融會";
 
    /* 标题颜色 */
    --swatch-headerh1-color: 0,255,255;
    --swatch-headerh2-color: 255,255,255;
 
}
 
:root {
   --theme-base: "black-highlighter";
--theme-id: " piaoxiang-bhl";
--theme-name: "夜行主题";
 
/* 图片 */
 
--yxh-red-image:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@SCP/LOGO_YXH_red.svg');
 
--hr-image:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@SCP/LOGO_CN_white.svg');
 
    --logo-image:var(--yxh-red-image);
 
 /* 著作信息文件夹 */    
--linkColour:#CC6600  ;
 --barColour:  linear-gradient(30deg,#151e3b,#2d1053,#291342 );
 
/* 基准色以及其他 */    
    --bright-accent:0,0,0;
    --medium-accent:grey;
    --dark-accent:0,0,0;
 
      --bright-accent:0,0,0;
    --medium-accent:grey;
    --dark-accent:0,0,0;
 
                --white-monochrome: 3, 3, 3;
            /*↑ 白色 ↑*/
                  --pale-gray-monochrome:50, 50, 50;
            /*↑ 非常浅的灰色，用于引用块 ↑*/
 
              --light-pale-gray-monochrome: 150,150,150;/**/
            /*↑ 浅灰色 ↑*/
               --very-light-gray-monochrome:190,187,156;/**/
            /*↑ 浅灰色 ↑*/
 
                  --light-pale-gray-monochrome: 205, 205, 205;
            /*↑ 浅灰色 ↑*/
                  --very-light-gray-monochrome: 215, 215, 215;
            /*↑ 浅灰色 ↑*/
                  --light-gray-monochrome: 240, 230, 230;
            /*↑ 浅灰色 ↑*/
                  --black-monochrome: 240, 240, 240;
            /*↑ 黑色 ↑*/
 
              --pale-accent: 210,107,92;/**/
            /*↑ 浅红色，链接颜色 ↑*/
                  --bright-accent: 133, 0, 5;/**/
            /*↑ 亮红色 ↑*/
                  --medium-accent:173,29,25;
            /*↑ 红色 - 基准颜色 ↑*/
                  --dark-accent: 132,8,5;
            /*↑ 深红色 ↑*/
 
                        --very-dark-accent: 91,5,4;
                  /*↑ 非常深的红色 ↑*/
 
    --alt-accent: 221, 102, 17;
            /*↑ 橘色，页面不存在的链接颜色 ↑*/
 
                  --very-dark-accent: 91,5,4;
                  /*↑ 非常深的红色 ↑*/
 
                  --alt-accent: 204,102,0;
            /*↑ 橘色，页面不存在的链接颜色 ↑*/
 
                  --alt-accent: 204,102,0;
            /*↑ 橘色，页面不存在的链接颜色 ↑*/
 
    --hover-link-color:171,58,55;
    --visited-link-color:171,58,55;
    --sel-color:90,16,14;
    --purple-color:43,17,76, 0.85;
 
   /* 版头 */
    --header-gradient-color-bottom: var(--black-monochrome);
    --header-gradient-color-middle: var(--dark-gray-monochrome);
    --header-gradient-color-top: var(--dark-gray-monochrome);
 
 --gradient-header: linear-gradient(0deg, #151515, #141414,#3b3b3b,#222,#111);  
 
    /* 顶栏 */
      --swatch-topmenu-bg-color: var(--very-dark-accent); 
      --swatch-topmenu-border-color: 42,12,4;
 
        --background-gradient-color:var(--pale-gray-monochrome);
 
    /* 按钮 */
      --swatch-menubg-dark-color:5,5,5;
 
     --swatch-menubg-medium-color: var(--light-pale-gray-monochrome,10,10,10);/* 表格~样式颜色 */
 
    /* 分割线 */
--hr-color:41,19,66;
 
 /* 评分 */
 
       --rating-module-button-plus-color: 204,102,0;
      --rating-module-text-hover-color: 0,0,0; 
 
    /* 滚轮 */
          scrollbar-color: #6e1310 #2d0908   ;
 
}
 
/* 
============================================
主体
============================================
*/
 
body{
   color:#e8e8e8;
}
 
  #page-content{
       letter-spacing:1px;
  }
 
@media (max-width: 479px) {    
  #page-content{
       letter-spacing:auto;
  }
}
 
/* 
------------------
鼠标选择
--------------------
 */
::selection { 
    color: #cc6600;
    color: rgb(var(--alt-accent)) ;
    background:#5a100e; 
    background: rgb(var(--sel-color)) ;
}
 
::-moz-selection { 
    color:#cc6600;
    color: rgb(var(--alt-accent)) ;
    background:#5a100e; 
    background: rgb(var(--sel-color)) ;
}
 
/* 
------------------
其他
--------------------
 */
#toc{
    background: #232222;  
    color:grey;
}
 
/* 
============================================
版头 
============================================
*/
 
#header h2 span::before,
#header h1 a, #header h1 a::before {
    color: #fff;
    letter-spacing: 0.3rem;
 
}
 
#header h2 span::before{
    color: #fff;
    line-height: 2.5rem
}
 
div#container-wrap {
    background-image: var(--gradient-header-line) ;
}
 
#header {
    filter: none;
}
 
/* 
============================================
搜索和用户 
============================================
*/
 
#account-topbutton{
      -webkit-touch-callout: none;
   -moz-user-select: none; 
   -webkit-user-select: none;
   -ms-user-select: none;
   -khtml-user-select: none; 
   user-select: none;
}
 
#login-status #account-options {
 
overflow: visible;
    background: #000;
   color:  #e8e8e8;
        border:4px double #850005;
}
 
#login-status #account-options ul li a{
   color:  #e8e8e8 ;
    border: 4px double #850005;
    padding: 0.1rem 0.5rem;
    width: auto;
        display: block;
    overflow: hidden
}
 
#login-status #account-options ul li a:hover{
   color:  #fff ;
    border: 4px double rgb(204,102,0);
}
 
#login-status #account-options ul li a:before{
left: -5%;
    width: 110%;
}
 
#login-status #account-options ul ,
#login-status #account-options ul li {
    display: block;
    font-size: 1rem;
overflow: hidden;
}
 
#login-status #account-options li > a[href="https://www.wikidot.com/account/messages"] {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 1rem;
    color: inherit;
    width: 83%;
}
 
#login-status #account-options li  a::before, 
#login-status #account-options li  a:hover::before {
    background-color: rgba(43,17,76, 0.85);
    background-color: rgba(var(--purple-color));
}
 
#login-status #account-topbutton a,
#login-status span ,
#login-status a,
#login-status {
    font-family: var( --title-font);
    color: #fff !important ;
}
 
#login-status #account-topbutton ,
#login-status #my-account {
    color: rgb(204,102,0) !important ;
}
 
#login-status #account-options li  a:hover::after,
#login-status #account-options li > a[href="https://www.wikidot.com/account/messages"]:hover::after {
        position: absolute;
    left:3rem;
font-size: 1rem;
    font-weight: ;
 
      content: '☯';
}
 
#login-status #account-options li > a[href="https://www.wikidot.com/account/messages"]::after {
    content: " ";
    padding-left: 0.5rem;
 
}
 
#search-top-box::before {
    background-color: #fff;
}
 
/* 
============================================
顶栏
============================================
*/
 
.top-bar ul a,
.mobile-top-bar ul a{
     color:#CC6600 !important; 
    color: rgb(var(--alt-accent)) !important; 
    font-family:var(--hdmemu-font);  
    font-size: 120%;
}
 
.top-bar ul:first-child :not(li) a,
.mobile-top-bar ul:first-child :not(li) a {
    color:#fff !important; 
          font-family:var(--hdlist-font) ;  
 background-color: rgb(var(--white-accent)) !important;
}
 
.top-bar  ul:first-child li a:hover,
.mobile-top-bar ul:first-child li a:hover
{
     color: #000 !important;
background-color: #CC6600 !important;
     background-color: rgb(var(--alt-accent)) !important;
      transition: all 0.5s;
}
 
#top-bar div.top-bar  > ul > li > ul,
#top-bar  .mobile-top-bar > ul > li > ul
{
      border: rgb(var(--very-dark-accent)) double 4px  ;      
}
 
/* 
============================================
侧边栏
============================================
*/
 
#side-bar .heading p ,
#side-bar .side-block > .collapsible-block .collapsible-block-link {
    --text-shadow: rgb(0,0,0);
     color: #Cc6600;
     color: rgb(var(--alt-accent)) ;
}
 
#side-bar div.menu-item a::before, 
#side-bar div.menu-item a:hover::before {
    background-color: rgba(43,17,76, 0.85);
    background-color: rgba(var(--purple-color));
}
 
/* 鼠标移过 */
#side-bar div.menu-item a:hover {
    background-color: rgba(66,66,72,.15);
    color:#fff;
}
 
#side-bar div.menu-item a:hover:after{
    content: "";
}
 
/* 侧边栏菜单纯文字 */
#side-bar, #side-bar div.menu-item .sub-text {
    color: #37076e;
}
 
/* 
============================================
标题 
============================================
*/
#page-title, .meta-title {
    font-family:var(--page-title-font);
    font-size: 300% ;
   text-shadow: 0 0.2rem 1rem #7b7b7b;
    padding:0.8rem 0;
    margin: 1.5rem 0;
border-bottom: 3px double #999;
}
 
#page-title::after, .meta-title::after ,
#page-title::before, .meta-title::before {
    flex-grow:1;
    content: " ";
    height: 100%;
    margin:0 0.5rem;
    background: none;
    font-size: 100%;
 
}
 
#page-title::before, .meta-title::before {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
 
@media (max-width: 500px) {  
  #page-title, .meta-title {
    border-top: 0px solid #333;
 }
    /*
    #page-title::after, .meta-title::after ,
    #page-title::before, .meta-title::before {
    flex-grow:0;
  }   
    */
}
 
#breadcrumbs, .pseudocrumbs {
    align-items: center;
}
 
/* 
============================================
tab 
============================================
*/
table.wiki-content-table th {
    background:#323232;
    color: #fff;
}
 
 /*
============================================
 页面信息折框
============================================
 */
 
#page-info-break{
   margin-top: 2rem;
}
 
#page-options-container  #page-info ,
#page-options-container  .page-watch-options {
    width: 100%;
    max-width:80vw;
    padding-right: 5rem ;
        margin-right: 5rem ;
overflow: hidden ;
text-overflow:ellipsis ;
white-space: nowrap;
}
 
#page-info  span,
.page-watch-options a[href*="faq:watching"]   {
    padding-right: 0.5rem ;
        margin-right: 0rem ;
}
.page-watch-options:not(a)   {
   font-size: 0;
}
 
.page-watch-options a   {
   font-size: 0.8rem;
}
 
.page-watch-options a:after   {
   font-size: 0.8rem;
        content: ' |';
 
}
 
.page-watch-options a[onclick*="site"]:before   {
    content: '关注';
   font-size: 0.8rem;
 
}
 
#page-info :after{
    content: '  ';
        border-top: 2px solid #5b0504;
    border-right: 2px solid #5b0504;
    position: absolute;
    height: 2.5rem;
    width:5rem;
    margin-left: -4.5rem;
margin-top: -2.3em;
    z-index: -1
}
 
@media (max-width:700px) {
#page-info :after{
margin-top: -3em;
 
}   
}
 
@media (max-width:410px) {
 #page-options-container #page-info span:after{
    margin-left:0;
    padding-right: 0rem;
    right:5.8vw;
}
    #page-options-container  #page-info ,
#page-options-container  .page-watch-options {
left: -5rem;
    margin-left: -5%;
}  
}
 
@media (max-width:310px) {
#page-info span:after{
    margin-left:-15.5em;
}
 
}
 
/*
============================================
 标签
============================================
 */
#main-content .page-tags::before {
content: "\f02c 标签 ";
padding: 0.5rem 0.5rem 0.2rem 0.5rem;
letter-spacing: 0.1rem;
top: -2rem;
width: 4rem;
font-size: 0.8rem;
font-family: FontAwesome,   var(--body-font);
 
    margin: 0;
    background-color: transparent;
 
    background-image: linear-gradient(-110deg, transparent 0rem,  transparent 1.5rem, #840805 1.6rem,#5b0504 100%);
}
 
#main-content .page-tags span{
margin: 0 0 0 0rem;
}
 
#main-content .page-tags, 
#main-content .page-tags span {
    height: auto;
}
 
#main-content .page-tags a {
    transition: all 0.5s;
    margin: 0.2rem;
    text-decoration:none;
   font-size: 120%;
height: 100%;
}
 
#main-content .page-tags a {
    transition: all 0.5s;
    color: #d26b5c;
    border: 2px double rgb(204,102,0); 
 
    background: transparent ;
}
 
#main-content .page-tags a:hover {
    transition: all 0.5s;
 
    border: 2px double rgb(204,102,0); 
    color: rgb(204,102,0);
 
}
 
#main-content .page-tags a::after {
 content: '○' ;
 display: block;
    left: 0;
    color: #d26b5c; 
       font-size: 60%;
    left: 0.3rem;
    position:  absolute;
 
}
 
#main-content .page-tags a:hover::after {
     content: '●' ;
 
 display: block;
    left: 0;
    color: rgb(204,102,0); 
       font-size: 60%;
    left: 0.3rem;
    position:  absolute;
 
}
 
#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]), #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]){
    padding: 0.2rem 0.5rem  0.2rem 1rem;
    margin-right:0.4rem;
}
 
#main-content .page-tags,
#main-content .page-tags span {
     display: block ;
    height: auto;
    width: 100%;
    visibility: visible;
    clip-path:none;
     display: block;
}
 
#main-content .page-tags span a,
#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]):not(:last-child), 
#main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]):not(:last-child) {
        border: 2px solid #d26b5c;
        border-right: 2px solid #d26b5c;
}
 
 @media (max-width: 600px) {
#main-content .page-tags::before {
    content: "标签 ▼";
    margin: 0;
        padding: 0.5rem;
    top:-2rem;
    width: 3rem;
    font-size: 0.6rem;
}
}
 
/* 
============================================
底部按钮 
============================================
*/
.page-options-bottom a {
    display: inline-block;
    white-space: nowrap;
}
 
div[id*="page-options-bottom"]{
  justify-content:flex-end ;
    margin-top: 0rem;
}
 
#main-content .page-options-bottom a,
#main-content #action-area div #edit-page-form .buttons.alignleft input {
    cursor: pointer;
    padding: 0.2rem;
    margin: 0.1rem;
    text-decoration:none;
    transition: filter 0.5s;
}
 
#content-wrap #main-content .page-options-bottom a,
#content-wrap #main-content #action-area div #edit-page-form .buttons.alignleft input {
    border: 3px double #343434;
}
 
 #content-wrap #main-content .page-options-bottom a:hover,
#main-content .page-options-bottom  a:hover {
border: 3px double  rgb(204,102,0);
}
 
 #content-wrap #main-content .page-options-bottom a:hover:before,
#main-content .page-options-bottom  a:hover:before {
    content: '|';
    color:  rgb(204,102,0);
       position: absolute;
    left: 1.5em;
font-size: 1.2rem;
}
 
div[id*="page-options-bottom"] > a:hover::after {
    background-color: rgb(204,102,0);
}
 
 #content-wrap #main-content .page-options-bottom  a:hover{
 
        color:  rgb(204,102,0);
 
}
 
/* 
============================================
编辑
============================================
*/
 
#lock-info {
    background-color: #1B0909;
    border: 4px double #8d5f13;
}
 
.change-textarea-size a {
color:#000;
}
 
#edit-page-form{
background: radial-gradient(#2f2c2c, #393737,#141514);
}
 
#edit-page-title,#edit-page-textarea,#edit-page-comments{
background: #000;
color: #fff;
}
 
/* 
============================================
手机--侧边栏用了，这个就不用了
============================================
 
.mobile-top-bar .open-menu a::after{
  content: "🐉";
  font-size: 50%;
}
 */
 
/* 
============================================
多语言框
============================================
 */
iframe.scpnet-interwiki-frame {
    filter: invert(0.8) hue-rotate(190deg) saturate(7.5) contrast(2);
    }
 
/* 
============================================
分割线，来自woednaz
============================================
 */
 
hr {
border-top:1px solid transparent ;
background: #514d62;   
background: linear-gradient(to right,transparent,#514d62,transparent);
}
 
blockquote  hr{
border-top:1px solid transparent ;
background: #6d6b82;   
background: linear-gradient(to right,transparent,#6d6b82,transparent);
}
 
.yui-navset hr{
border-top:1px solid transparent ;
background: #504967;   
background: linear-gradient(to right,transparent,#504967,transparent);
}
 
.cn-hr hr {
    border-top:1px solid #000 ;
    background: rgb(0, 0, 0, 0);
    border: 0;
    height: 1.5rem;
    width: 90%;
    position: relative;
    margin: 1.875rem auto;
    }
 
.cn-hr hr::before {
    content: " ";
    background-image: var(--hr-image);
    color: rgb(var(--hr-color));
    display: inline-block;
    position: absolute;
    top: 0.1em;
    left: 0;
    margin: 0 0 0 -0.188rem;
        margin-left: -0.188rem;
    font-size: 0.938rem;
    line-height: 0;
    height: 1.5rem;
    width: 4rem;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: -webkit-calc(50% - 2rem);
    margin-left: -moz-calc(50% - 2rem);
    margin-left: calc(50% - 2rem);
    background-color: transparent;
    z-index: 1;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
 
.cn-hr hr::after {
    content: " ";
    height: 0.125rem;
    width: 100%;
    position: absolute;
    margin: 0 auto;
    background: rgb(var(--hr-color));
    left: 0;
    top: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: 43.375rem auto;
    mask-size: 43.375rem auto;
    -webkit-mask-position: center center;
    mask-position: center center;
}
 
 /**/
.yui-navset .cn-hr hr::before,
.cn-hr blockquote hr::before{
    content: " ";
    background-image: var(--hr-image);
    color: rgb(var(--very-light-gray-monochrome));
    display: inline-block;
    position: absolute;
    top: 0.1em;
    left: 0;
    margin: 0 0 0 -0.188rem;
        margin-left: -0.188rem;
    font-size: 0.938rem;
    line-height: 0;
    height: 1.5rem;
    width: 4rem;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: -webkit-calc(50% - 2rem);
    margin-left: -moz-calc(50% - 2rem);
    margin-left: calc(50% - 2rem);
    background-color: transparent;
    z-index: 1;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
 
blockquote .cn-hr hr::after,
.yui-navset .cn-hr hr::after {
    background: rgb(var(--very-light-gray-monochrome));
 content: " ";
    height: 0.125rem;
    width: 100%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    top: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A");
    -webkit-mask-size: 43.375rem auto;
    mask-size: 43.375rem auto;
    -webkit-mask-position: center center;
    mask-position: center center;
}
 
/* 
============================================
脚注和注释
============================================
 */
/* 鼠标移过注释框 */
 .hovertip {
      background-color: #1B0909 !important;
    border: 4px double SaddleBrown !important;
    color: #8d5f13;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    }
 
/* 
============================================
著作信息文件夹
============================================
*/
 
.info-container{
background:transparent;
}
 
.info-container .list-pages-item iframe{
  background: var(--yxh-red-image); 
  background-size: contain;
  border: 0.5em groove #333;
    width: auto;
}

佩恩灰--gray-monochrome(66, 66, 72)

红色--bright-accent(0, 0, 0)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

金黄--alt-accent(204,102,0)

灰色--pale-gray-monochrome(50, 50, 50)

深灰--dark-gray-monochrome(35, 35, 35)

朱红--medium-accent(180, 180, 180)

丹红--dark-accent(132,8,5)

薄朱--pale-accent(105,32,32)

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

---

天文也，地理也，月刑也，日德也，四时检也，度数节也，阴阳气也。五行业也，五政道也，五音调也，五声故也，五味事也，赏罚约也，此皆有验。有所以然者，随而不见其后，迎而不见其首。成功遂事，莫知其状。图弗能载，名弗能举。强为之说，曰：芴乎芒乎，中有象乎，芒乎芴乎，中有物乎，窅乎冥乎，中有精乎。致信究情，复反无貌，鬼见，不能为人业。故圣人贵夜行。

————《鹖冠子》

异学会朱印

使用方法

注意：这是一个基于黑色标记笔的主题版式。若你想使用本主题，你还需要导入黑色标记笔主题。点击这里了解更多。

PS：本主题是在火狐（Firefox）上开发的，故用火狐浏览器可能会取得更贴近设计意图的画面。

+ 查看预期显示

在你的作品开头添加如下语法以应用此版式：

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:walk-in-the-dark]]

示例

可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

---

当你想要给分割线加特效时，可在分割线外面套一个div，像这样：

[[div class="cn-hr"]]
------
[[/div]]

结果显示为这样：

---

标题可通过在一行字起始处输入1至6个加号“+”来创建

+ 标题

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

---

此为分页（tab view）。

---

分页

看，这有更多文字。

多么精巧绝伦。

长Tab

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

这是一个长的tab，它有很多文字。

空tab

空tab

空tab

空tab

空tab

空tab

这是一个引用块，在一行字的起始处加上“> ”来创建。

更多文字

---

一条分割线

---

嵌套引用块

以及更多¹

这是	表格
你应该老早	就知道怎么
做这个了吧

---

标题字体为 思源宋体。
正文字体为 新宋体。
等宽字为 仿宋 / 站酷小薇体。

---

Footnotes

1. 这里是脚注！