版式 - 第〇后室

这是The Backrooms-ZR维基参考 中文主站主题版式 制作的默认主题版式。

使用以下代码引用此版式：

[[include :il-sandbox:theme:back-zero]]

版式示例

水平线

咱这里四个连字符"----"就能做水平线了¹(OvO)
你说咋贯穿整页？你把旁边目录折叠了再看看

---

标题

至于标题，下面点了就能看到

上面那句说的就是我

我是一级标题(OwO)

我是二级标题(OAO)

我是三级标题(O-o)

我寻思不用说了(O︿O)²

我咋比标准文本还小啊(Oдo)³

我都没说啥你个五级抱怨啥(°л°)⁴

……反正就这样(ｰ ｰ;)⁵

---

坏了这个叫啥

我是第一项

等下我台词忘了(~_~;)⁶

我是第二项

Alex：各位对于我们所处的地方有头绪吗？
Bob：我不到啊
Cathy：我们貌似在一个分页里⁷
David：我们想的咋全自动生成文字了！？
Eve：MEG呢？救一下啊！
Frank：ZR层群我们不应该找BZG吗
Glen：这算不算一个新现象？
Henry：我再也不用传送器了⁸
Ivan：事已至此，先吃饭吧
Jack：棍母⁹
Kevin：前面倒是说话呀
Liam：我丝之歌还没打完啊！
Michael：Liam……Heal Liam……Helium！
Noah：化学学魔怔了
Oliver：oof
Patrick：这年头真是稀奇，颜色都能留言
Ryan：神特码橄榄绿
Steve：/gamemode creative
Tom：AHHHH
Ulysses：咋还有猫在叫的？
Vincent：等下原来这么多人吗？？
William：实在不知道说啥，就冒个泡吧
Xavier：William你也是会凑字数的
Yolo：感谢姓W的，咱三个都有话说了
Zeroyce¹⁰：差不多了，反正内容已经很多了

我不知道这一项名字咋凑长，但现在确实挺长了

你在期待什么？

我是空的

我是空的

我是空的

我是空的

我是空的

never gonna give you up～

---

引用块

引用块都熟悉吧？不熟？
…彳亍吧，在一行字起始处加个">"就获得了引用块
自动合并吗？有意思

---

水平线禁止走出舒适圈

我就是个套娃-=(>w<)

---

图片和文字样式

BZG图标，我们ZR层群最严厉的父亲（

为什么图片我要单列一个
主要原因就是我只能想到放在这里
并且这样我还可以测试图片在部分情况（如这一句过长）下会不会发生冲突
不过答案显而易见了¹¹
不会发生冲突

这样我就可以放松去写那些得看好几十遍¹²甚至一堆脚注¹³必须让人点击¹⁴或者拖动鼠标¹⁵¹⁶的混杂一些真正存在的链接或者语法错误or已经被删了的链接并且因为句子过长导致可能有些词被换行拆开导致急哭读者的长难句了¹⁷
哦对了
粗体字你见过吧
那么下划线你应该也挺熟悉
这字去了披萨比萨斜塔后就矫正不过来了
zhe ju zi shi deng kuan de¹⁸
这句只是草稿，写完后立马删了¹⁹
E=mc²
HCl+NaOH==H₂O+NaCl²⁰
这句刚从Level C-5旅游回来

---

表格和列表

就是	一个	表格	(°w°)
笑点解析请看第三行
第二行	把第一行样式抢了
我是	第四行	我举报	第二行21
我是第五行，我和第六行同居了 骗你的，我还是第五行，只是买夹层了

• 我是无序的
  • 我缩进了一次
    • 我又多缩进了一次

1. 这下有序了
2. 我就跟着上面这位
   1. 更有序了
   2. 我有序貌似没用了

---

自定义Div块

> blockquote
[[div class="blockquote"]]

[[code]]
[[div class="code"]]

[[div class="styled-quote"]]

[[div class="dark-styled-quote"]]

[[div class="lightblock"]]

[[div class="darkblock"]]

[[div class="logoblock"]]

Zeroyce这家伙做的

+ 代码

/*
   Back-zero Theme
   Edit by [Liminal Theme]
   [2026 Wikidot Theme]
   by [Lynch] & [Etoile]
   Edited by [Lambda Core] & [irisluscinia] & [hoah2333] & [Ambersight]
   ZR-Edited by [Zeroyce]
*/
@charset "UTF-8";
@import url("https://github.backroomswiki.cn/Old_BHL/css/normalize.css");
@import url("https://github.backroomswiki.cn/Old_BHL/css/black-highlighter.css");
@import url("https://github.backroomswiki.cn/New_BHL/css/banlist.css");
@import url("https://github.backroomswiki.cn/New_BHL/css/forum.css");
@import url("https://github.backroomswiki.cn/stickers/css/stickers.css");
@import url("https://github.backroomswiki.cn/Old_BHL/css/sidebar.css");
 
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@100;300;400;500;700;900&display=swap');
 
@import url("https://fastly.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/modules/colstyle.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
 
:root {
    --theme-base: "black-highlighter";
    --theme-id: "liminal";
    --theme-name: "Liminal Theme";
    --logo-image: url("http://backrooms-zr-wiki.wikidot.com/local--files/start/wt-logo");
    --header-title: "The Backrooms-ZR";
    --header-subtitle: "我们终将离开这里";
    --body-font: Inter, "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
    --header-font: Inter, "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
    --title-font: var(--header-font);
    --mono-font: Recursive, "Noto Serif SC", "Noto Serif TC", Consolas, monaco, monospace;
    --white-monochrome: 211, 218, 235;
    --pale-gray-monochrome: 240, 241, 255;
    --light-gray-monochrome: 160, 160, 160;
    --gray-monochrome: 37, 43, 62;
    --black-monochrome: 13, 13, 39;
    --bright-accent: 101, 113, 141;
    --medium-accent: 47, 56, 106;
    --dark-accent: 89, 96, 137;
    --pale-accent: 100, 114, 141
    --swatch-topmenu-border-color: var(--medium-accent);
    --link-color: 23, 130, 230;
    --hover-link-color: 0, 59, 187;
    --visited-link-color: 12, 39, 114;
    --background-gradient-distance: 0rem;
    --gradient-header: linear-gradient(to top,
            rgba(var(--medium-accent)) 0%,
            rgba(var(--medium-accent), 0.90) 100%);
    --diagonal-stripes: linear-gradient(transparent 0);
    --rename-option: "记着：用户可以重命名/移动自己造的页面，但谨慎使用（最好仅在写错名称时使用）。只有职员允许删除页面，包括你自己的。若需自删，页面名称前面加 deleted: 就行，职员会追踪核查的。";
}
#skrollr-body {
    background-image: radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
    background-repeat: repeat;
    background-size: 0.25em 0.25em;
    width: 100%;
    height: 7.5rem;
}
 
#container {
    background-image: radial-gradient(circle, transparent 50%, transparent 0);
    background-size: 0.25em 0.25em;
    background-repeat: repeat;
    background-attachment: fixed;
}
 
div#page-options-bottom > a,
div#page-options-bottom-2 > a {
    border-radius: 0em;
}
div#page-options-bottom > a, div#page-options-bottom > a:active, div#page-options-bottom > a:hover,
div#page-options-bottom-2 > a,
div#page-options-bottom-2 > a:active,
div#page-options-bottom-2 > a:hover {
    border: none;
}
 
#header,
#top-bar {
    background-attachment: scroll;
}
 
#header {
    background-image: none;
}
#header::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-image: var(--logo-image);
    background-size: auto 16rem;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4;
}
#header h1,
#header h1 a {
    position: absolute;
    top: 1rem;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 0;
}
#header h2,
#header h2 span,
#header h2 span::before {
    position: absolute;
    top: 2rem;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
 
#side-bar {
    direction: rtl;
    padding-left: 0;
    top: 0;
}
#side-bar div.side-block {
    direction: ltr;
    border-right: var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color), 0.08);
}
#side-bar div.side-block,
#side-bar div.side-block .heading {
    margin-top: 0;
}
#side-bar div.side-block div.menu-item, #side-bar div.side-block div.menu-item > p {
    display: flex;
    flex-shrink: 0;
    flex-basis: 100%;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    padding: 0;
    box-shadow: inset 0 calc(var(--sidebar-internal-border-thickness) * -1) 0 0 rgba(var(--sidebar-border-color));
    font-size: 0;
}
#side-bar div.side-block div.menu-item a {
    justify-content: flex-start;
    padding: 0 0 0 calc(var(--base-font-size) * 0.9333333333);
}
#side-bar div.side-block div.menu-item a::before {
    left: 0;
    transform: translateX(-100%);
    width: calc(100% + 6rem);
}
#side-bar div.side-block div.menu-item a:not(a:first-child) {
    border-left: var(--sidebar-internal-border-thickness) solid rgba(var(--swatch-border-color), 0.08);
}
#side-bar div.side-block div.menu-item a img {
    filter: grayscale(100%);
}
#side-bar div.side-block div.menu-item.small a {
    justify-content: center;
    width: auto;
    padding: 0 0.25em;
    text-indent: 0;
    white-space: nowrap;
}
#side-bar div.side-block div.menu-item > :last-child {
    flex-grow: 2;
}
@media only screen and (max-width: 768px) {
    #side-bar {
        left: calc(var(--sidebar-width-on-mobile) * -1);
    }
    #side-bar:target, #skrollr-body:target #side-bar {
        left: -0.5rem;
    }
    #side-bar .heading p,
    #side-bar .side-block > .collapsible-block .collapsible-block-link {
        letter-spacing: 0.016em;
    }
    #side-bar:target .close-menu, #skrollr-body:target #side-bar .close-menu {
        margin-left: calc(var(--sidebar-width-on-mobile) - 0.5rem);
        width: calc(100% - var(--sidebar-width-on-mobile) + 0.5rem);
    }
}
 
div.scpnet-interwiki-wrapper {
    margin: 0;
    width: auto;
}
#side-bar div.scpnet-interwiki-wrapper {
    min-height: 220px;
    transform: translate(0, 0);
}
@media only screen and (max-width: 768px) {
    #side-bar div.scpnet-interwiki-wrapper {
        width: calc(var(--sidebar-width-on-mobile) - 0.5rem);
        max-width: calc(80vw + var(--base-font-size) * 0.5);
    }
}
@media only screen and (min-width: 768px) {
    div.scpnet-interwiki-wrapper {
        width: 100%;
    }
}
 
/* Message on Delete/Rename/Move */
#rename-option-rename::before,
#rename-option-delete::before {
    content: var(--rename-option);
    color: rgb(211, 54, 120);
    display: block;
}
 
/* Non SavingPage 黑标版 */
iframe#odialog-shader-iframe {
    display: none;
}
 
div#odialog-shader.odialog-shader {
    display: block;
    position: fixed;
    z-index: 40;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: rgba(var(--swatch-menubg-black-color), 0.5);
    pointer-events: none;
    inset: 0 0 auto auto;
}
 
iframe.scpnet-interwiki-frame {
    border: inherit;
    width: 100%;
    height: 220px;
}
 
a.newpage {
    background: transparent;
    text-decoration: none;
    color: rgb(var(--newpage-color));
}
 
blockquote {
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
 
.styled-quote {
    background-color: rgb(var(--pale-gray-monochrome));
    border-left: 0.5rem solid rgba(var(--gray-monochrome));
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
 
.dark-styled-quote {
    background-color: rgb(var(--gray-monochrome));
    border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
    color: rgb(var(--white-monochrome));
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
.dark-styled-quote a {
    color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
    background-color: rgb(var(--pale-gray-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
 
.darkblock {
    background-color: rgb(var(--gray-monochrome));
    color: rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
.darkblock a {
    color: rgb(var(--swatch-menubg-medium-color));
}
 
/* Content Warning */
#page-content div#u-adult-warning {
    width: fit-content;
    margin: 0 auto 1.25rem;
    padding: 0.5rem 1rem;
    border: 3px solid #333;
    background: #e4e4e4;
    color: #333;
    text-align: center;
    font-weight: bold;
}
#page-content div#u-adult-warning > div#u-adult-header {
    font-size: 300%;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    color: #901;
}
#page-content div#u-adult-warning p {
    margin: 0;
}
#page-content div#u-adult-warning > .error-block {
    color: unset;
    padding: unset;
    margin: unset;
    border: unset;
    margin-bottom: 1em;
}
 
/* 去除用户信息中头像白边 */
#odialog-container .owindow > div.modal-body > img[style*="padding: 2px 8px;"]:first-child {
    background-color: initial !important;
}
 
/* Message on Delete/Rename/Move */
#rename-option-rename::before,
#rename-option-delete::before {
    content: var(--rename-option);
    color: red;
    display: block;
}
 
/* 搜索框修改 */
#search-top-box-input {
    display: none;
}
 
@media only screen and (max-width: 768px) {
    #search-top-box:not(:focus-within)::before {
        top: calc(var(--header-height-on-mobile) / 2 + 0.5em);
    }
}
/* Footer */
#footer,
#footer a {
    color: rgb(var(--white-monochrome));
}
 
/* Image Block */
.scp-image-block {
    min-width: 30%;
}
 
/* License Box */
#page-content .licensebox .collapsible-block-link {
    margin-left: 0.25em;
    padding: 0.25em;
    font-weight: 700;
    opacity: 0.5;
    color: rgb(var(--gray-monochrome));
    transition: opacity 0.5s ease-in-out;
}
#page-content .licensebox .collapsible-block-link:hover {
    opacity: 1;
}
 
/* Others */
.printuser a:nth-last-child(1)::after {
    margin-inline: 0.4em;
    padding: 0.2em;
    font-size: 0.8em;
    color: white;
    font-weight: 700;
    border-radius: 0.4em;
}
.printuser a[href*="zeroyce"]:nth-last-child(1)::after {
    content: "管理员 / 站长";
    background: linear-gradient(#0C5FBD 0, rgb(var(--visited-link-color)) 100%);
}
.printuser a[href*="banttx"]:nth-last-child(1)::after {
    content: "管理员 / PIN站长";
    background: linear-gradient(#0C5FBD 0, rgb(0, 129, 179) 100%);
}
.printuser a[href*="kamikingalpha"]:nth-last-child(1)::after {
    content: "管理员";
    background: #0C5FBD;
}
.printuser a[href*="moxuzi"]:nth-last-child(1)::after {
    content: "版主 / E分站长";
    background: linear-gradient(#8451AC 0, #EF2311 100%);
}
.printuser a[href*="teto-pear"]:nth-last-child(1)::after {
    content: "版主 / Zreo分站长";
    background: linear-gradient(#8451AC 0, rgb(72, 69, 60) 100%);
}
.printuser a:is([href*="forestcom"],[href*="qiongqi129"]):nth-last-child(1)::after {
    content: "版主";
    background: #8451AC;
}
.printuser a[href*="mex-cm"]:nth-last-child(1)::after {
    content: "ZT分站长";
    background: rgb(72, 69, 60);
}
 
blockquote, .blockquote {
    border: 2px solid rgb(var(--medium-accent));
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
    background-color: rgb(var(--pale-gray-monochrome));
}
 
.code {
    border: 2px solid rgb(var(--dark-accent));
    border-left: 0.5rem solid rgb(var(--dark-accent));
}
 
.styled-quote {
    background-color: rgb(var(--pale-gray-monochrome));
    border-left: 0.5rem solid rgba(var(--gray-monochrome));
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
 
.dark-styled-quote {
    background-color: rgb(var(--medium-accent));
    border-left: 0.5rem solid #000000;
    color: rgb(var(--white-monochrome));
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
.dark-styled-quote a {
    color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
    background-color: rgb(var(--pale-gray-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
 
.darkblock {
    background-color: rgb(var(--medium-accent));
    color: rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(var(--black-monochrome), 0.25);
}
.darkblock a {
    color: rgb(var(--swatch-menubg-medium-color));
}
 
.logoblock {
    padding: 0.01rem 1rem;
    color: rgb(var(--white-monochrome));
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--medium-accent));
}
.logoblock:after {
    content: "";
    float: center;
    border: solid 2px rgb(var(--black-monochrome));
    background: url(https://backrooms-zr-wiki.wikidot.com/local--files/theme:back-zero/bzg-ib) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

脚注

1. 虽然还是建议用五个连字符"-----"（

2. 不按台词说，待会扣工资

3. 这个也扣

4. 咋吵起来了？

5. 这个不是标题

6. 看样子我得裁员了

7. 哦原来这叫分页啊

8. 不是咋还有个火柴人

9. 这是咋做到一片空白占四字符的？

10. 以身入局这一块

11. 至少按我窗口宽度知道了

12. 几十遍，那很难受了

13. 还真是一堆

14. 屏幕操作

15. 键鼠操作

16. 我非要分这么细吗？

17. 比如这个

18. 等我调下输入法

19. 审核组你工作不想要了！？

20. 吓哭了，都放假了还在追我

21. 你干的好啊（赞赏）