版式：白色数据库

此主题由 TaRtaR0S创建，修改自CutTheBirch创作的数据库主题。 若要在您的页面使用该主题，可在您页面中的任何地方插入以下代码：

[[include :backrooms-wiki-cn:theme:white-database]]

示例

屠恶

可以使用五个连字符"-----" 创建水平线，如果未将其放置在任何内容（例如引用块）中，则可以扩展到整个页面。分隔本文档各部分的行是水平线。

---

可以通过在行首加上1-6个之间的"+"字符来创建标题。

+ 标题示例

1号标题

2号标题

3号标题

4号标题

5号标题

6号标题

+ 生存难度示例

生存难度：生存難度：

等级等級 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]]

分页1

这是一个分页。

分页2

看看我，我这有更多文字！

可真是古朴风格。

长分页

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

不知道为啥，这个空分页贼拉长。我想知道是咋回事儿？

空分页

空分页

空分页

空分页

空分页

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

---

一条分割线

嵌套块引用¹

这是一个	表格
你应该早就	知道怎么
制作它了吧

---

脚²
这段文本
放在这里
你们就能
看到不同
格式以及
其它东西
看起^来是
怎么_运作
包括那些不存在
以及存在的链接！
还有特殊警告
或者风险更低的
或者安全的！

---

英文字体：VT323

中文字体：VonwaonBitmap-12px（凤凰点阵体）。

---

[[div class="document-block"]]

[[/div]]

[[div class="code"]]

[[/div]]

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

[[/div]]

---

+ 作者信息

作者TaRtaR0S
>>>我的作者页
生存难度图片来自数据库版式

+ 版式代码

:root {
   --theme-base: "black-highlighter";
   --theme-id: "White Database";
   --theme-name: "White Database Theme";
 
   --base-font-size: 0.9rem;
 
   --logo-image: url("http://tartar0s.wikidot.com/local--files/theme:dark-database/logo.png");
   --header-title: "The Backrooms";
   --header-subtitle: "你曾经来过这里";
 
   --body-font: "VonwaonBitmap 12px";
   --header-font: "VonwaonBitmap 12px";
   --title-font: "VonwaonBitmap 12px";
   --mono-font: "VonwaonBitmap 12px";
 
    --text: 0,0,0;
    --link: 50,50,50;
    --back: 235, 235, 235;
 
    --white-monochrome: var(--back);
    --pale-gray-monochrome: var(--back);
    --light-gray-monochrome: var(--text);
    --gray-monochrome: var(--back);
    --dark-gray-monochrome: var(--text);
    --black-monochrome: var(--text);
    --pale-accent: var(--link);
    --bright-accent: var(--link);
    --medium-accent: var(--back);
    --dark-accent: var(--back);
 
    --link-color: var(--link);
    --visited-link-color: var(--link);
    --hover-link-color: var(--link);
    --newpage-color: var(--link);
    /* --alt-accent: 255, 0, 255; */
 
   --swatch-text-light: var(--text);
   --rating-module-button-plus-color: var(--text);
   --rating-module-button-negative-color: var(--text);
   --rating-module-button-cancel-color: var(--text);
   --rating-module-button-credit-color: var(--text);
 
   --border-styling: solid 0.15rem rgb(var(--swatch-border-color));
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
 
   --gradient-topmenu: linear-gradient(
      to bottom,
      hsla(0, 0%, 100%, 0) 0%,
      hsla(0, 0%, 100%, 0) var(--header-height-on-desktop),
      rgba(var(--swatch-topmenu-border-color), 1) var(--header-height-on-desktop),
      rgba(var(--swatch-topmenu-border-color), 1) calc(var(--header-height-on-desktop) + 0.15rem),
      rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--header-height-on-desktop) + 0.15rem),
      rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.15rem),
      rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.15rem),
      rgba(var(--swatch-topmenu-border-color), 1) calc(100% - 0.15rem),
      rgba(var(--swatch-topmenu-border-color), 1) 100%
   );
}
 
html {
   line-height: 1.175;
}
 
body {
   font-size: 1.1em;
}
 
#page-content,#page-title{
   letter-spacing: 0.15rem;
}
 
#page-content a{
   background-color:rgb(0,0,0);
   color: rgb(255,255,255);
}
 
#page-content a:hover{
   background-color:rgb(235,235,235);
   color: rgb(0,0,0);
}
 
#page-content .page-rate-widget-box a{
   background: rgb(235,235,235);
   color: rgb(0,0,0);
}
 
#page-content .page-rate-widget-box a:hover{
   background: rgb(0,0,0);
   color: rgb(0,0,0);
   border: none;
   box-shadow: none;
}
 
#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;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#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;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
   transition: 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: -0.3rem;
   background-image: var(--logo-image);
   filter: brightness(0%) invert(0%);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: none;
}
 
#header h1:before, #header h2:before {
   content: "";
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
#account-topbutton {
   border: var(--border-styling);
}
 
#search-top-box-form input[type="submit"]:hover {
    background: rgb(var(--text));
    color: rgb(var(--back));
}
 
#account-options {
   background-color: rgb(var(--back));
   border: var(--border-styling);
}
 
#account-options>ul>li a:hover {
   color: rgb(var(--text));
}
 
#search-top-box input.empty:hover {
     color: rgb(var(--back));
}
 
#top-bar>ul>li a {
   color: rgb(var(--text));
}
 
#page-title {
   color: rgb(var(--link));
}
 
#page-title:before {
   content: "> ";
}
 
#top-bar div.mobile-top-bar>ul>li a,
#top-bar div.top-bar>ul>li a{
   color: rgb(var(--text));
}
 
#top-bar div.mobile-top-bar>ul>li a:hover,
#top-bar div.top-bar>ul>li a:hover{
   color: rgb(var(--back));
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li,
#top-bar div.top-bar>ul>li>ul>li {
    background-color: rgb(var(--back));
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li a,
#top-bar div.top-bar>ul>li>ul>li a {
    color: rgb(var(--text));
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li:hover,
#top-bar div.top-bar>ul>li>ul>li:hover {
    background-color: rgb(var(--text));
}
 
#top-bar div.mobile-top-bar>ul>li>ul>li a:hover,
#top-bar div.top-bar>ul>li>ul>li a:hover {
    color: rgb(var(--back));
}
 
h1, h2, h3, h4, h5, h6 {
   color: rgb(var(--link));
}
 
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
    content: "> "
}
 
.styled-quote {
   background-color:rgb(235,235,235);
   border: var(--border-styling);
   border-left: 0.5rem solid rgba(0,0,0);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: none;
}
 
#page-title, .meta-title {
    border-bottom: var(--border-styling);
}
 
.page-rate-widget-box {
   border: var(--border-styling);
   background: rgb(var(--back));
}
 
.scp-image-block .scp-image-caption {
   border: var(--border-styling);
}
 
.scp-image-block {
   border: var(--border-styling);
}
 
hr {
   color: transparent;
   background-color: transparent;
   border: 0;
   border-bottom: var(--border-styling);
}
 
blockquote,.blockquote {
   border: var(--border-styling);
   box-shadow: none;
}
 
.collapsible-block-link:before {
   content: "> "
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
   border: var(--border-styling)!important;
   background-color: rgb(235,235,235)!important;
   color: rgb(0,0,0)!important;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
   background-color: rgb(var(--text))!important;
   color: rgb(var(--back))!important;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
   background-color: rgb(var(--text))!important;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border: var(--border-styling)!important;
}
 
table.wiki-content-table th,
table.wiki-content-table td {
   border: var(--border-styling) !important;
}
 
.footnotes-footer {
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 20px;
}
 
.footnotes-footer .title{
    display: none !important;
}
 
.footnotes-footer:before {
content: "FOOTNOTES";
letter-spacing: 0!important;
position: absolute;
left: 15%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
 
.document-block{
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 16px;
}
.document-block:before {
content: "DOCUMENT";
letter-spacing: 0!important;
position: absolute;
left: 15%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
.code {
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 16px;
}
.code:before {
content: "CODE";
letter-spacing: 0!important;
position: absolute;
left: 15%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
 
@media only screen and (max-width: 510px) {
.footnotes-footer {
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 16px;
}
 
.footnotes-footer .title{
    display: none !important;
}
 
.footnotes-footer:before {
content: "FOOTNOTES";
letter-spacing: 0!important;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
 
.document-block {
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 16px;
}
.document-block:before {
content: "DOCUMENT";
letter-spacing: 0!important;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
 
.code {
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 16px;
}
.code:before {
content: "CODE";
letter-spacing: 0!important;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   filter: brightness(0%) invert(0%);
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border: var(--border-styling) !important;
   background-color: rgb(var(--back));
   color: rgb(var(--text));
   margin: 0;
   border-collapse: collapse;
   box-sizing: content-box;
}
 
#side-bar .heading p {
   color: rgb(var(--text));
}
 
#side-bar:hover {
   border: var(--border-styling);
}
 
div.menu-item a:hover {
   background-color: rgb(var(--text)) !important;
   color: rgb(var(--back)) !important;
}
 
#side-bar div.menu-item a:before,
#side-bar div.menu-item a:hover:before {
   background-color: transparent;
}
 
#side-bar .side-block>.collapsible-block .collapsible-block-link {
   color: rgb(var(--text));
}
 
#side-bar .side-block>.collapsible-block .collapsible-block-link:hover {
   color: rgb(var(--back));
   background-color: rgb(var(--taxt)) !important;
}
 
.owindow .button-bar a, a.button, button, div.buttons input, file, input.button {
   color: rgb(var(--text));
}
 
.printuser img.small {
    display: none;
}
 
::-webkit-scrollbar-thumb,
#side-bar:hover::-webkit-scrollbar-thumb {
   background-color: rgb(var(--text)) !important;
}
 
::-webkit-scrollbar-track,
#side-bar:hover::-webkit-scrollbar-track {
   background: rgb(var(--back)) !important;
}
 
.owindow .button-bar a, a.button, button, div.buttons input, file, input.button {
   transition: none;
}
 
#top-bar div.mobile-top-bar>ul>li,
#top-bar div.top-bar>ul>li {
   transition: none;
}
 
#top-bar div.mobile-top-bar>ul>li>a:after,
#top-bar div.mobile-top-bar>ul>li>a:before,
#top-bar div.top-bar>ul>li>a:after,
#top-bar div.top-bar>ul>li>a:before,
#top-bar>ul>li {
   transition: none;
}
 
#top-bar>ul>li>:after,
#top-bar>ul>li>:before {
   display: none;
}
 
#top-bar li ul {
   transition: none;
}
 
.yui-navset * {
   transition: none;
}
 
#side-bar {
   background-color: rgb(var(--back));
}
 
#main-content::before {
   display: none;
}
 
.top-box .header-diamond .diamond-image {
   filter: brightness(0%) invert(0%);
}
 
.top-box .bottom-text p, .top-box .bottom-text:after, .top-box .top-text p {
   color: rgb(var(--text)) !important;
}
 
.top-box, .diamond-color {
    background: rgb(var(--back)) !important;
}
 
.top-box {
   border: var(--border-styling) !important;
}
 
.top-box .top-text p {
    font: 2.3rem "VonwaonBitmap 12px" !important;
}
 
.top-box .bottom-text p, .top-box .bottom-text:after {
   font: 1.9rem "VonwaonBitmap 12px" !important;
}
 
.top-box .gradient-box, .top-box:before {
    background: none !important;
}
 
.header-diamond {
    background-image: none !important;
}
 
.header-diamond .diamond-pattern, .diamond-color {
   background: rgb(var(--back)) !important;
   border: var(--border-styling) !important;
     mask: none !important;
     -webkit-mask: none !important;
     transform: rotate(45deg) translate(4.1rem, -0.46rem);
   width: 10rem !important;
    height: 10rem !important;
}
 
.bottom-box ul li {
    font: 1.9rem "VonwaonBitmap 12px" !important;
    color: rgb(var(--text)) !important;
    line-height: 1rem !important;
}
 
.bottom-box ul li:before {
    background: rgb(var(--back)) !important;
    height: 0.75rem !important;
    width: 0.75rem !important;
    border: var(--border-styling);
}
 
.top-box.class-unknown .header-diamond {
   filter: none !important;
}
 
.top-box.class-0 .header-diamond .diamond-image {
   background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-0.png") center/70% no-repeat !important;
}
 
.top-box.class-1 .header-diamond .diamond-image {
   background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-1.png") center/70% no-repeat !important;
}
 
.top-box.class-2 .header-diamond .diamond-image {
   background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-2.png") center/70% no-repeat !important;
}
 
.top-box.class-3 .header-diamond .diamond-image {
   background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-3.png") center/70% no-repeat !important;
}
 
.top-box.class-4 .header-diamond .diamond-image {
   background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-4.png") center/70% no-repeat !important;
}
 
.top-box.class-5 .header-diamond .diamond-image {
   background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-5.png") center/70% no-repeat !important;
}
 
.top-box.class-unknown .header-diamond .diamond-image,
.top-box.class-pending .header-diamond .diamond-image {
   background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-unknown.png") center/70% no-repeat !important;
}
 
@media only screen and (max-width: 440px) {
    .top-box .top-text p {
        font: 2.3rem "VonwaonBitmap 12px" !important;
    }
 
    .bottom-box ul li {
        line-height: 1.5rem !important;
    }
}
 
.top-box .bg {
   display: none;
}
 
.top-box .header-diamond .diamond-image {
   -webkit-mask: none !important;
   mask: none !important;
}

Footnotes

1. 这是一个脚注！

2. 注