/* ========================================================= 🐉 羽天一的异学夜行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; }
天文也,地理也,月刑也,日德也,四时检也,度数节也,阴阳气也。五行业也,五政道也,五音调也,五声故也,五味事也,赏罚约也,此皆有验。有所以然者,随而不见其后,迎而不见其首。成功遂事,莫知其状。图弗能载,名弗能举。强为之说,曰:芴乎芒乎,中有象乎,芒乎芴乎,中有物乎,窅乎冥乎,中有精乎。致信究情,复反无貌,鬼见,不能为人业。故圣人贵夜行。
————《鹖冠子》

异学会朱印
使用方法
注意:这是一个基于黑色标记笔的主题版式。若你想使用本主题,你还需要导入黑色标记笔主题。点击这里了解更多。
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个加号“+”来创建
此为分页(tab view)。
看,这有更多文字。
多么精巧绝伦。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个长的tab,它有很多文字。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
以及更多1
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 |
标题字体为 思源宋体。
正文字体为 新宋体。
等宽字为 仿宋 / 站酷小薇体。