内容分别整理自记录员u/Chainbot798和u/LavaTiny87991所撰写的报告以及所有流浪者口头报告。经M.E.G.商讨会议,保持u/LavaTiny87991报告中定义等级
[[iftags +组件]]
这是什么
我用户 'Croquembouche' 不存在用在一大堆页面上的一大堆各种各样的CSS“改进”,因为我觉得这样就能使其更容易处理。
该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点(也就是我经常干的事)。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。
我不期望用了这个组件的文章的翻译版也会用到这个组件,除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。
这个组件可能不会与其它组件或版式冲突,且即使会冲突,也可能不会有什么影响。
用法
在任意维基上:
[[include :scp-wiki:component:croqstyle]]
该组件被设计于与其它组件一同使用,所以-=-是用来隐藏该文档的。在另一个组件内使用时,请确保将该组件放在[[iftags]]块内,这样你的组件的用户就不会强制同样使用 Croq 风格。
相关组件
其它个人自定义组件(只会改变一点点东西):
- RSO组件 — 用户 'Rounderhouse' 不存在
个人自定义版式(在视觉上有大的变化):
- Magnus网络格式 — 用户 'DrMagnus' 不存在
- flop风格 CSS — 用户 'Lt Flops' 不存在
- 空白风格 CSS — 用户 'HarryBlank' 不存在
- 占位风格 CSS — 用户 'Placeholder McD' 不存在
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; }这是什么?
这是 Isle 实体威胁评分(Isle Entity Threat Score,IETS)组件,提供了关于某特定实体的危险程度和智力水平的直观信息。由 用户 'CutTheBirch' 不存在 制作了最初版本,并由
wd:hoah2333
重新制作了当前的版本,完全重构了代码,并增添了动画。
使用方法
若需使用本组件,请在你所需的地方黏贴下方代码:
[[include :backrooms-wiki-cn:component:iets
lang=cn/tr
danger=威胁
intelligence=智能
]]**
你需要填入所有未标记为“(可选)”的参数。缺少参数将会导致组件无法正常运作。
| lang (可选) | 语言选择 选择组件的显示语言。填入 cn 为简体中文,填入 tr 为繁体中文。 不填默认显示简体中文。 |
| danger | 威胁等级 描述实体的危险程度。 |
| intelligence | 智能等级 描述实体的智力水平。 |
示例:
你可能注意到了,该组件会在鼠标悬停时将其下方的所有文字整体向下推移。如果你不喜欢这个特性,可以将组件的 [[include]] 修改为下方的样式:
[[include :backrooms-wiki-cn:component:iets no-push=--]
lang=cn/tr
danger=威胁
intelligence=智能
]]**
修改后,组件不会将下方所有文字整体推移,但会占用悬停后文字整体的高度。如下方所示。
除此之外,威胁等级填写 0~5 可使 IETS 的边框变色。若你需要使用范围外的威胁等级,或是不满意当前所显示的颜色,可以使用以下代码更换颜色:
[[module CSS]]
:root {
--box-border: red, green, blue;
--box-shadow: red, green, blue;
}
其中 red、green、blue 对应边框的红、绿、蓝色值,数值在 0~255 之间。你亦可以单独修改不同威胁等级的边框颜色,下方列出了目前所使用的边框色值:
[[module CSS]]
:root {
--box-color-0: 27, 122, 44;
--box-color-1: 88, 248, 70;
--box-color-2: 211, 186, 0;
--box-color-3: 239, 149, 0;
--box-color-4: 254, 110, 24;
--box-color-5: 253, 69, 69;
}
组件样式代码
:root {
--box-border: var(--gray-monochrome);
--box-shadow: var(--swatch-tertiary-color);
--box-color-0: 27, 122, 44;
--box-color-1: 88, 248, 70;
--box-color-2: 211, 186, 0;
--box-color-3: 239, 149, 0;
--box-color-4: 254, 110, 24;
--box-color-5: 253, 69, 69;
}
.extrabox {
float: right;
position: relative;
}
.box {
position: relative;
width: max-content;
min-width: 11rem;
display: flex;
flex-direction: column;
height: 2.25rem;
box-sizing: border-box;
padding: 0 0.5rem;
background: rgb(var(--pale-gray-monochrome));
border-left: 0.5rem solid rgba(var(--box-border), 0.5);
box-shadow:
inset 0 0 0 0.0625rem rgba(var(--box-shadow), 0.5),
inset 0.0625rem 0 0 0 rgba(var(--box-shadow), 0.5),
inset 0 -0.0625rem 0 0 rgba(var(--box-shadow), 0.75);
transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
font-family: Inter, "Noto Serif SC", sans-serif;
cursor: default;
overflow: hidden;
}
.box br {
display: none;
}
.box .iets-before {
position: relative;
font-size: 1.5rem;
display: flex;
opacity: 1;
right: 0;
top: 0;
transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.box .iets-after {
position: relative;
right: 999rem;
top: 0;
opacity: 0;
transition:
opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
top 0s 0.25s,
right 0s 0.25s;
}
.box .iets-before .iets-link {
opacity: 1;
}
.box:hover {
height: 5.063rem;
}
.box:hover .iets-before {
top: -2.25rem;
right: 999rem;
opacity: 0;
transition:
opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
top 0s 0.25s,
right 0s 0.25s;
}
.box:hover .iets-after {
display: flex;
flex-direction: column;
top: -2.25rem;
right: 0;
opacity: 1;
transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.box .iets-after .iets-link {
font-size: 1.5rem;
}
.extrabox[class*="{"] .lang-tr,
.extrabox[class*="cn/tr"] .lang-tr,
.lang-cn .lang-tr,
.lang-tr .lang-cn {
display: none;
}
.box.class-0 {
--box-border: var(--box-color-0);
--box-shadow: var(--box-color-0);
}
.box.class-1 {
--box-border: var(--box-color-1);
--box-shadow: var(--box-color-1);
}
.box.class-2 {
--box-border: var(--box-color-2);
--box-shadow: var(--box-color-2);
}
.box.class-3 {
--box-border: var(--box-color-3);
--box-shadow: var(--box-color-3);
}
.box.class-4 {
--box-border: var(--box-color-4);
--box-shadow: var(--box-color-4);
}
.box.class-5 {
--box-border: var(--box-color-5);
--box-shadow: var(--box-color-5);
}实体编号:100
栖息地:无固定栖息地
描述:
Entity R-100在视觉层面上除地面投影1外几乎隐形,且无法通过常规方法接触,具有极强的伪装性
****已知该实体唯一图像
行为
Entity R-100会在生存等级低于3以下的层级徘徊,极少数会成群结队徘徊在生存等级为5左右的层级,不过据部分流浪者报告称,部分实体会在部分死区层级徘徊,具体原因未知。
Entity R-100在切出层级时会直接穿墙以切出层级,在极少数情况下会用常规方式切出,原因未知。
Entity R-100对电灯开关有着浓厚的兴趣,经常摆弄层级内的某处电灯开关。似乎不愿暴露在黑暗中。
如果Entity R-95被激怒,那么激怒该实体的流浪者会被该实体直接击杀。
生物学特征
此实体并没有可供接触的结构,但从其投影来看,可能为无面灵或其他类人实体
发现记录:
此实体最早发现于Level R-17
据第一位目击实体的流浪者报告,在实体突然窜到其眼前时,他下意识地加快了速度,因此导致在跑完全程后因严重脱水倒在了Level R-2
附加信息:
[[iftags +组件]]
这是什么
我用户 'Croquembouche' 不存在用在一大堆页面上的一大堆各种各样的CSS“改进”,因为我觉得这样就能使其更容易处理。
该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点(也就是我经常干的事)。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。
我不期望用了这个组件的文章的翻译版也会用到这个组件,除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。
这个组件可能不会与其它组件或版式冲突,且即使会冲突,也可能不会有什么影响。
用法
在任意维基上:
[[include :scp-wiki:component:croqstyle]]
该组件被设计于与其它组件一同使用,所以-=-是用来隐藏该文档的。在另一个组件内使用时,请确保将该组件放在[[iftags]]块内,这样你的组件的用户就不会强制同样使用 Croq 风格。
相关组件
其它个人自定义组件(只会改变一点点东西):
- RSO组件 — 用户 'Rounderhouse' 不存在
个人自定义版式(在视觉上有大的变化):
- Magnus网络格式 — 用户 'DrMagnus' 不存在
- flop风格 CSS — 用户 'Lt Flops' 不存在
- 空白风格 CSS — 用户 'HarryBlank' 不存在
- 占位风格 CSS — 用户 'Placeholder McD' 不存在
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; }这是什么?
这是 Isle 实体威胁评分(Isle Entity Threat Score,IETS)组件,提供了关于某特定实体的危险程度和智力水平的直观信息。由 用户 'CutTheBirch' 不存在 制作了最初版本,并由
wd:hoah2333
重新制作了当前的版本,完全重构了代码,并增添了动画。
使用方法
若需使用本组件,请在你所需的地方黏贴下方代码:
[[include :backrooms-wiki-cn:component:iets
lang=cn/tr
danger=威胁
intelligence=智能
]]**
你需要填入所有未标记为“(可选)”的参数。缺少参数将会导致组件无法正常运作。
| lang (可选) | 语言选择 选择组件的显示语言。填入 cn 为简体中文,填入 tr 为繁体中文。 不填默认显示简体中文。 |
| danger | 威胁等级 描述实体的危险程度。 |
| intelligence | 智能等级 描述实体的智力水平。 |
示例:
你可能注意到了,该组件会在鼠标悬停时将其下方的所有文字整体向下推移。如果你不喜欢这个特性,可以将组件的 [[include]] 修改为下方的样式:
[[include :backrooms-wiki-cn:component:iets no-push=--]
lang=cn/tr
danger=威胁
intelligence=智能
]]**
修改后,组件不会将下方所有文字整体推移,但会占用悬停后文字整体的高度。如下方所示。
除此之外,威胁等级填写 0~5 可使 IETS 的边框变色。若你需要使用范围外的威胁等级,或是不满意当前所显示的颜色,可以使用以下代码更换颜色:
[[module CSS]]
:root {
--box-border: red, green, blue;
--box-shadow: red, green, blue;
}
其中 red、green、blue 对应边框的红、绿、蓝色值,数值在 0~255 之间。你亦可以单独修改不同威胁等级的边框颜色,下方列出了目前所使用的边框色值:
[[module CSS]]
:root {
--box-color-0: 27, 122, 44;
--box-color-1: 88, 248, 70;
--box-color-2: 211, 186, 0;
--box-color-3: 239, 149, 0;
--box-color-4: 254, 110, 24;
--box-color-5: 253, 69, 69;
}
组件样式代码
:root {
--box-border: var(--gray-monochrome);
--box-shadow: var(--swatch-tertiary-color);
--box-color-0: 27, 122, 44;
--box-color-1: 88, 248, 70;
--box-color-2: 211, 186, 0;
--box-color-3: 239, 149, 0;
--box-color-4: 254, 110, 24;
--box-color-5: 253, 69, 69;
}
.extrabox {
float: right;
position: relative;
}
.box {
position: relative;
width: max-content;
min-width: 11rem;
display: flex;
flex-direction: column;
height: 2.25rem;
box-sizing: border-box;
padding: 0 0.5rem;
background: rgb(var(--pale-gray-monochrome));
border-left: 0.5rem solid rgba(var(--box-border), 0.5);
box-shadow:
inset 0 0 0 0.0625rem rgba(var(--box-shadow), 0.5),
inset 0.0625rem 0 0 0 rgba(var(--box-shadow), 0.5),
inset 0 -0.0625rem 0 0 rgba(var(--box-shadow), 0.75);
transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
font-family: Inter, "Noto Serif SC", sans-serif;
cursor: default;
overflow: hidden;
}
.box br {
display: none;
}
.box .iets-before {
position: relative;
font-size: 1.5rem;
display: flex;
opacity: 1;
right: 0;
top: 0;
transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.box .iets-after {
position: relative;
right: 999rem;
top: 0;
opacity: 0;
transition:
opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
top 0s 0.25s,
right 0s 0.25s;
}
.box .iets-before .iets-link {
opacity: 1;
}
.box:hover {
height: 5.063rem;
}
.box:hover .iets-before {
top: -2.25rem;
right: 999rem;
opacity: 0;
transition:
opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
top 0s 0.25s,
right 0s 0.25s;
}
.box:hover .iets-after {
display: flex;
flex-direction: column;
top: -2.25rem;
right: 0;
opacity: 1;
transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.box .iets-after .iets-link {
font-size: 1.5rem;
}
.extrabox[class*="{"] .lang-tr,
.extrabox[class*="cn/tr"] .lang-tr,
.lang-cn .lang-tr,
.lang-tr .lang-cn {
display: none;
}
.box.class-0 {
--box-border: var(--box-color-0);
--box-shadow: var(--box-color-0);
}
.box.class-1 {
--box-border: var(--box-color-1);
--box-shadow: var(--box-color-1);
}
.box.class-2 {
--box-border: var(--box-color-2);
--box-shadow: var(--box-color-2);
}
.box.class-3 {
--box-border: var(--box-color-3);
--box-shadow: var(--box-color-3);
}
.box.class-4 {
--box-border: var(--box-color-4);
--box-shadow: var(--box-color-4);
}
.box.class-5 {
--box-border: var(--box-color-5);
--box-shadow: var(--box-color-5);
}实体编号:[待定]
>我不知道选什么编号……等M.E.G.内部讨论完后在写吧
栖息地:[待定]无栖息地点
>我记得最初只在Level R-17有目击,而且那位目击者好像被吓得直接跑脱水了……
描述:
该实体在视觉层面上几乎隐形,且移速极快,可能会导致流浪者惊吓过度2
疑似此实体图像
>第一次写这玩意,像是抽了似的
>不过这玩意我记得并不是完全隐形而是只有一片影子,所以……这好像就是为什么它移动得这么快的原因
>M.E.G.特地派我来寻找这个实体,笑死,我连层级都不认识
行为:
此实体会以极高的速度跨越光照不足或完全黑暗的地方,例如Level 1或Level 6,但会有几率停留在一些完全暗黑的层级
此实体对电灯开关有着浓厚的兴趣,经常摆弄层级内的某处电灯开关
>它对电灯开关似乎着了魔似的喜爱,疯狂开关电灯试图把电灯泡的使用寿命强制缩短
>我尝试向它丢过来一个电灯开关,我嘀妈呀,它竟然把开关“捡”起来疯狂摆弄3
生物学特征:
此实体并没有明显的生物学特征,但通过其阴影形状来看,可能为无面灵或其他人形实体
>只能看到它的头部,看上去面部几乎光滑,而且当时灯光恰好就在这个实体的正上方(可能吧,但愿如此),看上去已经接近2米左右了
发现记录:
>yes,它已经被我耍得团团转了,接下来就是跟踪它了
附加信息:
>有人在吗!!!!!!!救命啊!!!!!!!!我跟它切入了Level 6,然后我跟丢了,正想切出,它他妈的竟然直接开了这里的灯!!一群实体正在向我冲来!!!
>我现在明白了了,这个实体的真实IETS评级至少不是3E+
>而是该死的5B+!!!
行为准则:
应当:
>在流浪者第一次遇见它的时候向它丢个电灯开关,然后尽量远离它!立刻!!马上!!!
>然后向M.E.G.报告,让他们来找个送死鬼处理!
不应:
>别用电灯开关把它当个猴子耍,它会把流浪者引诱到Level 6然后开灯,让流浪者暴露然后被其他实体杀死!
>我已经想好把终端扔进Level 7了,希望不会被哪个实体给吃了或者泡水泡坏了,如果被哪个流浪者找到那再好不过了……
>记录员u/Chainbot798记录完毕,再见。
M.E.G.报告:
记录员u/Chainbot798已被确认死亡。正如他所说,此实体会把自己伪装成3E+并迷惑流浪者从而引导该流浪者一步步走向死亡。因此,在遇见此实体后,请通过电灯开关迷惑该实体后远离并报告M.E.G.已确认下一步行动。
[[iftags +组件]]
这是什么
我用户 'Croquembouche' 不存在用在一大堆页面上的一大堆各种各样的CSS“改进”,因为我觉得这样就能使其更容易处理。
该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点(也就是我经常干的事)。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。
我不期望用了这个组件的文章的翻译版也会用到这个组件,除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。
这个组件可能不会与其它组件或版式冲突,且即使会冲突,也可能不会有什么影响。
用法
在任意维基上:
[[include :scp-wiki:component:croqstyle]]
该组件被设计于与其它组件一同使用,所以-=-是用来隐藏该文档的。在另一个组件内使用时,请确保将该组件放在[[iftags]]块内,这样你的组件的用户就不会强制同样使用 Croq 风格。
相关组件
其它个人自定义组件(只会改变一点点东西):
- RSO组件 — 用户 'Rounderhouse' 不存在
个人自定义版式(在视觉上有大的变化):
- Magnus网络格式 — 用户 'DrMagnus' 不存在
- flop风格 CSS — 用户 'Lt Flops' 不存在
- 空白风格 CSS — 用户 'HarryBlank' 不存在
- 占位风格 CSS — 用户 'Placeholder McD' 不存在
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; }这是什么?
这是 Isle 实体威胁评分(Isle Entity Threat Score,IETS)组件,提供了关于某特定实体的危险程度和智力水平的直观信息。由 用户 'CutTheBirch' 不存在 制作了最初版本,并由
wd:hoah2333
重新制作了当前的版本,完全重构了代码,并增添了动画。
使用方法
若需使用本组件,请在你所需的地方黏贴下方代码:
[[include :backrooms-wiki-cn:component:iets
lang=cn/tr
danger=威胁
intelligence=智能
]]**
你需要填入所有未标记为“(可选)”的参数。缺少参数将会导致组件无法正常运作。
| lang (可选) | 语言选择 选择组件的显示语言。填入 cn 为简体中文,填入 tr 为繁体中文。 不填默认显示简体中文。 |
| danger | 威胁等级 描述实体的危险程度。 |
| intelligence | 智能等级 描述实体的智力水平。 |
示例:
你可能注意到了,该组件会在鼠标悬停时将其下方的所有文字整体向下推移。如果你不喜欢这个特性,可以将组件的 [[include]] 修改为下方的样式:
[[include :backrooms-wiki-cn:component:iets no-push=--]
lang=cn/tr
danger=威胁
intelligence=智能
]]**
修改后,组件不会将下方所有文字整体推移,但会占用悬停后文字整体的高度。如下方所示。
除此之外,威胁等级填写 0~5 可使 IETS 的边框变色。若你需要使用范围外的威胁等级,或是不满意当前所显示的颜色,可以使用以下代码更换颜色:
[[module CSS]]
:root {
--box-border: red, green, blue;
--box-shadow: red, green, blue;
}
其中 red、green、blue 对应边框的红、绿、蓝色值,数值在 0~255 之间。你亦可以单独修改不同威胁等级的边框颜色,下方列出了目前所使用的边框色值:
[[module CSS]]
:root {
--box-color-0: 27, 122, 44;
--box-color-1: 88, 248, 70;
--box-color-2: 211, 186, 0;
--box-color-3: 239, 149, 0;
--box-color-4: 254, 110, 24;
--box-color-5: 253, 69, 69;
}
组件样式代码
:root {
--box-border: var(--gray-monochrome);
--box-shadow: var(--swatch-tertiary-color);
--box-color-0: 27, 122, 44;
--box-color-1: 88, 248, 70;
--box-color-2: 211, 186, 0;
--box-color-3: 239, 149, 0;
--box-color-4: 254, 110, 24;
--box-color-5: 253, 69, 69;
}
.extrabox {
float: right;
position: relative;
}
.box {
position: relative;
width: max-content;
min-width: 11rem;
display: flex;
flex-direction: column;
height: 2.25rem;
box-sizing: border-box;
padding: 0 0.5rem;
background: rgb(var(--pale-gray-monochrome));
border-left: 0.5rem solid rgba(var(--box-border), 0.5);
box-shadow:
inset 0 0 0 0.0625rem rgba(var(--box-shadow), 0.5),
inset 0.0625rem 0 0 0 rgba(var(--box-shadow), 0.5),
inset 0 -0.0625rem 0 0 rgba(var(--box-shadow), 0.75);
transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
font-family: Inter, "Noto Serif SC", sans-serif;
cursor: default;
overflow: hidden;
}
.box br {
display: none;
}
.box .iets-before {
position: relative;
font-size: 1.5rem;
display: flex;
opacity: 1;
right: 0;
top: 0;
transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.box .iets-after {
position: relative;
right: 999rem;
top: 0;
opacity: 0;
transition:
opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
top 0s 0.25s,
right 0s 0.25s;
}
.box .iets-before .iets-link {
opacity: 1;
}
.box:hover {
height: 5.063rem;
}
.box:hover .iets-before {
top: -2.25rem;
right: 999rem;
opacity: 0;
transition:
opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
top 0s 0.25s,
right 0s 0.25s;
}
.box:hover .iets-after {
display: flex;
flex-direction: column;
top: -2.25rem;
right: 0;
opacity: 1;
transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.box .iets-after .iets-link {
font-size: 1.5rem;
}
.extrabox[class*="{"] .lang-tr,
.extrabox[class*="cn/tr"] .lang-tr,
.lang-cn .lang-tr,
.lang-tr .lang-cn {
display: none;
}
.box.class-0 {
--box-border: var(--box-color-0);
--box-shadow: var(--box-color-0);
}
.box.class-1 {
--box-border: var(--box-color-1);
--box-shadow: var(--box-color-1);
}
.box.class-2 {
--box-border: var(--box-color-2);
--box-shadow: var(--box-color-2);
}
.box.class-3 {
--box-border: var(--box-color-3);
--box-shadow: var(--box-color-3);
}
.box.class-4 {
--box-border: var(--box-color-4);
--box-shadow: var(--box-color-4);
}
.box.class-5 {
--box-border: var(--box-color-5);
--box-shadow: var(--box-color-5);
}实体编号:1 100
>忘了编号系统中没1,后面再改
栖息地:无固定栖息地
>我不想像上次那位一样往里面写垃圾话,这样真没意思
>不过我好像找到那些实体的聚居地了
描述:
Entity R-100在视觉层面上除地面投影外几乎隐形,且无法通过常规方法接触,具有极强的伪装性
>改了一下,好多了
****唯一图像
行为
Entity R-100会在生存等级低于3以下的层级徘徊,极少数会成群结队徘徊在生存等级为5左右的层级,不过据部分流浪者报告称,部分实体会在部分死区层级徘徊,具体原因未知。
Entity R-100在切出层级时会直接穿墙以切出层级,在极少数情况下会用常规方式切出,原因未知。
Entity R-100对电灯开关有着浓厚的兴趣,经常摆弄层级内的某处电灯开关。似乎不愿暴露在黑暗中。
>不愧是M.E.G.,这么快就有这么多报告
生物学特征
此实体并没有可供接触的结构,但从其投影来看,可能为无面灵或类人实体
>跟上面一样,你懂的
附加信息:
>在考察了一段时间后,我发现就算我用Chainbot的方法耍了那个实体,我仍然没像Chainbot那样被引诱到Level 6然后被开灯吸引到的实体弄死,奇了怪了……难道方式不对?
行为准则
应当:
- 避免正面交涉
- 立即通过物品引诱实体并逃跑
不应:
- 正面和实体冲突
- 捉弄实体
>先保持原样,之后再改
行为准则
应当:
- 尽量避免交流
- 通过抛出物品吸引此实体注意力
不应:
- 激怒此实体,这相当于自杀
- 长期跟踪此实体
R分暑期竞赛参赛作品本文仿Level256
wd:UIDrubia
主笔(我总感觉我在写神风文)
wd:China wzt
做修饰和配图(配图由AI生成)(就是神风)
« Entity R-99 | Entity R-100 | Entity R-101 »
