版式：酸奶

该版式由 scutoid studios 与 VivamusLudio 制作，由 hoah2333 进行修改，基于 stephlynch 与 etoisle 制作的阈限版式。

本版式是英站所有页面的默认版式，因此在英站将无需将其引入至页面内。

在中站内，使用以下代码引用本版式：

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

特别地，使用以下代码引用本版式的无折叠侧边栏版本：

[[include :backrooms-wiki-cn:theme:nuliminal no-sidebar=--]]

示例

这是 Image Block 组件。

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

---

标题可通过在一行字起始处输入 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

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

更多文字

---

一条分割线

嵌套引用块

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

[[div class="darkblock"]]

[[/div]]

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

[[/div]]

[[div class="lightblock"]]

[[/div]]

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

[[/div]]

[[div class="meta-title"]]

---

+ 版式代码

这里是在站内运行的全部版式代码，但除了有一点，站内版式页面同样也引用了用户识别组件页面，以使得职员拥有花里胡哨的名字。这段代码没有被引入到此处，使得其可以被其它分部引入，这样它们也可以让自己的职员被高亮起来。

译注：此处所有代码均为英站正在使用的代码。若需查看中站代码，请访问我们的 Github 页面。

/* Remove Default Wikidot Styles (UPDATE REGULARLY FROM GITHUB) */
@import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/nulim-norm.min.css");
 
/* Base BHL Theme (UPDATE REGULARLY FROM GITHUB) */
@import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/nulim-bhl.min.css");
 
/* Fantasque Sans Mono Font */
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
 
/* Lato Font */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
 
/* Collapsible Sidebar */
@import url("https://backrooms-wiki.wikidot.com/component:sidebar-theme/code/1");
 
/* Fancy Forums */
@import url("https://backrooms-wiki.wikidot.com/component:forum-theme/code/1");
 
/* Root Variables: When making a new theme, see: https://github.com/Nu-SCPTheme/Black-Highlighter/blob/master/src/css/root.css */
 
:root {
    /* S-CSS-P */
    --theme-base: "black-highlighter";
    --theme-id: "nuliminal";
    --theme-name: "NuLiminal Theme";
 
    /* Header */
    --logo-image: url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/pridelogo.png");
    --header-title: "The Backrooms";
    --header-subtitle: "You've been here before.";
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    /* Typefaces */
    --body-font: 'Lato', Inter, Verdana, Geneva, "Helvetica Neue", "Helvetica", sans-serif;
    --UI-font: 'Lato', Arial, PTRootUI, -apple-system, system-ui, BlinkMacSystemFont,
        "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue",
        sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --header-font: 'Fantasque Sans Mono', Courier New, Ubuntu Mono, Consolas, monospace;
    --title-font: var(--header-font);
    --mono-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace;
 
    /* Colors */
    --white-monochrome: 252, 252, 252; /* ALTERED */
    --pale-gray-monochrome: 237, 233, 223; /* ALTERED */
    --light-pale-gray-monochrome: 237, 233, 223;
    --very-light-gray-monochrome: 220, 215, 210;
    --light-gray-monochrome: 165, 160, 155;
    --gray-monochrome: 72, 69, 60;
    --dark-gray-monochrome: 64, 63, 52;
    --black-monochrome: 25, 20, 16;
    --pale-accent: 230, 23, 68;
    --bright-accent: 140, 136, 126;
    --medium-accent: 72, 69, 60;
    --dark-accent: 140, 136, 126;
    --alt-accent: 221, 102, 17;
 
    /* Liminal Variables */
    --header-text-shadow: 0px 2px 3px rgba(0,0,0,0.8);
    --header-text-shadow-hover: 0px 5px 3px rgba(0,0,0,0.3);
    --quote-shadow: 0 2px 4px rgba(var(--black-monochrome),0.25);
    --footer-message: var(--header-subtitle);
 
    --swatch-sidebar-collapsible-tab-bg: var(--swatch-primary);
 
   /* MOST THEMES SHOULDN'T CHANGE THIS: makes editing consistent across themes, adds programing ligatures */
    --editor-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace;
 
    /* Swatches */
    --swatch-secondary-color: var(--white-monochrome);
    --swatch-menubg-color: var(--white-monochrome);
    --rating-module-bg-color: var(--swatch-menubg-color);
 
   --toc-body-bg-color: var(--white-monochrome);
 
    --gradient-header: linear-gradient(to top,
        rgba(var(--medium-accent)) 0%,
        rgba(var(--medium-accent), 0.90) 100%
    );
 
    --diagonal-stripes: transparent;
    --background-gradient-distance: 0;
    --scrollbar-width: 0.7rem;
    --swatch-background: var(--pale-gray-monochrome);
    --swatch-topmenu-border-color: var(--medium-accent);
 
     --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
     --body-width-on-desktop: 45.75rem;
}
 
/* Overflow Fix */
:root {
    width: 100vw;
    overflow-x: hidden;
}
 
/* Dots */
    /* Header Dots */
    #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;
    }
 
    /* Content Dots */
    #container {
        background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
        background-size: 0.25em 0.25em;
        background-repeat: repeat;
        background-attachment: fixed;
    }
 
/* container wrap bug */
 
#container, #container-wrap, #container-wrap-wrap {
   width: 100vw;
}
 
/* Header Image */
#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 Text */
#header h1 { width: 100%; }
 
#header h1 a, #header h1 a:before {
    width: fit-content;
    transition: 0.2s;
    position: relative;
    bottom: 0;
    color: rgb(var(--swatch-headerh1-color));
}
 
#header h1 a:hover:before {
    text-shadow: var(--header-text-shadow-hover);
    bottom: 3px;
}
 
#header h1, #header h1 a {
    position: absolute;
    top: 1rem;
    margin: 0;
    display: flex;
    justify-content: center;
    z-index: 0;
    height: 1.5rem;
}
 
#header h2, #header h2 span, #header h2 span::before {
    position: absolute;
    top: 1.85rem;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: bold;
}
 
#header h2 span::before { color: rgb(var(--swatch-headerh2-color)); }
 
#header h1 a::before, #header h2 span::before {
    text-shadow: var(--header-text-shadow);
}
 
/* Div Boxes */
.darkblock {
    color: rgb(var(--white-monochrome));
    background: rgb(var(--dark-gray-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
 
.lightblock {
    color: rgb(var(--black-monochrome));
    background: rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
 
/* Div Quotes */
.blockquote, [class*=blockquote], blockquote, div.blockquote {
    box-shadow: var(--quote-shadow);
    margin-top: 0.5em; margin-bottom: 0.5em;
}
 
.styled-quote {
    color: rgb(var(--black-monochrome));
    background: rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border-left: solid 6px rgb(var(--dark-gray-monochrome));
}
 
.dark-styled-quote {
    color: rgb(var(--white-monochrome));
    background: rgb(var(--gray-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border-left: solid 6px rgb(var(--dark-gray-monochrome));
}
 
/* Headings */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0.5em;
    margin-left: 0;
}
 
/* Table of Contents */
#page-content #toc {
    --toc-header-bg-color: var(--gray-monochrome);
    --toc-body-bg-color: var(--pale-gray-monochrome);
}
 
/* Table */
#page-content table {
    box-shadow: var(--quote-shadow);
}
 
/* Max-Width Fix */
img, embed, video, object, iframe, table, dark#page-content div, #page-content div table {
    max-width: 100%;
}
 
div#footer:after {
    content: var(--footer-message);
    border-left: solid 1px;
    padding-left: 0.5em;
    height: 1.4em;
    display: inline-flex;
    align-items: center;
    margin-left: 0.3em;
}
 
/* Horizontal Rule Fix */
hr {
    clear: none;
    display: flex;
}
 
.bibitems .bibitem:after, .footnotes-footer a[href*=javascript]:before {
    right: -20%;
    width: 140%;
}
 
/* Tab Gap */
.yui-navset .yui-nav {
    background: rgb(var(--tabs-bottom-border-color));
    column-gap: 4px;
}
 
.yui-navset {
    margin-top: 1rem;
}
 
/* Collapsible Sidebar */
/* Most of the code for the collapsible sidebar is imported. */
#main-content::after {
    height: 13rem;
    border-radius: 0 0.6rem 0.6rem 0;
    background-color: rgb(var(--swatch-sidebar-collapsible-tab-bg));
    top: calc(50vh - 6.5rem);
    background-image: url("http://nuliminal-test.wikidot.com/local--files/component:theme/sidebar-arrows.svg");
}
 
/* Page Title */
 
#page-title, .meta-title {
    margin-bottom: 0.5em;
}
 
/* printuser */
span.printuser img.small {
   transition: 0.5s;
   transition-timing-function: cubic-bezier (0,1,1,0);
}
 
span.printuser img.small:hover {
   transform: scale(2);
   transition-delay: 0.5s;
}
 
#avatar-hover-container {
   display: none;
}
 
/* Buttons */
div[id*=page-options-bottom]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn {
    padding: 3px;
    box-shadow: none;
    flex-basis: 7rem;
}
 
div[id*=page-options-bottom]>a:after {
    content: none;
}
 
/* Stop the unordered lists being in line with the text, this breaks SD banners! */
 
ul {
    padding-inline-start: 2.5rem;
}
 
/* Template options text fix */
form#edit-page-form #page-templates option, form#edit-post-form #page-templates option, form#new-post-form #page-templates option, form#new-thread-form #page-templates option {
    color: rgb(var(--swatch-menutxt-dark-color));
}
 
/* Message on Delete/Rename/Move */
 
#rename-option-rename::before, #rename-option-delete::before {
    content: "Reminder: Backrooms Wiki users can rename/move pages they own, but use this responsibly (preferably only if there is an error with the name). Only staff are allowed to delete pages, even your own pages: ask Backrooms Wiki staff and we will help you!";
    color: red;
    display: block;
    margin-top: 1rem;
}
 
/* MOBILE */
 
#page-content {
    max-width: var(--body-width-on-desktop);
}
 
@media only screen and (max-width: 56.25rem) {
#page-content {
    max-width: var(--body-width-on-mobile);
}
}
 
.scp-image-caption { width: unset !important; }
 
/* Fix Images */
 
.image-container.floatright {
   float: right;
   margin-left: 0.7em;
}
 
/* Fix Modals */
 
#odialog-container .content > h1 ~ table, #odialog-container .modal-body > h1 ~ table {
    grid-auto-rows: auto;
}
 
/* Editor Font */
 
#edit-page-textarea {
    font-family: var(--editor-font);
}

• 

  close

  著作信息

  ---

  X

  酸奶（YOGURT）
  作者：Ambersight

  发表于后室中文维基。

  这是评分信息组件（credit:start）的预览。

  ---

酸奶版式是 Ambersight 基于新阈限版式制作的美学版式，不与任何团体、设定、文章系列挂钩。

若需使用本版式，请在所需使用的文章开头加上以下代码：

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

---

示例

地狱。

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

因为分割线碰到图片框会很丑，所以作者在这里无耻地加了一个清除浮动的语法。使用“~~~~”来清除浮动，可以有效避免图片框跑到 div 外面的问题。

---

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

折叠（标题示例）

这里还有一行文本。

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

示例1

正常文字 | Body Font
粗体字 | Bold Font
斜体字 | Italics
下划线 | Underline
删除线 | Strikethrough
等宽字 | Mono Font
^{上标 | Superscript}
_{下标 | Subscript}
脚注¹ | Footnote²
正常链接
不存在的链接
访问过的链接

示例2

• 这是一个
• 无序列表
  • 缩进

1. 这是一个
2. 有序列表

长 Tab

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

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

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

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

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

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

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

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

更长的 Tab

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

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

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

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

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

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

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

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

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

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

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

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

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

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

空 Tab

空 Tab

这里的空 tab 有着一个特别特别长的名字，我想知道为什么会有这么长？

空 Tab

空 Tab

空 Tab

这是引用块上面的文字。

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

更多文字

---

一条分割线

嵌套引用块

---

嵌套引用块里的分割线

这是引用块下面的文字。

亮色块，链接样式。

---

[[div class="lightblock"]]

[[/div]]

---

暗色块，链接样式。

---

[[div class="darkblock"]]

[[/div]]

---

样式块，链接样式。

---

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

[[/div]]

---

暗色样式块，链接样式。

---

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

[[/div]]

---

代码块，没有链接。
[[code]]

[[/code]]

---

这是	表格
你应该老早	就知道怎么
做这个了吧
1	2
3	4
谁是这里	最厉害的？
#十六进制	#至高无上

版头、标题、正文的字体为思源黑体 / Inter
等宽字体为思源宋体 / Bitter

---

Footnotes

1. 脚注文本，链接。

2. Footnote Text