Level R-4

[[iftags +组件]]

这是什么

我用户 'Croquembouche' 不存在用在一大堆页面上的一大堆各种各样的CSS“改进”，因为我觉得这样就能使其更容易处理。

该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点（也就是我经常干的事）。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。

我不期望用了这个组件的文章的翻译版也会用到这个组件，除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。

这个组件可能不会与其它组件或版式冲突，且即使会冲突，也可能不会有什么影响。

用法

在任意维基上：

[[include :scp-wiki:component:croqstyle]]

该组件被设计于与其它组件一同使用，所以-=-是用来隐藏该文档的。在另一个组件内使用时，请确保将该组件放在[[iftags]]块内，这样你的组件的用户就不会强制同样使用 Croq 风格。

CSS修改

大小合理的脚注

不让脚注达到一百万里那么宽，让你能确实地阅读脚注。

.hovertip { max-width: 400px; }

等宽字体编辑/代码

使编辑文本框内字体等宽，且将所有等宽字文本改为Fira Code，也是个明显很优秀的等宽字字体。

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');

:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

电传打字机背景

给<tt>元素加上亮灰色的背景（{{文本}}），使得代码片段更为突出。

tt {
  background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

不要大脸

禁用悬停于某人的头像的时候出现的大图片，因为这图片又蠢又真的很烦人，想看大头像版本的话直接点击一下就行了。

.avatar-hover { display: none !important; }

碎裂碎裂

任何在带有nobreak类的div中的文本可以在字母间自动换行。

.nobreak { word-break: break-all; }

代码颜色

将我终端中的代码颜色加为变量。可能我会在什么时候把它改成比如Monokai或者别的更加常见的终端主题，但是现在暂时这还是我的个人主题，是从Tomorrow Night Eighties中衍生而来的。

还有，将.terminal类像[[div class="code terminal"]]一样添加到假代码方块中可以让它有一个有点伪终端样的暗色背景。不能用在[[code]]中，因为Wikidot嵌入了一大堆语法来使其高亮，不用一大堆CSS是改不动的。只能用在非[[code]]的代码片段中。

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}

.terminal, .terminal > .code {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.4rem solid var(--c-comment);
  border-radius: 1rem;
}

调试模式

将位于.debug-mode中的任何东西周围画上线。线的颜色是红色的但是遵从CSS变量--debug-colour。

你还可以将div.debug-info.over与div.debug-info.under添加到某个元素中以给调试框加注释——虽然你得确保有留下足够的垂直空间，让注释不会与其上方或下方的东西重叠。

……就像这样！

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
  position: relative;
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }

著作信息

隐藏用户信息和搜索栏组件
作者：用户 'Mercuresphere' 不存在

如果您喜欢我的风格的话，欢迎您来我的作者页看看我的其他作品。

这是什么？

这个组件可以改变顶栏当中用户信息和搜索栏两部分的显示状态，使其变为可折叠并默认隐藏。

使用方法：

若需使用本组件，请在你页面的任意位置插入以下代码：

[[include :backrooms-wiki-cn:component:toggle-search-top-box]]

这个组件可以适配大部分版式的配色方案，遇到不能适配的少数场合（如采用亮色系版头的版式）可以额外引入以下代码修改配色：

style="display: none;" ]]

+ 展开样式代码

老实说，写这篇文档的时候，我其实不太想把它公开。

因为自始至终，这个层级都……完全……怎么说呢……

不会表现出任何敌意？

至少他什么危险有都没有

我不太想要……将一个本来很浪漫且美好的过程……写成冷冰冰的文档……

所以，你可以退出了，这个层级没有任何威胁。

如果你是后室土生土长的，或者已经到过Level R-4的。

请继续阅读吧。

——来自记录员Aexy的忠告。

你曾经来过这里......

生存难度：

等级 0

安全
稳定
回忆

[[iftags +组件]]

这是什么

我用户 'Croquembouche' 不存在用在一大堆页面上的一大堆各种各样的CSS“改进”，因为我觉得这样就能使其更容易处理。

我不期望用了这个组件的文章的翻译版也会用到这个组件，除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。

这个组件可能不会与其它组件或版式冲突，且即使会冲突，也可能不会有什么影响。

用法

在任意维基上：

[[include :scp-wiki:component:croqstyle]]

CSS修改

大小合理的脚注

不让脚注达到一百万里那么宽，让你能确实地阅读脚注。

.hovertip { max-width: 400px; }

等宽字体编辑/代码

使编辑文本框内字体等宽，且将所有等宽字文本改为Fira Code，也是个明显很优秀的等宽字字体。

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');

:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

电传打字机背景

给<tt>元素加上亮灰色的背景（{{文本}}），使得代码片段更为突出。

tt {
  background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

不要大脸

禁用悬停于某人的头像的时候出现的大图片，因为这图片又蠢又真的很烦人，想看大头像版本的话直接点击一下就行了。

.avatar-hover { display: none !important; }

碎裂碎裂

任何在带有nobreak类的div中的文本可以在字母间自动换行。

.nobreak { word-break: break-all; }

代码颜色

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}

.terminal, .terminal > .code {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.4rem solid var(--c-comment);
  border-radius: 1rem;
}

调试模式

将位于.debug-mode中的任何东西周围画上线。线的颜色是红色的但是遵从CSS变量--debug-colour。

……就像这样！

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
  position: relative;
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }

这是什么？

这是旧版全自定义层级等级组件，是为了解决旧版层级等级组件的样式问题（如难以自定义边框颜色、文字颜色和字体、列表行高等）而诞生的高自由度组件。该组件由用户 'CutTheBirch' 不存在制作并存放于后室英文维基沙盒站，后分别由用户 'Cambrian White' 不存在和用户 'Ambersight' 不存在两次翻译为中文版本并搬运至后室中文维基沙盒站。相关页面如下表所示：

创建者	组件后端页面	组件页面
用户 'CutTheBirch' 不存在	`:backrooms-sandbox-2:component:custom-class-2`	`:backrooms-sandbox-2:component:custom-class`
用户 'Cambrian White' 不存在	`:backroomssandboxcn:cambrian-white-2`	`:backroomssandboxcn:cambrian-white-3`
用户 'Ambersight' 不存在	`:backroomssandboxcn:custom-class`	`:backroomssandboxcn:custom-class-2`

考虑到目前中文维基网站内仍有多个页面正在使用该组件，为方便管理和维护，由用户 'Lupus Caeruleus' 不存在将该组件搬运至站内，并对默认参数进行了优化。本说明页面亦由用户 'Lupus Caeruleus' 不存在编写，页面布局和样式则参考了 wd:hoah2333 的设计。

使用方法

如需使用本组件，请在你所需的地方插入以下代码：

[[include :backrooms-wiki-cn:component:alt-custom-class
title=首行文字
class=等级名称
display=等级名称及左侧的文字
color=背景颜色
border=边框颜色
list-color=三行描述文字的颜色
text-color=上方框内文字的颜色
title-font=首行文字的字体
class-font=等级名称的字体
list-font=三行描述文字的字体
line-height=三行描述文字的行高
image=右侧菱形中的图片
image-size=右侧菱形中图片的缩放比率
one=第一行描述文字
two=第二行描述文字
three=第三行描述文字
]]

该组件完整的参数列表如下所示。你需要填入所有未标记为“（可选）”的参数，缺少参数将会导致组件无法正常运作。

小贴士：和标准的层级等级组件不同，旧版全自定义层级等级组件并没有自动转换简繁体的功能，也没有根据等级名称自动显示三行描述文字和图标的功能。也就是说，所有文字相关的内容和图片链接必须由你手动输入。


`title` （可选）	首行文字以大号字体显示在组件上方矩形框内的首行。若留空则默认为 `生存难度：`。
`class`	等级名称显示在组件上方矩形框内的第二行，通常用来表示生存难度等级的名称。
`display` （可选）	等级名称及左侧的文字显示在组件上方矩形框内的第二行，包括等级名称及其左侧的文字。填写的内容将会覆盖等级名称即 `class`。若留空则默认为 `等级 0`（即显示为“等级”二字后接一个空格再接等级名称）。
`color` （可选）	背景颜色组件图形部分的背景颜色。格式为六位十六进制 RGB 代码，或其他 CSS `color` 类属性所接受的格式。若留空则默认为 `FFC90E`（黄色 █）。
`border` （可选）	边框颜色组件图形部分的边框颜色。格式为六位十六进制 RGB 代码，或其他 CSS `color` 类属性所接受的格式。若留空则默认为 `581A19`（旧版深红色 █）。
`list-color` （可选）	三行描述文字的颜色包括行首菱形的颜色。格式为六位十六进制 RGB 代码，或其他 CSS `color` 类属性所接受的格式。若留空则默认为 `581A19`（旧版深红色 █）。
`text-color` （可选）	上方框内文字的颜色即 `title`、`class`、`display` 三者的颜色。格式为六位十六进制 RGB 代码，或其他 CSS `color` 类属性所接受的格式。若留空则默认为 `FFFFFF`（白色 █）。
`title-font` （可选）	首行文字的字体即 `title` 所使用的字体。格式为 CSS `font` 类属性所接受的格式。若留空则默认为 `bold 2.14rem Poppins, Noto Sans SC, Noto Serif SC`。
`class-font` （可选）	等级名称的字体即 `class` 和 `display` 所使用的字体。格式为 CSS `font` 类属性所接受的格式。若留空则默认为 `500 italic 1.5rem Poppins, Noto Sans SC, Noto Serif SC`。
`list-font` （可选）	三行描述文字的字体格式为 CSS `font` 类属性所接受的格式。若留空则默认为 `bold 1.5rem Poppins, Noto Sans SC, Noto Serif SC`。
`line-height` （可选）	三行描述文字的行高格式为 CSS 可接受的长度格式。若留空则默认为 `1rem`。
`image` （可选）	右侧菱形中的图片填写图片的链接。若留空则默认为 `none`，即无图片。
`image-size` （可选）	右侧菱形中图片的缩放比率新增参数，以解决图片的尺寸问题。格式为 CSS `background-size` 类属性所接受的格式。若留空则默认为 `95%`，即将原图缩小至 95%。若使用来自标准层级等级组件的图片，则推荐将本参数设置为 `78%`。
`one`	第一行描述文字
`two`	第二行描述文字
`three`	第三行描述文字

示例

Level C-2 中的旧版全自定义层级等级组件及其代码：

生存难度：

等级 Ψ

不安全
不稳定
精神危害

[[include :backrooms-wiki-cn:component:alt-custom-class
class=Ψ
display=等级 **//Ψ//**
color=F2CEFE
border=8A3D9E
list-color=8A3D9E
image=http://backrooms-sandbox-2.wdfiles.com/local--files/the-mfing-swag-ass-collection/classpsi.png
one=不安全
two=不稳定
three=精神危害
]]**

Level 158 中的旧版全自定义层级等级组件及其代码：

生存难度：

凶恶

和平相处
实现凶狠计分
准备感受冲击

[[include :backrooms-wiki-cn:component:alt-custom-class
class=凶恶
display=凶恶
color=000000
border=e00707
list-color=f2a400
image=http://backroomssandboxcn.wikidot.com/local--files/waaan/OSL_NO_T_W.png
one=和平相处
two=实现凶狠计分
three=准备感受冲击
]]**

描述

Level R-4的外观是不固定的，他会随着流浪者切入后室前最后所在的地方而变化。或是冷清的上班街道，或是一趟地铁，或是一次永别的航班。

本层级内发生的所有内容均与流浪者切入至后室前10分钟内发生的所有事情无任何差别，而其中，流浪者甚至可以看到过去的自己进行的每一段与别人的交互。本层级内的人类并无任何“实体”的特征。

本层级中，流浪者的自身通常表现为透明的，并且发出的任何声波都无法传播信息。这使得流浪者无法与本层级的任何人类接触，交谈。但是流浪者的双脚仍旧可以直接接触地面并与物体交互，但是这种“物体交互”的前提是流浪者不对物体进行位置，状态，以及形状上产生会被察觉的变化。

假若流浪者探索足够遥远以致于离开切出前经过的主要地点，会遇到一股“无形的墙”阻挡流浪者继续前进，并在下一次眨眼后将流浪者传送回那个并未切入后室的“自己”此时所在的位置。

流浪者切入时，自身会穿着与在切入后室前穿着的服装与手持的设备。但是年龄不会变化。服装的大小会自动适配如今流浪者的体型。

本层级存在一系列特殊效应。

“褪色效应”

褪色效应是只属于Level R-4的效应，这种效应类似前厅中纸张的褪色，但其速度会加快并在10分钟内完成对整个层级的“褪色”。其表现为

流浪者看到的画面呈棕黄色，部分区域以一种类似被擦除的方式变为虚空。同时，流浪者会产生约200度的近视，然而无论流浪者是否佩戴眼镜，近视均不会受到矫正。
流浪者对声音的反应将变得迟钝，据流浪者描述，任何东西的触感也都会变得“薄薄的”、“粗糙的”，就像在触摸一本已经发黄的书。
流浪者的听觉出现被扰乱的现象。类似于老式收音机的杂音。
在流浪者的“幻象”切入后室前30秒。任何物体的运动都会以一种超自然的方式突然终止，就如同被定格在了一瞬。这时，褪色现象通常已经蔓延的极度严重。

这种效应的程度随着时间而变化，通常在流浪者切入3分钟左右开始。

“记忆折射”

本层级幻象的玻璃中有时反射的光会闪过流浪者的记忆。这通常是及其普通的一个片段，例如自己小学的时候上课听讲等。随着在本层级的时间流逝，反射光的内容也逐渐从“幼年”，到“同年”，再到“青年”。这一情况会持续到流浪者切入层级后的9分30秒。

这些画面的内容仅真实的流浪者可见，然而模拟的流浪者无法看见任何异样。

假若流浪者对来到的地方有很深的印象，很可能在一瞬间的眨眼中看到几年前的该地点，但伴随着下一次眨眼，便会回到原有的地点。

“送别礼”

当褪色效应达到最后时间时，流浪者会发现周围的所有物体正在变得透明，只有自己本身与使自己切入后室的契机变得越来越清晰，例如一块马路上的石子，一小扇门，一张机票。

流浪者会发现自己来到了一个全暗的地方，仅有那个“契机”正在发光作为光源。地面被一层极浅的水覆盖。流浪者的走路中便会泛起涟漪。有细碎的尘土从天散下，被“契机”照得闪闪发亮。

这个“契机”会一直发光，周围也会一直在黑暗中度过。直到流浪者下定决心去触摸这个“契机”，并回到自己该去的地方

给我10分钟......道别梦一样的前厅吧......

入口与出口

入口

缺乏信息，无法总结，所有人切入的方式都是完全未知且不同的。

出口

接受他给你的送别礼，随后，回到你当初所来的地方。

你什么时候来过这里？

作者信息

_default: 2023旧日之景竞赛原创层级怀旧悲剧生存难度0

页面版本：10，最后编辑：2023年9月29日 14:35（UTC+08:00）

R-The Backrooms同人创作站

你什么时候来过这里？

这是什么

用法

相关组件

CSS修改

大小合理的脚注

等宽字体编辑/代码

电传打字机背景

不要大脸

碎裂碎裂

代码颜色

调试模式

著作信息

这是什么？

使用方法：

这是什么

用法

相关组件

CSS修改

大小合理的脚注

等宽字体编辑/代码

电传打字机背景

不要大脸

碎裂碎裂

代码颜色

调试模式

这是什么？

使用方法

示例

描述

“褪色效应”

“记忆折射”

“送别礼”

入口与出口

入口

出口