B.N.T.G. 日报 版式

该版式由 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);
}

{$sub-title}

作者：{$username}
更新于 {$year} 年 {$month} 月 {$day} 日 {$time}，位于 {$levels}

标签

评分

• 

  close

  著作信息

  ---

  X

  作者：cakelord114514

  使用该版式时无需引入著作信息评分模块，请用 {$info} 来添加著作信息。

  {$info}

  ---

讨论

---

↑ 供引入作者与标题。 ↑

---

↓ 真正的介绍页。 ↓

---

B.N.T.G. 日报

这是副标题测试，有报告称这是一个类似新闻的版式，且希望会是此类版式中的第一个版式。

作者：cakelord114514
更新于 2023 年 12 月 18 日凌晨 3:03，位于 Level 1

标签

评分

讨论区

B.N.T.G. 日报版式由 cakelord114514 制作，并感谢中文维基的 hoah2333 与 Lupus Caeruleus 修复代码问题。

若需将该版式引入到你的页面中，可将下方文本放置在页面内的任何位置：

下面的块是用于制作如上所示的自定义广告块的。

---

[[include :backrooms-wiki-cn:theme:bntg-journal
|custom = --]
|ads-image = 链接
|linked-place = 链接
|info = [[span style="display:block"]]这里是我需要显示在第 1 行的文本。[[/span]] [[span style="display:block"]]这里是我需要显示在第 2 行的文本。[[/span]]@@@@
|sub-title = 这是副标题。
|username = [[user 要显示的用户名]]@@@@ | 若要显示不存在的用户名：[# 用户名]
|month = 1、2、3，用这个格式填写
|day = 01、02……
|year = 2000、2001……
|time = 上午/下午 0:00
|levels = Level 1、Level 2……]]

下面的块为美学考虑使用了带 Level 0 主题的广告块。

---

[[include :backrooms-wiki-cn:theme:bntg-journal
|level0 = --]
|info = [[span style="display:block"]]这里是我需要显示在第 1 行的文本。[[/span]] [[span style="display:block"]]这里是我需要显示在第 2 行的文本。[[/span]]@@@@
|sub-title = 这是副标题。
|username = [[user 要显示的用户名]]@@@@ | 若要显示不存在的用户名：[# 用户名]
|month = 1、2、3，用这个格式填写
|day = 01、02……
|year = 2000、2001……
|time = 上午/下午 0:00
|levels = Level 1、Level 2……]]

Level 0 美学版

下面的块为美学考虑使用了带「房子是房子」主题的广告块。

---

[[include :backrooms-wiki-cn:theme:bntg-journal
|house = --]
|info = [[span style="display:block"]]这里是我需要显示在第 1 行的文本。[[/span]] [[span style="display:block"]]这里是我需要显示在第 2 行的文本。[[/span]]@@@@
|sub-title = 这是副标题。
|username = [[user 要显示的用户名]]@@@@ | 若要显示不存在的用户名：[# 用户名]
|month = 1、2、3，用这个格式填写
|day = 01、02……
|year = 2000、2001……
|time = 上午/下午 0:00
|levels = Level 1、Level 2……]]

房子，房子的房子像房子。感谢你的关注。

下面的块是预置了带「BOING 保护」主题的广告块。

---

[[include :backrooms-wiki-cn:theme:bntg-journal
|boings = --]
|info = [[span style="display:block"]]这里是我需要显示在第 1 行的文本。[[/span]] [[span style="display:block"]]这里是我需要显示在第 2 行的文本。[[/span]]@@@@
|sub-title = 这是副标题。
|username = [[user 要显示的用户名]]@@@@ | 若要显示不存在的用户名：[# 用户名]
|month = 1、2、3，用这个格式填写
|day = 01、02……
|year = 2000、2001……
|time = 上午/下午 0:00
|levels = Level 1、Level 2……]]

对 BOING 们好点。

下面的块为美学考虑使用了带「原初照片」主题的广告块。

---

[[include :backrooms-wiki-cn:theme:bntg-journal
|origin = --]
|info = [[span style="display:block"]]这里是我需要显示在第 1 行的文本。[[/span]] [[span style="display:block"]]这里是我需要显示在第 2 行的文本。[[/span]]@@@@
|sub-title = 这是副标题。
|username = [[user 要显示的用户名]]@@@@ | 若要显示不存在的用户名：[# 用户名]
|month = 1、2、3，用这个格式填写
|day = 01、02……
|year = 2000、2001……
|time = 上午/下午 0:00
|levels = Level 1、Level 2……]]

许久以前被遗忘了的照片，附在原 Level 0 的 creepypasta 帖内。

示例

这是 component:image block 的基底

首张拍摄的 Level 0 照片。

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

---

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

+标题

h1

h2

h3

h4

h5

h6

+sd 示例，但我不觉得你可以在用了这个版式之后还能在哪里用到这个组件

¹

生存难度：生存難度：

等级等級 0

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 1

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 2

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 3

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 4

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 5

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 unknown

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 n/a

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 habitable

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 deadzone

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 pending

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 amended

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 omega

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

tab1

喔看，是个 tab。

tab2

我应该在这里放点经济学的东西，但我对经济学一窍不通，但诶，至少我的 tab 变长了。

长 tab

长长长长长长长长长长长 tab

长长长长长长长长长长长 tab

长长长长长长长长长长长 tab

长长长长长长长长长长长 tab

这毫无意义，写这个的人这个月扣工资。
- 你的上司。

这个空 tab 由于某些奇怪的原因有着一个非常非常长的名字。我很好奇这么长的名字会不会影响到我的 tab？

你通常不会在新闻里用到这个

你知道我什么意思的。

空 tab

空 tab

空 tab

不空 tab

是的这是个 tab

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

更多文字

---

一条分割线

嵌套引用块²

这是	表格
你应该老早	就知怎么用
杏仁水并非	是个可用的
通行的货币	B.S.C.（B.N.T.G. 标准落款）

---

脚³
这段文本
就在这里
这样你能
看到所有
不同格式
不同外观
东西^都是
什么_样子
包括不存在的链接
以及存在的链接！

‡ 授权 / 引用

请按如下方式引用此页：

“B.N.T.G. 日报 版式”，作者 Cakelord114514，来自后室英文维基。原文链接：http://backrooms-wiki.wikidot.com/theme:bntg-journal。译者 hoah2333，来自后室中文维基。译文链接：http://backrooms-wiki-cn.wikidot.com/theme:bntg-journal。遵循 CC BY-SA 3.0 协议。

---

图像名：Japanese Public Information Symbol - "Emergency exit" symbol. Edited
图像作者：alerante
授权协议：公有领域
来源链接：链接

图像名：The-ads-actual
图像作者：alerante, cakelord114514
授权协议：公有领域
来源链接：链接
备注：该图片由 cakelord114514 修改并发布在与原图相同的授权协议之下。
衍生自：https://commons.wikimedia.org/wiki/File:Japanese_Public_Information_Symbol_-_Emergency_Exit.svg

图像名：cc_lvl0.jpg
图像作者：Alfarex on the TS Discord
授权协议：CC-BY-SA-3.0
来源链接：http://backrooms-wiki.wikidot.com/local--files/level-0/cc_lvl0.jpg
备注：使用 Blender 制作

图像名：Day's Cottages, North Truro, Massachusetts LCCN2017709913
图像作者：John Margolies
授权协议：公有领域
来源链接：https://commons.wikimedia.org/wiki/File:Day%27s_Cottages,_North_Truro,_Massachusetts_LCCN2017709913.tif
备注：该作品来自美国国会图书馆的 John Margolies Roadside 美国收藏集。根据图书馆所称，使用该作品并无已知版权限制。

图像名：房子学者
图像作者：Andrew Power, Luke Stackpoole, Eltrac
授权协议：CC BY-SA 3.0
来源链接：https://scpsandboxcn.wdfiles.com/local--files/eltrac/lc572-2.png
备注：该图片由 Eltrac 为中文后室的 Level C-646 制作。
衍生自：
https://unsplash.com/photos/man-wearing-black-suit-y9L5-wmifaY
https://unsplash.com/photos/red-and-white-house-surround-green-grass-field-eWqOgJ-lfiI

图像名：HouseisHouse-ads
图像作者：Andrew Power, Luke Stackpoole, Eltrac, cakelord114514
授权协议：CC BY-SA 3.0
来源链接：http://backrooms-sandbox-2.wikidot.com/local--files/cakelord114514-theme/houseIsHouse-ads.png
备注：该图片由 cakelord114514 为房子 BNTG 日报版式的美学广告块修改。
衍生自：
https://unsplash.com/photos/man-wearing-black-suit-y9L5-wmifaY
https://unsplash.com/photos/red-and-white-house-surround-green-grass-field-eWqOgJ-lfiI
https://commons.wikimedia.org/wiki/File:Day%27s_Cottages,_North_Truro,_Massachusetts_LCCN2017709913.tif

图像名：图片五
图像作者：Charlie Marshall, rukatyan
授权协议：CC BY-SA 2.0
来源链接：http://backroomssandboxcn.wdfiles.com/local--files/rukatyan/mushroom4
备注：
该图像由 rukatyan 为中文后室的 Level C-960 制作。
衍生自：
https://www.flickr.com/photos/100915417@N07/52528070474

更多授权相关信息，请查阅授权指导。

---

查看源代码

@import url(http://backrooms-sandbox-2.wikidot.com/local--files/cakelord114514-theme/TheT.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
 
:root {
    --theme-base: "black-highlighter";
    --theme-id: "nuliminal";
    --theme-name: "NuLiminal Theme";
    --logo-image: none;
    --header-title: "BNTG日报";
    --header-subtitle: "中文版 ▾| 印刷版 | 视频 | 音频 | 最新头条 | 更多 ▾";
    --swatch-headerh1-color: var(--black-monochrome);
    --swatch-headerh2-color: var(--black-monochrome);
    --body-font: 'Public Sans', "Noto Sans SC", Inter, Verdana, Geneva, "Helvetica Neue", "Helvetica", sans-serif;
    --UI-font: 'Fantasque Sans Mono', "Noto Sans SC", Courier New, Ubuntu Mono, Consolas, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --header-font: 'TheT', "Noto Serif SC", Courier New, Ubuntu Mono, Consolas, serif;
    --title-font: var(--header-font);
    --mono-font: 'Fantasque Sans Mono', "Noto Serif SC", Recursive, Consolas, monaco, monospace;
    --white-monochrome: 255, 255, 255;
    --pale-gray-monochrome: 237, 233, 223;
    --light-pale-gray-monochrome: 237, 233, 223;
    --very-light-gray-monochrome: 220, 215, 210;
    --light-gray-monochrome: 165, 160, 155;
    --gray-monochrome: 244, 244, 244;
    --dark-gray-monochrome: 233, 233, 233;
    --black-monochrome: 31, 28, 20;
    --pale-accent: 230, 23, 68;
    --bright-accent: 161, 147, 112;
    --medium-accent: 122, 109, 82;
    --dark-accent: 122, 109, 82;
    --alt-accent: 221, 102, 17;
    --header-text-shadow: 0px 2px 3px rgba(0,0,0 / 0%);
    --header-text-shadow-hover: 0px 5px 3px rgba(0,0,0/ 0%);
    --quote-shadow: 0 2px 4px rgba(var(--black-monochrome),0.25);
    --footer-message: none;
    --editor-font: Recursive, "Noto Serif SC", "Noto Serif TC", "宋体", "SimSun", "Microsoft YaHei UI", "微软雅黑", "Microsoft JhengHei UI", "Microsoft JhengHei", "Courier New", Courier, monospace, STXihei, "华文细黑";
    --swatch-primary-darkest: var(--dark-gray-monochrome);
    --swatch-secondary-color: var(--white-monochrome);
    --swatch-menubg-color: var(--black-monochrome);
    --rating-module-bg-color: var(--swatch-menubg-color);
    --swatch-sidebar-collapsible-tab-bg: var(--white-monochrome);
    --swatch-text-secondary-color: var(--swatch-menutxt-dark-color);
    --toc-body-bg-color: var(--white-monochrome);
    --swatch-topmenu-bg-color: var(--white-monochrome);
    --swatch-topmenu-border-color: var(--swatch-topmenu-bg-color);
    --gradient-header: linear-gradient( to bottom, rgb(var(--bright-accent)) 0%, rgb(var(--dark-accent)) 100%);
    --gradient-background: linear-gradient( to bottom, rgb(var(--swatch-background)), rgb(var(--swatch-background)));
    --diagonal-stripes: transparent;
    --background-gradient-distance: 0;
    --background-gradient-color: white
    --scrollbar-width: 0.7rem;
    --swatch-background: var(--white-monochrome);
    --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
    --body-width-on-desktop: 45.75rem;
    --header-height-on-desktop: 9rem;
    --header-height-on-mobile: 9rem;
    --wallpaper-mask: none;
    --wallpaper-mask-size: 2.3rem;
    --header-width-on-desktop: 100vw;
    --link-color: 2, 116, 182;
    --visited-link-color: 152,123,113;
    --hover-link-color: 2, 116, 182;
 
}
 
#skrollr-body::before {
    background-color: rgba(var(--white-monochrome));
    background-repeat: repeat;
    background-size: 0.25em 0.25em;
    width: 100%;
    height: var(--header-height-on-desktop);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    -webkit-mask-image: var(--wallpaper-mask);
    mask-image: var(--wallpaper-mask);
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    -webkit-mask-size: var(--wallpaper-mask-size);
    mask-size: var(--wallpaper-mask-size);
    -webkit-mask-position: center;
    mask-position: center;
}
 
#container-wrap-wrap::before {
    background: white;
    z-index: -1;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: var(--header-height-on-desktop);
}
 
#content-wrap {
    position: static;
    /* grid-area: content-wrap; */
    /* grid-template-areas: "side-bar . content ."; */
    /* grid-template-columns: var(--sidebar-width-on-desktop) -webkit-calc((((100vw - (100vw - 100%)) - var(--body-width-on-desktop)) - (var(--sidebar-width-on-desktop))*3)/2) 1fr -webkit-calc(((100vw - (100vw - 100%)) - (var(--body-width-on-desktop) + (var(--sidebar-width-on-desktop))))/2); */
    /* grid-template-columns: 0 0 100%; */
    width: -webkit-calc(100vw - (100vw - 100%));
    width: calc(100vw - (100vw - 100%));
    height: auto;
    min-height: -webkit-calc(100vh - var(--final-header-height-on-desktop));
    min-height: calc(100vh - var(--final-header-height-on-desktop));
    margin: 0 auto;
    gap: 5px;
    display: flex;
    flex-direction: row;
}
 
#header {
    --swatch-headerh1-color: var(--swatch-text-dark);
    --swatch-headerh2-color: var(--swatch-text-dark);
    --search-icon-color: var(--swatch-text-secondary-color);
    --search-icon-hover-color: var(--swatch-text-secondary-color);
    --search-icon-hover-bg-color: var(--swatch-alternate-color);
    --search-textbox-text-color: 0, 0, 0, 0;
    --search-icon-focus-color: var(--swatch-text-secondary-color);
    --search-icon-focus-bg-color: var(--swatch-primary);
    --search-focus-outline-color: var(--swatch-primary);
    --search-focus-textbox-bg-color: var(--swatch-alternate-color);
    --search-focus-textbox-text-color: var(--swatch-text-secondary-color);
    --login-line-divider-color: var(--swatch-text-secondary-color);
    --login-username-color: var(--swatch-text-secondary-color);
    --login-myaccount-color: var(--swatch-text-secondary-color);
    --login-myaccount-hover-color: var(--login-myaccount-color);
    --login-myaccount-underline-color: var(--swatch-primary-darkest);
    --login-myaccount-hover-bg-color: var(--swatch-primary-darkest);
    --login-arrow-color: var(--search-icon-color);
    --login-dropdown-bg-color: var(--dark-gray-monochrome);
    --login-dropdown-bg-image: rgb(var(--gray-monochrome));
    --login-dropdown-border-color: var(--swatch-text-tertiary-color), 0.5;
    --login-dropdown-text-color: var(--swatch-text-secondary-color);
    --login-dropdown-text-hover-color: var(--swatch-text-secondary-color);
    --login-dropdown-bg-hover-color: var(--gray-monochrome);
    --login-mobile-icon-color: var(--search-icon-color);
    --login-mobile-icon-hover-color: var(--search-icon-hover-color);
    --login-mobile-icon-hover-bg-color: var(--search-icon-hover-bg-color);
}
 
#side-bar{
    --sidebar-bg-color: var(--gray-monochrome);
    overflow: scroll;
    bottom: auto;
 
    @media only screen and (min-width: 901px){
        margin-top: calc(24vw * 1.4);
        margin-right: calc(15vw * 1.4);
        z-index: 5 !important; /* god damn it stop using important whoever making the theme*/
        order: 2;
        left: 100%;
        border: solid;
        padding: 5px;
        border-color: rgb(233,233,233);
min-width: 20%;
    }
 
}
 
#top-bar {
    --topmenu-category-color: var(--swatch-text-secondary-color);
    --topmenu-category-hover-color: var(--swatch-text-secondary-color);
    --topmenu-category-hover-bg: 0, 0, 0, 0;
    --topmenu-hover-border-color: none;
    --mobile-topmenu-sidebar-button-color: var(--swatch-text-secondary-color);
    --dropdown-bg-color: var(--gray-monochrome), 0.9;
    --dropdown-border-color: none;
    --dropdown-links-color: var(--swatch-text-secondary-color);
    --dropdown-links-bg-color: 0, 0, 0, 0;
    --dropdown-links-hover-color: none;
    --dropdown-links-hover-bg-color: none;
}
 
#header h1 a:hover:before {
    text-shadow: var(--header-text-shadow-hover);
    bottom: 0;
}
 
#header h1, #header h1 a {
    position: absolute;
    top: 1.4rem;
    margin: 0;
    display: flex;
    justify-content: center;
    z-index: 0;
    height: 1.5rem;
    transform: translateY(-8px) scaleY(1.28);
    letter-spacing: .2rem;
}
#header h2, #header h2 span, #header h2 span::before {
    position: absolute;
    top: 2.05rem;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: lighter;
    font-size: x-small;
}
 
#header h2 span::before {
    color: grey;
}
 
#header #top-bar{
    background: white;
    padding-left: 15px;
    padding-right: 15px;
    border-style: hidden hidden solid hidden;
    border-width: thin;
    margin-bottom: 0; /* Edited by Lupus Caeruleus: Resolves overlapping. */
}
 
#header{
    width: 100%;
    height: 160px;
}
 
#header-extra-div-3{
    display: none;
}
 
@media screen and (min-width: 901px){
    #header div[class*=top-bar]>ul {
         width: 50vw;
         padding-left: 50%;
     }
}
@media screen and (max-width: 901px){
    #header div[class*=top-bar]>ul>li>ul {
         margin-top: 30px;
     }
}
 
#header div#top-bar {
    --wght: var(--ui-wght);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: static;
    z-index: 50;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    height: var(--topbar-height-on-desktop);
    margin: var(--header-height-on-desktop)0 1.75rem 0;
    padding: 0;
    font-family: var(--UI-font, var(--header-font));
    font-size: -webkit-calc(var(--base-font-size)*(13/15));
    font-size: calc(var(--base-font-size)*(13/15));
    font-weight: var(--wght);
    @media only screen and (min-width: 901px){
         transform: translateY(-20px);
    }
}
 
#search-top-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 10.7em;
    right: -webkit-calc(3% - 0.25em);
    right: calc(12vw * 1.4);
    bottom: auto;
    left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: var(--search-height);
    height: var(--search-height);
    translate: 0-50%;
    -webkit-transition: -webkit-box-shadow .15s var(--ease-in-out);
    transition: box-shadow .15s var(--ease-in-out);
    transition: box-shadow .15s var(--ease-in-out),-webkit-box-shadow .15s var(--ease-in-out);
    will-change: box-shadow;
    -webkit-box-shadow: 0 0 0 0 rgb(var(--search-focus-outline-color));
    box-shadow: 0 0 0 0 rgb(var(--search-focus-outline-color));
    color: transparent;
    font-size: -webkit-calc(var(--base-font-size)*(13/15));
    font-size: calc(var(--base-font-size)*(13/15));
}
#login-status {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    z-index: 11;
    top: 4em;
    right: -webkit-calc(3% + var(--search-height) - 0.25em);
    right: calc(12vw * 1.4);
    bottom: auto;
    left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 2em;
    margin: 0 0 0 0.5em;
    translate: 0-50%;
    -webkit-transition: opacity .2s var(--ease-in-out);
    transition: opacity .2s var(--ease-in-out);
    color: transparent;
    font-family: var(--UI-font);
    font-size: .9em;
    white-space: nowrap;
}
 
#main-content {
    display: grid;
    grid-area: content;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    grid-template-areas:
        "action-area-top action-area-top action-area-top action-area-top action-area-top action-area-top"
        "page-title page-title page-title page-title page-title page-title"
        "breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs"
        "page-content page-content page-content page-content page-content page-content"
        "page-info-break page-info-break page-info-break page-info-break page-info-break page-info-break"
        ". . pwatch pwatch pwatch pwatch"
        ". . pinfo pinfo pinfo pinfo"
        "page-tags page-tags page-tags page-tags page-tags page-tags"
        "options-1 options-1 options-1 options-1 options-1 options-1"
        "options-2 options-2 options-2 options-2 options-2 options-2"
        "pbottom pbottom pbottom pbottom pbottom pbottom"
        "action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm";
    grid-template-columns: repeat(6,1fr);
    max-width: min(90vw,var(--body-width-on-desktop));
    @media only screen and (min-width: 901px){
    margin: 0 0 0 calc(14vw * 1.4);
    }
    padding: 2rem 1rem;
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
}
 
#main-content{
    --tabs-bg: var(--swatch-secondary-color);
    --tabs-txt: var(--swatch-text-tertiary-color);
    --tabs-hover-bg: 238,233,233;
    --tabs-hover-txt: var(--swatch-text-secondary-color);
    --tabs-selected-bg: 219, 213, 213;
    --tabs-selected-txt: var(--swatch-text-secondary-color);
    --tabs-selected-outline: 219, 213, 213;
    --tabs-bottom-border-color: 152,123,113;
}
 
#page-content div.rate-box-with-credit-button, div.page-rate-widget-box {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    height: var(--rating-module-height);
    margin: 0 0 0.75rem;
    padding: 0;
    overflow: hidden;
    border: 0.0625rem solid rgba(var(--swatch-border-color),.15);
    border-bottom-width: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: rgb(var(--dark-gray-monochrome));
    -webkit-box-shadow: 0 0.125rem 0 0 rgb(var(--rating-module-bottom-border-color));
    /* box-shadow: 0 0.125rem 0 0 rgb(var(--rating-module-bottom-border-color)); */
}
 
#page-title::after, .meta-title::after {
    content: "";
    background: none;
}
 
.meta-title {
    --wght: 900;
}
 
#page-title {
    --wght: 900;
    display: flex;
    align-items: center;
    min-height: 1em;
    margin: .75em 0 -.5em; /* Edited by Lupus Caeruleus: Chinese characters needs extra top margin. */
    padding: 0;
    border: 0;
    color: rgb(var(--swatch-text-general));
    font-family: var(--title-font);
    font-size: 2.5em;
    font-weight: var(--wght);
    line-height: 1;
    text-align: left;
    font-feature-settings: "liga" 1, "clig" 1, "dlig" 1;
    font-variant-ligatures: common-ligatures contextual discretionary-ligatures;
    transform: translateY(calc(19.5vw * 1.4));
}
#page-content {
    margin-top: calc(20vw * 1.4);
    display: flex;
    width: 100%;
    flex-flow: column;
}
 
#main-content .page-tags {
    display: block;
    position: absolute;
    /* grid-area: page-tags; */
    width: auto;
    margin: -1px 0 0;
    padding: 00 0;
    -webkit-box-shadow: 0-0.125rem 0 0 rgba(var(--white-monochrome), 0);
    box-shadow: 0-0.125rem 0 0 rgba(var(--white-monochrome), 0);
    font-family: var(--UI-font);
    font-size: 1em;
    justify-self: flex-start;
    margin-top: calc(19.5vw * 1.4);
    /* margin-right: 10px; */
    margin-left: -5px;
}
 
#main-content .page-tags a {
    color: rgb(2, 116, 182);
}
 
#main-content .page-tags::before {
    --wght: var(--ui-hvr-wght);
    content: var(--text-tags);
    position: absolute;
    top: -2em;
    right: auto;
    bottom: auto;
    left: 0;
    height: 1.5em;
    padding: 0.25em;
    background-color: rgb(var(--white-monochrome));
    color: rgb(var(--white-monochrome));
    font-size: .8em;
    font-weight: var(--wght);
    display: none;
}
 
#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"])::before, #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"])::before {
    --clip-path: polygon(0 93%, 100% 93%, 100% 100%, 0 100%);
    content: " ";
    position: absolute;
    z-index: -1;
    top: 90%;
    right: auto;
    bottom: auto;
    left: -.5%;
    width: 101%;
    height: 100%;
    -webkit-transition: -webkit-clip-path .2s var(--ease-in-out);
    transition: clip-path .2s var(--ease-in-out);
    transition: .2s var(--ease-in-out), .2s var(--ease-in-out);
    opacity: 1;
    background-color: rgb(2, 116, 182);
    pointer-events: none;
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
}
 
:is(.yui-navset,.yui-navset-top,.yui-navset-bottom) .yui-nav li a em {
    -webkit-transition: color .15s var(--ease-in-out),font-weight .15s var(--ease-in-out),font-variation-settings .15s var(--ease-in-out),font-weight .15s var(--ease-in-out);
    transition: color .15s var(--ease-in-out),font-weight .15s var(--ease-in-out),font-variation-settings .15s var(--ease-in-out),font-weight .15s var(--ease-in-out);
    border: medium currentcolor!important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal !important;
}
 
#footer {
    --footer-bg-color: var(--dark-gray-monochrome);
    --footer-text-color: var(--swatch-text-secondary-color);
    --footer-link-color: var(--swatch-text-secondary-color);
    --footer-link-hover-color: var(--swatch-primary);
    --footer-link-hover-bg-color: var(--swatch-secondary-color);
}
 
#license-area {
    --license-bg-color: var(--gray-monochrome);
    --license-text-color: var(--swatch-text-secondary-color);
    --license-link-color: var(--swatch-text-secondary-color);
    --license-link-hover-color: var(--swatch-primary);
    --license-link-hover-bg-color: var(--swatch-secondary-color);
}
 
/*ads*/
.adsblock {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
    height: max-content; /* Edited by Lupus Caeruleus: No need for such height. */
    top: 160px;
    text-align: center;
    @media only screen and (max-width: 900px){
        transform: translateY(20px);
    }
}
 
.adsblock a br{
  display: none;
}
 
.adsblock img{
  object-fit: fill;
}
 
:is(div.image-block,div.scp-image-block) img.image {
    width: 100% !important;
    max-height: 444px;
    border: 0;
    object-fit: contain;
}
 
:is(div.image-block,div.scp-image-block) :is(.image-caption,.scp-image-caption) {
    --wght: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: .5ex 0.5ch 1ex;
    background-color: rgb(var(--swatch-secondary-color));
    font-size: .9em;
    font-weight: var(--wght);
    line-height: 1.25;
    text-align: center;
    color: dimgray;
}
 
.sec-titles{
    font-family: 'Roboto', "Noto Sans SC", cursive;
    color: dimgray;
    font-size: medium;
}
 
.author-block{
    font-family: 'Noto Serif SC', serif; /* Edited by Lupus Caeruleus : Added Chinese font. */
    color: dimgray;
    text-decoration: none;
}
 
.author-block a{
    text-decoration: none;
}
 
.author-block a::after {
    content: "关注";
    color: rgb(2, 116, 182);
    border: 1px solid rgb(2, 116, 182);
    border-radius: 5px;
    padding: 3px 6px;
    margin-left: 5px;
    font-size: 0.8em;
    text-decoration: none;
}
 
.link-block{
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}
 
.link-block a:visited{
  color: rgb(var(--link-color));
}
 
.link-block > div{
    text-align: center;
    overflow: hidden;
}
 
.comments-display-in {
    background-color: rgb(var(--dark-gray-monochrome));
    padding: 5px;
    margin-top: 65px;
    order: 1;
}
 
#thread-container-posts > .post-container {
    border: 1px solid rgb(var(--dark-gray-monochrome));
}
 
#thread-container-posts .info .printuser a:first-of-type {
    width: 30px;
}
 
.thread-container .post .long {
    padding: 0;
    border: none;
    border-radius: 0;
    background: #fffbf0;
    background: rgb(var(--dark-gray-monochrome));
    /* border-bottom: solid 1px dimgray; */
    /* box-shadow: 0 0.2rem 0.3rem rgb(0 0 0 / 25%); */
}
 
.thread-container #thread-container-posts > .post-container {
    margin: 0 0 12px 0;
    padding: 12px;
    background-color: rgb(var(--dark-gray-monochrome));
}
 
.thread-container .post-container .post ~ .post-container {
    border-top: 1px solid rgb(var(--dark-accent));
    border-left: 1px solid transparent;
    background-color: rgb(var(--dark-gray-monochrome));
}
 
.thread-container .post .head {
    position: relative;
    padding-left: 6em;
    padding-right: 2rem;
    box-shadow: none;
    border-radius: 0;
    color: white;
    color: dimgray;
    background-image: none;
    /* background-repeat: repeat, no-repeat; */
    /* background-size: 0.25em 0.25em, 100% 100%; */
    /* background-blend-mode: unset; */
    --link-color: var(--white-monochrome);
    --visited-link-color: var(--white-monochrome);
    --hover-link-color: var(--white-monochrome);
    min-height: 3.5rem;
 
    display: flex;
    flex-wrap: wrap-reverse;
}
 
.thread-container .post .head {
    /* --box-shadow: rgba(var(--swatch-menubg-black-color), 0.15); */
    padding: 0.5em 1em;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
 
.thread-container .post .head .title::after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: transparent;
}
 
.thread-container .post .long .head .info {
    font-style: italic;
    color: dimgray;
    display: flex;
}
 
.printuser a {
    --visited-link-color: dimgray;
    --link-color: black;
}
 
.thread-container .post .head .info .printuser a:first-of-type img, .thread-container .post .head .info .printuser.deleted img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    !important: ;
    height: 30px;
    background-image: none !important;
    padding: 0;
    border: 2px solid dimgray;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: -13px;
    margin-left: -10px;
    position: relative;
}
 
.thread-container .post .long .head .printuser img.small {
    position: absolute;
    top: 0.65em;
    left: 0.6em;
    padding-left: 18px;
    height: 3.5em;
    width: 30px !important;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 80px 115%;
    image-rendering: pixelated;
    object-fit: cover;
}
 
.post-container .post-container .post .long .head .printuser img.small {
    position: relative;
    top: 7px;
    left: 7px;
    padding-left: 0;
    height: 30px !important;
    width: 30px !important;
    background-repeat: no-repeat;
    background-position: left;
    background-size: unset;
    image-rendering: auto;
}
 
.thread-container .post .long .head .title {
    font-size: 2em;
    letter-spacing: normal;
    line-height: 1.2em;
    margin: .5em 0;
    width: 100%;
}
 
.thread-container .post .long .content {
    padding: 1em 1.1em 0 1.1em;
}
 
.thread-container .post-container .post ~ .post-container {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    background-color: rgb(var(--dark-gray-monochrome));
}
 
.post-container .post-container .post .long .head .title {
    font-size: 1rem;
    line-height: 1em;
    padding: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: .5em 0 0 0;
    padding-top: 2px;
}
 
.thread-container .post-container .post ~ .post-container .post .long .content {
    padding: 1.2em 1.1em 0 2.5em;
}
 
#comments-options-shown{
    display: none;
}
 
.comments-display-in::before {
    font-family: 'Roboto', "Noto Sans SC", cursive;
    content: "全部回复";
    color: dimgray;
    background-color: rgb(var(--dark-gray-monochrome));
    width: 200px;
    display: block;
    padding: 5px;
    margin: -5px;
    border-block-width: 50px;
    border: 1px solid rgb(var(--dark-gray-monochrome));
    text-align: center;
    position: absolute;
    transform: translateY(-30px);
}
 
.thread-container .post .long .head .options {
    position: absolute;
    right: 0.04rem;
    top: 0.04rem;
    display: none;
}
 
.code, div.wiki-note {
    margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border: inherit;
    background: rgb(var(--gray-monochrome));
}
 
a, a.newpage {
    background: 0 0;
    text-transform: capitalize;
}
 
#page-content .licensebox .collapsible-block-link {
    margin-left: 0.25em;
    padding: 0.25em;
    font-weight: 700;
    opacity: .5;
    color: rgb(var(--dark-monochrome));
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
 
#page-content .licensebox .collapsible-block-link:hover {
    margin-left: 0.25em;
    padding: 0.25em;
    font-weight: 700;
    opacity: .5;
    color: rgb(var(--dark-monochrome));
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
 
form#edit-page-form .wd-editor-toolbar-panel, form#edit-post-form .wd-editor-toolbar-panel, form#new-post-form .wd-editor-toolbar-panel, form#new-thread-form .wd-editor-toolbar-panel {
    --icon-size: max(1.5em, min(5.75vw,-webkit-calc((var(--body-width-on-desktop) - 6em) / 25)));
    --icon-size: max(1.5em, min(5.75vw, calc((var(--body-width-on-desktop) - 6em) / 25)));
    container-type: inline-size;
    display: grid;
    position: relative;
    grid-area: toolbar;
    grid-auto-columns: var(--icon-size);
    grid-auto-flow: row;
    grid-auto-rows: var(--icon-size);
    grid-template-areas:
        "header-h1 bold-txt italic-txt underline-txt strike-txt super-txt sub-txt raw-txt teletype-txt . ordered-list unordered-list increment-list decrement-list"
        "quote-block hr-txt div-block code-block code-wizard html-block create-table . url-txt url-wizard page-link-txt page-link-wizard image-block image-wizard"
        ". . create-footnote create-toc definition-list bibliography bib-cite clear-all-fl . math-block math-inline equation-ref . .";
    grid-template-columns: repeat(auto-fit,minmax(1fr,var(--icon-size)));
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 1em;
    background-color: rgb(var(--swatch-background));
    -webkit-box-shadow: 0-0.0625rem 0 0 rgb(var(--swatch-tertiary-color));
    box-shadow: 0-0.0625rem 0 0 rgb(var(--swatch-tertiary-color));
    grid-gap: 0.125em;
}
 
#interwiki div.menu-item, #interwiki div.menu-item.small, #interwiki div.menu-item.small>p, #interwiki div.menu-item>p, #side-bar div.menu-item, #side-bar div.menu-item.small, #side-bar div.menu-item.small>p, #side-bar div.menu-item>p {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: auto !important;
    min-height: 1.5rem;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: inset 0 -webkit-calc(var(--sidebar-internal-border-thickness)*-1)0 0 rgb(var(--sidebar-border-color));
    box-shadow: inset 0 calc(var(--sidebar-internal-border-thickness)*-1)0 0 rgb(var(--sidebar-border-color));
    font-size: 0;
}
 
.post-container .odate {
    display: none !important;
}
 
#footer a, #footer a:visited {
    --wght: var(--ui-wght);
    position: relative;
    z-index: 1;
    margin: 0.2em 0 0.2em 0.2em;
    padding: 0 0.3em 0 0;
    overflow: hidden;
    -webkit-transition: color .15s var(--ease-in-out),font-weight .2s var(--ease-in-out),font-variation-settings .2s var(--ease-in-out);
    transition: color .15s var(--ease-in-out),font-weight .2s var(--ease-in-out),font-variation-settings .2s var(--ease-in-out);
    color: rgb(var(--link-color));
    font-weight: var(--wght);
    line-height: 1;
}
 
.sd-container {
   --sd-border: 90, 29, 27;
   --sd-image: 90, 29, 27;
   --sd-symbol: 90, 29, 27;
   --sd-text: 255, 255, 255;
   --sd-bullets: 90, 29, 27;
}

page 1 of 212next »

hoah2333 10 Jan 2024 06:56

作者：cakelord114514
译者：hoah2333
原文：Bntg Journal

---

摸鱼最快乐！

LemonCat233 10 Jan 2024 07:44

这也太酷了

---

IP属地：逆海柠檬

hoah2333 is roasting me

cakelord114514 10 Jan 2024 07:55

你可以试着从 CN 转回 EN 再转回 CN.

天啊！作者真是个天才。

最后编辑于 10 Jan 2024 07:56 由 cakelord114514 显示更多

KkKkK_1234 10 Jan 2024 08:00

泰裤辣！

天啊！

Ellov 10 Jan 2024 09:10

作者简直是my lord。

---

按你自己的想法去做
怒骂那些自大的骗子
不用去管别人的想法
因为没人给你面子

最后编辑于 10 Jan 2024 09:13 由 Ellov 显示更多

Xx_ssc_xX 10 Jan 2024 09:53

天才

我嫉妒你的才华

---

-“To Our Broken Constellations"
-"致我们破碎的星座"

only a tree 10 Jan 2024 11:08

梦寐以求的

---

Keep smile everyday!

wikiwob 10 Jan 2024 12:28

哇塞，酷炫

---

嘎。嘎——嘎？嘎嘎嘎。
作者页：http://backrooms-wiki-cn.wikidot.com/author:wikiwob/comments/show

Fortol 10 Jan 2024 13:51

好帅

---

🔘🈲👈这是什么

编辑说明

Lupus Caeruleus 10 Jan 2024 14:33

1. 增加了标题中文字体的字重，以更好地适配西文。
2. 补充了作者块的中文字体。
3. 修复了标签无法点击的问题。
4. 修复了标签可能会和标题重叠的问题。
5. 修复了讨论区用户信息可能会和帖子标题重叠的问题。
6. 修复了帖子标题中的中文字符被裁切的问题。
7. 汉化 SD 预览，并增加了译注。

---

1. 进一步修复了讨论区用户信息可能会和帖子标题重叠的问题。

---

1. 修复了窄屏下顶栏列表顶部存在空隙的问题。
2. 修复了广告块顶部有一小部分区域无法点击的问题。

最后编辑于 12 Jan 2024 12:00 由 Lupus Caeruleus 显示更多

page 1 of 212next »

脚注

1. 译注：这里的 SD 组件使用了旧版配色，而本版式的颜色变量会使得 SD 组件难以辨认。

2. 这是一个注释！

3. 注