[[iftags +组件]]
这是什么
我用户 'Croquembouche' 不存在用在一大堆页面上的一大堆各种各样的CSS“改进”，因为我觉得这样就能使其更容易处理。
该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点（也就是我经常干的事）。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。
我不期望用了这个组件的文章的翻译版也会用到这个组件，除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。
这个组件可能不会与其它组件或版式冲突，且即使会冲突，也可能不会有什么影响。
用法
在任意维基上：
[[include :scp-wiki:component:croqstyle]]
该组件被设计于与其它组件一同使用，所以-=-是用来隐藏该文档的。在另一个组件内使用时，请确保将该组件放在[[iftags]]块内，这样你的组件的用户就不会强制同样使用 Croq 风格。
相关组件
其它个人自定义组件（只会改变一点点东西）：
- RSO组件 — 用户 'Rounderhouse' 不存在
个人自定义版式（在视觉上有大的变化）：
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:unfold-sidebar]]
/* Unfold Sidebar */
/* By Mercuresphere */
:root {
--toggle-button-bg: rgb(var(--swatch-menubg-color));
--toggle-border-color: rgb(var(--swatch-border-color));
--toggle-border-width: 0.25rem;
--toggle-icon-color: rgb(var(--sidebar-links-text));
--toggle-roundness: 50%;
}
@media only screen and (min-width: 769px) {
#content-wrap {
max-width: unset;
display: grid;
position: static;
grid-template-columns: calc(var(--sidebar-width-on-desktop)) calc(50% - var(--body-width-on-desktop)/2 - var(--sidebar-width-on-desktop)*3/2) 1fr calc(50% - var(--body-width-on-desktop)/2 - var(--sidebar-width-on-desktop)/2);
grid-template-areas: "side-bar . content";
grid-area: content-wrap;
flex-grow: 2;
flex-direction: column;
margin: 0 auto;
width: 100%;
height: auto;
min-height: calc(100vh - var(--final-header-height-on-desktop));
}
#main-content {
position: unset;
max-height: unset;
display: grid;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
grid-template-areas:
"action-area-top"
"page-title"
"breadcrumbs"
"page-content"
"page-tags"
"page-info-break"
"page-options"
"action-area-btm";
grid-area: content;
flex-basis: var(--body-width-on-desktop);
margin: 0 auto;
background-color: transparent;
padding: 2rem 1rem;
width: calc(100% - 3rem);
max-width: var(--body-width-on-desktop);
}
#side-bar {
transform: unset;
transform: unset;
transition: unset;
width: unset;
min-width: unset;
grid-area: unset;
padding-right: unset;
top: unset;
max-height: unset;
position: unset;
left: unset;
padding-left: unset;
scrollbar-width: unset;
overscroll-behavior: unset;
scrollbar-color: unset;
direction: rtl;
height: calc(100vh + 2rem);
background-color: rgba(var(--swatch-menubg-color, 255, 255, 255), 1);
}
#side-bar::-webkit-scrollbar-thumb {
background-color: rgba(170, 170, 170, 1);
}
#side-bar:hover::-webkit-scrollbar-track {
background: rgba(var(--swatch-tertiary-color), .05);
}
#side-bar:hover, #side-bar:active {
padding-right: unset;
margin-right: unset;
transform: unset;
transform: unset;
overflow-y: unset;
scrollbar-color: unset;
}
#side-bar:focus-within {
padding-right: unset;
margin-right: unset;
transform: unset;
transform: unset;
overflow-y: unset;
scrollbar-color: unset;
}
#main-content::after {
content: unset;
position: unset;
display: unset;
align-items: unset;
justify-content: unset;
width: unset;
height: unset;
max-height: unset;
top: unset;
transition: unset;
left: unset;
background: unset;
background-repeat: unset;
background-position: unset;
background-attachment: unset;
background-size: unset;
pointer-events: unset;
}
#side-bar:hover+#main-content::after, #side-bar:active+#main-content::after {
left: unset;
left: unset;
background-position: unset;
background-position: unset;
transition: unset;
opacity: unset;
width: unset;
font-size: unset;
}
#side-bar:focus-within+#main-content::after {
left: unset;
left: unset;
background-position: unset;
background-position: unset;
transition: unset;
opacity: unset;
width: unset;
font-size: unset;
}
#main-content::before {
--not-ie: unset;
content: unset;
background-color: unset;
background-color: unset;
position: unset;
position: unset;
top: unset;
top: unset;
left: unset;
transform: unset;
transform: unset;
width: unset;
width: unset;
height: unset;
height: unset;
transition: unset;
opacity: unset;
pointer-events: unset;
z-index: unset;
margin-bottom: unset;
margin-bottom: unset;
}
#side-bar:hover+#main-content::before, #side-bar:active+#main-content::before {
transform: unset;
opacity: unset;
}
#side-bar:focus-within+#main-content::before {
transform: unset;
opacity: unset;
}
#side-bar .side-block {
margin-top: unset;
background-color: unset;
border-radius: unset;
border-left-width: unset;
border-right-width: unset;
direction: ltr;
}
@supports (-ms-ime-align: auto) {
#side-bar {
overflow-y: unset;
overflow-x: unset;
transform: unset;
}
#side-bar:hover, #side-bar:active {
overflow-y: unset;
transform: unset;
margin-left: unset;
}
#side-bar:focus-within {
overflow-y: unset;
transform: unset;
margin-left: unset;
}
#main-content::before {
left: unset;
transform: unset;
}
}
}
style="display: none;" ]]
Level R-215是后室R层群的第215层，其于2020/9/19被一名探员发现。
描述
Level R-215被描述为一片梨花林，目前尚未发现该层级的边界。
Level R-215拥有24小时的昼夜更替和约19.5℃的恒温；其地形相对较为平坦且无大幅度起伏。值得注意的是：尽管其拥有正常的时间流逝，但目前并未捕捉到其内梨树结果的画面。
Level R-215的梨树生长毫无规律。有些地区的生长较密集，而另些地区的生长则极为稀疏。目前，测量到生长最高的梨树高约39.7m。梨树并非该层级唯一植物，如杂草、小型花卉及藤蔓等植物在该层级仍可正常生长。
较独特的一点是，该层级的梨花所散发出的香气貌似能起到使流浪者放松的作用。但令人惋惜的是，将其带出该层级后，其香气会在一定时间内迅速减弱乃至消失；又因其在被取走后并不会主动补充至原样，故经过各种测定，发现该层级的花香浓度相比于刚发现时下降了约8％。因此，不再支持流浪者采集梨花并带出该层级。
通常，流浪者在切入该层级后，首先会来到该层级中心处的一条泥土小径上方。随着对该层级的逐渐深入，这条小径会越发曲折，有时甚至会出现断层的现象。尽管如此，该层级深处的结构仍是极稳定的。
茅屋(The thatched cottage)
茅屋是Level R-215的一个特殊结构，在此结构内部的区域，摄像机将无法使用，故无法记录到该结构内部的照片。
该结构位于Level R-215的较深处，但经多次测试发现，该结构会在流浪者较饥渴的时候更容易出现。该结构表现为一间较破败的房屋，其墙壁貌似经过了多次修葺，因其墙面的材料似乎来自不同层级的不同木材。其正门最显眼的位置由人为书写着极大的“请进”字样。
该结构内部相对较狭小，面积约为12㎡。于其左侧摆放有一张竹床，可供2名成年流浪者同时躺卧。于其右侧有一个竹筒倚在墙面上，其内液体为淡水，尝过此淡水的流浪者均将其形容为“甘甜的”。
该结构周围貌似形成了一个小型前哨，据其成员口中得知：该结构于刚被发现不久相较目前更为简陋。且经调查，现组成该结构的墙面材料似乎大多数均由其成员提供，该结构内所存放的物资也大部分由其成员补给。据该前哨成员称：他们为该结构所做的行为均是为了方便经过此处的流浪者，为过路人提供补给品以及暂时休息的场所。目前，该前哨的成员数量正在不断增加。
基地、前哨和社区
除上述前哨以外，Level R-215内还建立了一定数量的前哨。较有代表性的是：
M.E.G.“梨花”前哨
- 已有16名流浪者加入该前哨。
- 开放贸易并与大多数前哨保持友好。
- 物资较丰富。
- 位于入口附近。
入口与出口
入口
出口
页面版本：2，最后编辑：2023年7月20日 21:31（UTC+08:00）
