黑色标记笔风格版式制作 辅助组件

注意

---

此页为于 R分站维基内部使用的“组件”页。将用于在其他页面中引用。
未经组件作者或工作人员允许，请勿修改此页的内容。

---

查看源代码

/*＝＝＝＝杂项，以及添加各种字体＝＝＝＝*/
@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");
@import url("https://ah-sandbox.wikidot.com/local--files/theme:neo-liminal/normalize.min.css");
@import url("https://ah-sandbox.wikidot.com/local--files/theme:neo-liminal/black-highlighter.min.css");
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:wght@600&display=swap');
@import url('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/modules/colstyle.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,700;1,300');
@import url('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/fonts/font-bauhaus.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
@import url('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/modules/colstyle.min.css');
/*＝＝＝＝添加 黑色标记笔 Sigma-9 版式＝＝＝＝*/
@import url("http://r-sandbox-cn.wikidot.com/local--files/component:sigma-9/Sigma-9.css");
@import url("https://etinjat.wikidot.com/backrooms:new-bhl-icon/code/1");
@import url("https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/THEME_normalize_min_000.css");
@import url("https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/THEME_BHLnew_minist_000.css");
@import url("https://etinjat.wikidot.com/theme:bhl-base/code/6");
@import url("https://bhl.scpwikicn.com/css/min/normalize.min.css");
@import url("https://bhl.scpwikicn.com/css/min/black-highlighter.min.css");
@import url("https://ah-sandbox.wikidot.com/local--files/theme:neo-liminal/normalize.min.css");
@import url("https://ah-sandbox.wikidot.com/local--files/theme:neo-liminal/black-highlighter.min.css");
@import url('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/modules/colstyle.min.css');
/*＝＝＝＝居中页眉，折叠侧边栏，侧边栏图标修复，底部工具栏图标替换，添加Div＝＝＝＝*/
@import url("http://r-sandbox-cn.wdfiles.com/local--files/component%3Asigma-9/Sigma-9-1.css");
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
/*＝＝＝＝修改根选项，修改版头，各种适配＝＝＝＝*/
@import url("http://r-sandbox-cn.wdfiles.com/local--files/component%3Asigma-9/Sigma-9-2.css");
@import url(https://scp-wiki.wdfiles.com/local--code/component%3Afade-in/1);
@import url("https://scp-wiki.wdfiles.com/local--code/component%3Afade-in/3");
/*＝＝＝＝内置解决无限“saving pages”问题的模块＝＝＝＝*/
body[class="wait"] #odialog-shader-iframe,body[class="wait"] #odialog-shader{display:none!important}#odialog-container{position:fixed!important}body[class="wait"] #odialog-container{z-index:-1}body[class="wait"] #odialog-container #owindow-1{display:none!important}body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info{background-color:rgb(var(--very-light-gray-monochrome,150,150,150));border:1px solid rgb(var(--dark-gray-monochrome,0,0,0))}div#lock-info{font-size:0!important;margin:.8rem 0!important;padding:.4rem .8rem!important}div#lock-info::before{content:'您握有一个独占的15 分钟锁定，这将会阻止其他人编辑您正在作业的页面。\A这个锁定将在闲置 ';display:inline;font-size:.82rem;white-space:pre-wrap}div#lock-info>strong{font-size:.82rem}div#lock-info>br{display:none}div#lock-info::after{content:' 秒后失效。';display:inline;font-size:.82rem}body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::before{content:'保存页面中……\A若此提示已经显示了很长时间，建议将编辑框中的内容复制到剪切板然后刷新本页重新编辑。';display:inline;font-size:.82rem;color:rgb(var(--gray-monochrome,33,33,33));white-space:pre-wrap}body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::after{font-size:0}body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info>strong{font-size:0}body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::after{font-size:0}
/*＝＝＝＝修改根选项＝＝＝＝*/
:root, :root:lang(cn){--header-title:" ";--header-subtitle:" ";--header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);--header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);--topbar-height-on-mobile:2rem;--body-font: 'Roboto Slab', Inter, 'IBM Plex Mono', proxima-nova,  'Noto Sans TC',  'Noto Sans SC', '微软雅黑', '等线', sans-serif;--header-font: 'IBM Plex Mono', 'Noto Sans TC',  'Noto Sans SC', 'Roboto Slab', '微软雅黑', '等线',  sans-serif;--title-font:   'Noto Serif TC', 'Noto Serif SC', '华文中宋', 'Roboto Slab',  monospace;--mono-font: 'IBM Plex Mono', 'Ubuntu Mono', 'Fantasque Sans Mono', 'ZCOOL XiaoWei',  '仿宋', 'LXGW WenKai', 'Noto Serif TC', 'Noto Serif SC', '微软雅黑', '等线', 'Roboto Slab',  monospace;--swatch-headerh2-color :var(--pale-gray); --swatch-headerh1-color :var(--pale-gray);}#container {background-image: none; !important}#side-bar .side-block:first-child div{display: flex;}#side-bar:lang(cn) {grid-template-columns: 0rem 1fr; padding-left: 0;}#side-bar .heading {width: 100%;}
#side-bar .heading .menu-item a:hover:before {transform: translateX(0rem)}#side-bar  div.menu-item a[style*="secondary-color"]{background: var(--gradient-sidemenu-header);text-align: center;}
/*＝＝＝＝以下是组件本体＝＝＝＝*/
/*＝＝＝＝可自定义的标题＝＝＝＝*/
@import url("https://arandintday.github.io/thebackhubscn/banlist.css");
.side-block.media{margin-left: 0 !important;}
#container #header h1 a::before, #container #header h1 a::after {content: var(--new-header-title, "R-Backrooms同人创作分站") ;content: {$header-title} ;}#container #header h2 span::before, #container #header h2 span::after {content: var(--new-header-subtitle, "你什么时候来过这里") ;content: {$header-subtitle} ;}
@media (max-width: 500px) {#container #header h1 a::before, #container #header h1 a::after {content: var(--new-header-title, "R-Backrooms") ;content: {$header-title} ;}}
@media (max-width: 767px) { #container #header h1 a::before {content:{$header-title};content:{$pad-title};  }  #container #header h2 span::before {content:{$header-title};  content:{$pad-subtitle};}#header-extra-div-1::before {background-image:{$logo-image}; background-image: {$logo-image-pad};}}
@media (max-width: 500px) {#container #header h1 a::before {content:{$header-title};content:{$pad-title};content:{$mob-title};}#container #header h2 span::before {content: {$header-subtitle};content:{$pad-subtitle};content: {$mob-subtitle};}#header-extra-div-1::before { background-image:{$logo-image};background-image: {$logo-image-pad};background-image: {$logo-image-mob}; }}
@media (max-width: 500px) {:root{--hdtt-stroke-h1: none; --hdtt-stroke-h2: none;}}
/*＝＝＝＝可自定义的根选项＝＝＝＝*/
root, :root:lang(cn){--white-monochrome:{$white-monochrome};--pale-gray-monochrome: {$pale-gray-monochrome};--light-pale-gray-monochrome: {$light-pale-gray-monochrome};--very-light-gray-monochrome: {$very-light-gray-monochrome};--light-gray-monochrome: {$light-gray-monochrome};--gray-monochrome:{$gray-monochrome};--dark-gray-monochrome:{$dark-gray-monochrome};--bright-accent:{$bright-accent};--black-monochrome: {$black-monochrome};--pale-accent: {$pale-accent};--bright-accent: {$bright-accent};--medium-accent: {$medium-accent};--dark-accent:{$dark-accent};--alt-accent: {$alt-accent};--twitch-icon-color:{$twitch-icon-color};--twitter-icon-color:{$twitter-icon-color};--youtube-icon-color:{$youtube-icon-color};--dark-accent:{$dark-accent};--alt-accent:{$alt-accent};--link-color:{$link-color};--hover-link-color: {$hover-link-color};--visited-link-color:{$visited-link-color};swatch-tertiary-color:{$swatch-tertiary-color};--logo-image:{$logo-image};}

---

注意！正常情况下本组件仅提供了一个可供编辑的黑色标记笔(Sigma-9¹ 风格)版式的空白模版，需要后期编辑添加颜色

这是什么

这是一个将黑色标记笔版式应用于你的作品的组件，本组件由Admini does not match any existing user name参考新旧SCP黑标版式适配后室版式(太一阁)制作，内含暗色侧边栏，居中页眉，切换侧边栏等组件

这个组件将应用一个可供编程的黑色标记笔版式的空白模版，但更新时有可能会出现故障，你可以通过引用这个组件来制作黑色标记笔风格的版式

可以快速引用的基于本组件的黑色标记笔风格版式

---

sigma-9 黑色标记笔

代码如下

[[include component:sigma-9
|white-monochrome=252,252,252
|pale-gray-monochrome=244,244,244
|light-pale-gray-monochrome=252,252,252
|very-light-gray-monochrome=215,215,215
|light-gray-monochrome=160,160,160
|gray-monochrome=66,66,72
|dark-gray-monochrome=48,48,52
|black-monochrome=12,12,12
|pale-accent=210,20,20
|bright-accent=133,0,5
|medium-accent=100,46,44
|dark-accent=100,3,15
|alt-accent=221,102,17
]]

阈限空间 sigma-9风格 黑色标记笔

代码如下

[[include component:sigma-9
|white-monochrome=237, 233, 223
|light-pale-gray-monochrome=252,252,252
|very-light-gray-monochrome=215,215,215
|pale-gray-monochrome=255, 251, 240
|light-gray-monochrome=160,160,160
|gray-monochrome=72, 69, 60
|black-monochrome=12,12,12
|dark-gray-monochrome=25, 20, 16
|black-monochrome=140, 136, 126
|pale-accent=210,20,20
|bright-accent=140, 136, 126
|medium-accent=72, 69, 60
|dark-accent=140, 136, 126
|alt-accent=140, 136, 126
]]

---

使用方法

首先复制以下代码

[[include component:sigma-9
|white-monochrome=
|light-pale-gray-monochrome=
|very-light-gray-monochrome=
|pale-gray-monochrome=
|light-gray-monochrome=
|gray-monochrome=
|black-monochrome=
|dark-gray-monochrome=
|black-monochrome=
|pale-accent=
|bright-accent=
|medium-accent=
|dark-accent=
|alt-accent=
|sidebar-icon-bg=url('xxxxxxx') //选填，填入衬图图片地址
|sidebar-icon-color= xxxx //选填，填入颜色代码
]]

随后把空白处换成A,B,C格式的颜色代码，如果需要更改版头文字，则可以使用以下代码

[[include component:sigma-9
|header-title="版头大标题文本"
|header-subtitle="版头次标题文本"
|mob-title="手机下的版头大标题文本"
|mob-subtitle="手机下版头次标题文本"
]]
注意：如果你是在R分外使用本组件，请将“ [[include component:sigma-9”换成
[[include :r-sandbox-cn:component:sigma-9

---

作者：Admini does not match any existing user name

Footnotes

1. 这主要是因为版头背景是Sigma-9的原因