≡
[[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; }
这是什么？
这是旧版全自定义层级等级组件，是为了解决旧版层级等级组件的样式问题（如难以自定义边框颜色、文字颜色和字体、列表行高等）而诞生的高自由度组件。该组件由 用户 'CutTheBirch' 不存在 制作并存放于后室英文维基沙盒站，后分别由 用户 'Cambrian White' 不存在 和 用户 'Ambersight' 不存在 两次翻译为中文版本并搬运至后室中文维基沙盒站。相关页面如下表所示：
考虑到目前中文维基网站内仍有多个页面正在使用该组件，为方便管理和维护，由 用户 '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。
若留空则默认为 等级 1（即显示为“等级”二字后接一个空格再接等级名称）。 |
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-194。
Level R-194 是一处无限延伸的开阔空间，乌云充斥着天空，并向这片大地倾泻着风雨，没有一丝安慰；无尽的黑色取代了这片大地原先的色彩，并剥夺了一切生命存在的痕迹。浓密的雾霾淹没了这片大地，减弱了天空中那未知光源所卸下的光芒。
睁开双眼，在单调的房间中起身；环顾四周，只有一扇窗户存在着，透过黯淡的阳光环顾四周，除了墙上、天花板，以及地板刷上的黑色之外，没有任何家具、装饰，甚至是生命存在的痕迹，仿佛讲述着这大地曾经经历过的某种灾难。
拾起地上的透明雨伞，推开残破不堪的玻璃大门，独自一人撑着伞，在荒凉的街道上行走。环顾四周，万物像是被剥夺了色彩一般，没有除黑白灰之外的其他颜色存在。走近高耸的摩天大楼，并试图在其中寻找着任何可能对自己有用的事物，但原本应当存在门窗的位置，在流浪者踏上街道的那一刻起就被冰冷的黑墙取代，所有的建筑亦是如此。这对那些游荡在此的流浪者而言，它们已不再有着城市的价值，而是无尽的、冰冷的褪色几何体丛林而已。
在其中漫无目的地游荡，便有可能发现数座延伸至远方的大桥，桥梁凌驾在无尽虚空之上，不禁给路过桥梁之人滋生一种恐惧感。停下脚步，看向桥下，无尽的虚空充斥了浓厚的云层，震耳欲聋的雷声时常从虚空之中传来，伴随着明亮的闪电短暂地照亮着早已失去生机的大地。
在此地探索数日后，流浪者才发觉，这片大地并不是一块完整的无边际褪色城市，而是凌驾于万丈虚空之上，且规模无法被估计的巨型破碎群岛。无数的城市区块堆砌在岛屿之上，并以公路桥互相连接，而流浪者所看到的，仅仅只是其所显露出的冰山一角罢了。
日复一日的游荡，于此的流浪者终将会厌恶那无尽重复的景观；如流浪者需要自此离开，只需不断寻找远处朦胧的白色光芒，若看见了它，需丢弃雨伞，奋力地向前奔去，流浪者周围会逐渐被远方的白光所吞噬，向着前方持续前行，方可回到进入层级前的地方。
离开此地之人几乎没有任何有关于此地的记忆，尽管他们在此地把一切经历上传到数据库的事情是真实的，但他们会将在此地的经历视为一场梦境，随后选择将其遗忘。
基地、前哨与社区
由于似乎没有任何人可以在此相遇，故没有社区存在。
入口与出口
已于上文提及。
页面版本：5，最后编辑：2024年3月3日 12:13（UTC+08:00）
