版式：后室幸存者联盟

该版式由 Pytho 创作，并由 my name is MX 更新。

若要在您的页面使用该主题，可在您页面中的任何地方插入以下代码：

[[include :backrooms-wiki-cn:theme:cbs-theme]]

示例

KVZ 标志

连续输入 5 个连字符“-----”可以创建一条水平线，且它可以横贯整个页面（除非放在引用块内）。本文档中用于分隔各小节的横线如下所示：

---

可以在行首输入 1 至 6 个加号“+”来创建标题。

+ 标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

分页

假装这里有一段 Lorum Ipsum 之类的测试文本。

更多分页

你看这里还有文本。

意不意外？

长分页

这是一个长分页，里面有超多文本。

这是一个长分页，里面有超多文本。

这是一个长分页，里面有超多文本。

这是一个长分页，里面有超多文本。

这是一个长分页，里面有超多文本。

这是一个长分页，里面有超多文本。

这是一个长分页，里面有超多文本。

这是一个长分页，里面有超多文本。

这是一个长分页，里面有超多文本。

这是一个长分页，里面有超多文本。

这是一个长分页，里面有超多文本。

这是一个长分页，里面有超多文本。

空分页

空分页

空分页

空分页

空分页

空分页

草 www

这是个引用块，它是通过在每一行的行首输入“> ”来创建的。

更多文本

---

这就是水平线

块中块¹

这是个	表格
你一定	已经知道
怎么做它了吧

---

脚²
这儿有
一些文本
于是你
可以看到
它们在不同
格式以及
其他情况^下
都是_啥样儿的
包括不存在的链接
以及存在的链接！

---

[[div class="darkblock"]]

[[/div]]

[[div class="grayblock"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="blackblock"]]

[[/div]]

[[div class="slateblock"]]

[[/div]]

[[div class="transparentblock"]]

[[/div]]

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

[[/div]]

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

[[/div]]

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

[[/div]]

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

[[/div]]

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

[[/div]]

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

[[/div]]

---

+ 版式代码

@import url('https://fontlibrary.org/face/fantasque-sans-mono');
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal";
   --theme-name: "Liminal Theme";
 
   --logo-image: url("https://ru-backrooms-wiki.wikidot.com/local--files/theme:cbs-theme/pochemu.png");
   --header-title: "KVZ 数据库";
   --header-subtitle: "大千世界是一座剧场，而我们隐于它的幕后。";
 
   --body-font: 'Noto Sans SC', 'Inter', sans-serif;
   --header-font: 'Fantasque Sans Mono', 'Noto Sans SC', 'Inter', sans-serif;
   --title-font: 'Fantasque Sans Mono', 'Noto Sans SC', 'Inter', sans-serif;
   --mono-font: 'Fantasque Sans Mono', 'Noto Serif SC', 'Inter', monospace;
 
   --black: 0, 0, 0;
   --white: 245, 245, 245;
   --gainsboro: 220, 220, 220;
   --silver: 192, 192, 192;
   --snow: 255, 250, 250;
   --darkslate: 47, 79, 79;
   --darkgray: 169, 169, 169;
   --dimgray: 105, 105, 105;
   --slategray: 112, 128, 144;
 
   --swatch-topmenu-border-color: var(--black);
 
   --link-color: 230, 23, 68;
   --hover-link-color: 230, 23, 68;
 
   --white-monochrome: var(--white);
   --pale-gray-monochrome: var(--gainsboro);
   --gray-monochrome: var(--black);
   --medium-accent: var(--black);
   --dark-accent: var(--silver);
   --pale-accent: var(--silver);
   --light-gray-monochrome: var(--gainsboro);
   --black-monochrome: var(--black);
   --bright-accent: var(--silver);
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--black)) 0%,
      rgba(var(--black), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
 
   /* Primary Theme Colors */
    --swatch-background: var(--white);
    --swatch-primary: var(--darkgray);
    --swatch-primary-darker: var(--dimgray);
    --swatch-primary-darkest: var(--black);
    /* Primary Text Colors */
    --barColour: var(--white);
    --linkColour: var(--dimgray);
  /* Primary Menu Colors */
    --swatch-menubg-color: var(--white);
    --swatch-menubg-light-color: var(--gainsboro);
    --swatch-menubg-medium-color: var(--silver);
    --swatch-menubg-medium-dark-color: var(--dimgray);
    --swatch-menubg-dark-color: var(--darkslate);
    --swatch-menubg-black-color: var(--dimgray);
    --swatch-menubg-hover-color: var(--dimgray);
    --swatch-menutxt-dark-color: var(--dimgray);
    --swatch-menutxt-light-color: var(--white);
    --swatch-border-color: var(--white);
 
    /* Link Colors */
    --link-color: var(--darkslate);
    --visited-link-color: var(--dimgray);
    --hover-link-color: var(--darkgray);
    --newpage-color: var(--slategray);
    --sidebar-links-text: var(--black);
    --link-color-bright: var(--darkgray);
 
   /* CN Compatibility Fixes by Lupus Caeruleus */
 
    --swatch-border-color: var(--black);
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--black)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
/* fix sidebar scrollbar color */
#side-bar:hover, #side-bar:active, #side-bar:focus-within {
    scrollbar-color: unset !important;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > 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: -10px;
   background-image: var(--logo-image);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.7;
}
 
#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;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--gainsboro));
   border-left: 0.5rem solid rgba(var(--silver));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--silver));
   border-left: 0.5rem solid rgba(var(--gainsboro));
   color:rgb(var(--snow));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote a{
color: rgb(var(--darkgray));
}
 
.light-styled-quote {
   background-color:rgb(var(--snow));
   border-left: 0.5rem solid rgba(var(--black));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.black-styled-quote {
   background-color:rgb(var(--black));
   border-left: 0.5rem solid rgba(var(--snow));
   color:rgb(var(--snow));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.black-styled-quote a{
color: rgb(var(--darkgray));
}
 
.slate-styled-quote {
   background-color:rgb(var(--silver));
   border-left: 0.5rem solid rgba(var(--darkslate));
   color:rgb(var(--snow));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-slate-styled-quote {
   background-color:rgb(var(--darkslate));
   border-left: 0.5rem solid rgba(var(--silver));
   color:rgb(var(--snow));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-slate-styled-quote a{
color: rgb(var(--darkgray));
}
 
.lightblock {
   background-color:rgb(var(--snow));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.grayblock {
   background-color:rgb(var(--gainsboro));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--silver));
   color:rgb(var(--snow));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.25);
}
 
.darkblock a {
color: rgb(var(--darkgray));
}
 
.blackblock {
   background-color:rgb(var(--black));
   color:rgb(var(--snow));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.25);
}
 
.blackblock a {
color: rgb(var(--darkgray));
}
 
.slateblock {
   background-color:rgb(var(--darkslate));
   color:rgb(var(--snow));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,.25);
}
 
.slateblock a {
color: rgb(var(--darkgray));
}
 
.transparentblock {
   background-color: rgba(var(--darkgray), 0.4);
   border: 1px solid rgb(var(--black));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.page-rate-widget-box {
     box-shadow: 0px 0px 0px 2px rgb(var(--darkslate));
     background: rgb(var(--silver));
     padding: .1em;
}
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: rgb(var(--black));
    -webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 rgb(var(--white));
    box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(var(--white));
}
 
/* Unselected Tab Values */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--darkgray));
    color: rgb(var(--black));
}
 
/* Tab Hover Values */
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: rgb(var(--dimgray));
    color: rgb(var(--white)) !important;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--darkgray));
    -webkit-box-shadow: 0 0 0 0.0625rem rgb(var(--black));
    box-shadow: 0 0 0 0.0625rem rgb(var(--black));
}
 
/* Selected Tab */
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav .selected:hover,
.yui-navset .yui-navset-top .yui-nav .selected:hover {
    color: rgb(var(--darkslate));
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    color: rgb(var(--darkslate));
}
 
.yui-navset .yui-nav .selected a {
    /* Undoes a color set by wikidot's default layout */
    color: rgb(252, 252, 252) !important;
}
 
.yui-navset .yui-content {
    background-color: rgb(var(--gainsboro));
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: rgb(var(--black));
}
 
.yui-navset-left .yui-content {
    border-left-color: rgb(var(--black));
}
/* Selected tab top colour */
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
        background-color: rgb(var(--darkgray));
        color: #000000;
}
 
div.blockquote, blockquote {
    background-color: rgba(var(--darkgray), 0.4);
    color: rgb(var(--black));
    border: 1px solid rgb(var(--black));
}
 
table.wiki-content-table {
        background-color: rgba(var(--darkgray), 0.4);
        color: rgb(var(--black));
        border: 1px solid rgb(var(--black));
        box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
table.wiki-content-table th {
        background-color: rgb(var(--black));
        color: rgb(var(--white));
        border: 1px solid rgb(var(--black));
        font-weight: 700;
}
 
.footnotes-footer {
    background-color: rgba(var(--darkgray), 0.4);
    color: rgb(var(--black));
    border: 1px solid rgb(var(--black));
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
a.footnote-footer {
    color: rgb(var(--darkslate)) !important;
}
 
.footnote-footer>a:first-of-type {
    color: rgb(var(--darkslate)) !important;
}
 
.code {
    background-color: rgba(var(--darkgray), 0.4);
    color: rgb(var(--black));
    border: 1px solid rgb(var(--black));
}

---

原译者：irisluscinia、Cambrian White
现译者：Lupus Caeruleus
对应原文页面版本 147

脚注

1. 超棒，对吧？

2. 注