Level IF-152

无法获取插入的页面 ":backroom-wiki-cn:theme:cjcjz",可能是站点标识名有误,或您无权在该站点查看此页面

评分: +4+–x

土子住广:

住广:er■o■

  • 错〇
  • 〇误
  • 月贵

[[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 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。
若留空则默认为 等级 一木矢口(即显示为“等级”二字后接一个空格再接等级名称)。
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=准备感受冲击
]]**

Lev■■-I■-404/2。666···是■F世界World的第404/2.666···尸。

手苗之术Describe

Lev■■-I■-404/2.666···被称为##48|错〇##不完全的第n+1次之失人戈Lteration。

属于该尸体云及Level的一切事勿均具有一定勺■误。口大比Therefore,正常无水去No Way拍摄该层级的日刀口片Picture,也无水去No Way理解该尸体云及Level。

牛勿次贝Materials

该尸体云及Level具有大日一里Many牛勿次贝Materials,但因该尸体云及Level的错〇而不具有人壬人可价直。

尸体实踢Entity

可许该尸体云及Level就是叶个巨大的尸体实踢Entity,除外此之,我不想到么什它其的可了能。

特殊效应Normal

误错效应:关于此层级所有的载记不会都会错出。

入口entrance

切入或切出Lev■■-I■-[[$ 404 $时有概率切入该层级。

出口exit

在Lev■■-I■-404/2.66···的任何地方切出都不会进入##48|错〇##。


难道你还是想看看真正的我吗?

无法获取插入的页面 ":backroom-wiki-cn:theme:cjcjz",可能是站点标识名有误,或您无权在该站点查看此页面

评分: +4+–x

正在施工:

施工进程:12%

  • 正在施工!
  • 正在施工!
  • 正在施工!

[[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 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。
若留空则默认为 等级 未知(即显示为“等级”二字后接一个空格再接等级名称)。
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=准备感受冲击
]]**

啊,请不要随意走动,否则你会很容易掉入错误的。

正如刚才伪造页面记录的,我是那个错误的第n+1次迭代。

但很幸运,因为错误中的一些错误(其实我也不知道是不是错误里的错误),我的迭代被停止了,这让我成为了一个不完全迭代的404层级,也就是现今的152。

迭代发生错误后,我产生了意识,因此我决定逃离主层群,来到其它层群,不过在逃离中,我不小心分裂成了多份层级,这导致我每一部分都需要重建。但是又是我的分裂,导致我没那么容易重建自身,这就是我还在施工的原因。

不过请相信我,这里很快就会变成一个四通八达的宜居层级,现在我已经施工了12%的内容,虽然它们看起来还是有一点点错误,但是很快就好!

但是因为我是错误的迭代,所以现在在我这里还是很容易进入错误(注意!!!重申一遍!!!),请不要走动,我会找到安全的区域带你看看我的。

额,可能我有点啰嗦了,那么我先带你看看我吧。

描述

我是一个具有意识的层级,别看现在我这里只有图层错乱的草原,但是我早晚能建设成一座宏大的都市的d=====( ̄▽ ̄*)b!

我这里已稳定区域的wifi信号不错,你要是想也可以先看看手机,等我一下,我去看看之后应该怎么写( ̄▽ ̄)"。

物资

我这里有很多的杏仁水和面包,但是现在它们还没有作用,也无法获得(;´д`)ゞ。啊,不对,应该是食用后会卡入离不开的地方,别吃o(≧口≦)o!

实体,实体,实体......该怎么写呢,我还没创造呢(ノへ ̄、)......有了!

实体

按道理来说,我应该也算实体,放心,我是绝对无害的,之后这里建造好了,有需要可以找我啊ヾ(≧▽≦*)o。

至于其它实体,之后我会创造的,它们也绝对是无害的,请相信我(ง •_•)ง!

效应我这里不打算有,就不写了吧(●'◡'●)。

基地,前哨和社区?提前写了也没问题吧。

基地,前哨和社区

宏大都市Grand Metropolis

这里是我专门为你们建造的聚集地,到时候你们来就对我感恩戴德吧(~ ̄▽ ̄)~!

入口

我会救一些在错误里的人的>﹏<。

至于你们想来就在手机上给我发消息吧(。^▽^)!

出口

现在乱走会进入错误的。

现在吃这里的面包和杏仁水会卡入离不开的地方。

至于建成后的出口,我还没想好ฅʕ•̫͡•ʔฅ。

什么,你们说我的内容不规范(o|o) ,诶呀,我就一层级,对我要求那么严格干嘛(/▽\)。

还有缺少的项目?等我重建好哦,之后你们跟我说我会补上的ㄟ( ▔, ▔ )ㄏ。

这里是建造进度:

区域进度
郊区47%
宏大都市5%
物资22%
实体18%
出入口17%
整体12%

那么,该离开了

这是什么

我用户 '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 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。
若留空则默认为 等级 一木矢口(即显示为“等级”二字后接一个空格再接等级名称)。
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=准备感受冲击
]]**

Lev■■-I■-404/2。666···是■F世界World的第404/2.666···尸。

手苗之术Describe

Lev■■-I■-404/2.666···被称为##48|错〇##不完全的第n+1次之失人戈Lteration。

属于该尸体云及Level的一切事勿均具有一定勺■误。口大比Therefore,正常无水去No Way拍摄该层级的日刀口片Picture,也无水去No Way理解该尸体云及Level。

牛勿次贝Materials

该尸体云及Level具有大日一里Many牛勿次贝Materials,但因该尸体云及Level的错〇而不具有人壬人可价直。

尸体实踢Entity

可许该尸体云及Level就是叶个巨大的尸体实踢Entity,除外此之,我不想到么什它其的可了能。

特殊效应Normal

误错效应:关于此层级所有的载记不会都会错出。

入口entrance

切入或切出Lev■■-I■-[[$ 404 $时有概率切入该层级。

出口exit

在Lev■■-I■-404/2.66···的任何地方切出都不会进入##48|错〇##。


难道你还是想看看真正的我吗?
====

无法获取插入的页面 ":backroom-wiki-cn:theme:cjcjz",可能是站点标识名有误,或您无权在该站点查看此页面

评分: +4+–x

正在施工:

施工进程:12%

  • 正在施工!
  • 正在施工!
  • 正在施工!

[[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 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。
若留空则默认为 等级 未知(即显示为“等级”二字后接一个空格再接等级名称)。
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=准备感受冲击
]]**

啊,请不要随意走动,否则你会很容易掉入错误的。

正如刚才伪造页面记录的,我是那个错误的第n+1次迭代。

但很幸运,因为错误中的一些错误(其实我也不知道是不是错误里的错误),我的迭代被停止了,这让我成为了一个不完全迭代的404层级,也就是现今的152。

迭代发生错误后,我产生了意识,因此我决定逃离主层群,来到其它层群,不过在逃离中,我不小心分裂成了多份层级,这导致我每一部分都需要重建。但是又是我的分裂,导致我没那么容易重建自身,这就是我还在施工的原因。

不过请相信我,这里很快就会变成一个四通八达的宜居层级,现在我已经施工了12%的内容,虽然它们看起来还是有一点点错误,但是很快就好!

但是因为我是错误的迭代,所以现在在我这里还是很容易进入错误(注意!!!重申一遍!!!),请不要走动,我会找到安全的区域带你看看我的。

额,可能我有点啰嗦了,那么我先带你看看我吧。

描述

我是一个具有意识的层级,别看现在我这里只有图层错乱的草原,但是我早晚能建设成一座宏大的都市的d=====( ̄▽ ̄*)b!

我这里已稳定区域的wifi信号不错,你要是想也可以先看看手机,等我一下,我去看看之后应该怎么写( ̄▽ ̄)"。

物资

我这里有很多的杏仁水和面包,但是现在它们还没有作用,也无法获得(;´д`)ゞ。啊,不对,应该是食用后会卡入离不开的地方,别吃o(≧口≦)o!

实体,实体,实体......该怎么写呢,我还没创造呢(ノへ ̄、)......有了!

实体

按道理来说,我应该也算实体,放心,我是绝对无害的,之后这里建造好了,有需要可以找我啊ヾ(≧▽≦*)o。

至于其它实体,之后我会创造的,它们也绝对是无害的,请相信我(ง •_•)ง!

效应我这里不打算有,就不写了吧(●'◡'●)。

基地,前哨和社区?提前写了也没问题吧。

基地,前哨和社区

宏大都市Grand Metropolis

这里是我专门为你们建造的聚集地,到时候你们来就对我感恩戴德吧(~ ̄▽ ̄)~!

入口

我会救一些在错误里的人的>﹏<。

至于你们想来就在手机上给我发消息吧(。^▽^)!

出口

现在乱走会进入错误的。

现在吃这里的面包和杏仁水会卡入离不开的地方。

至于建成后的出口,我还没想好ฅʕ•̫͡•ʔฅ。

什么,你们说我的内容不规范(o|o) ,诶呀,我就一层级,对我要求那么严格干嘛(/▽\)。

还有缺少的项目?等我重建好哦,之后你们跟我说我会补上的ㄟ( ▔, ▔ )ㄏ。

这里是建造进度:

区域进度
郊区47%
宏大都市5%
物资22%
实体18%
出入口17%
整体12%

那么,该离开了
====
--]

页面版本:6,最后编辑:2025年6月23日 07:47(UTC)
除非特别注明,本页内容采用以下授权方式:Creative Commons Attribution-ShareAlike 3.0 License。