⚠️警告⚠️
我们现在必须封禁此信息,因为此实体正在被捕捉,并且此实体的稀少会导致无法挽回的后果。如果我们知道了此实体的信息,追捕此实体的掠食者只会知道的更多。
[[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);
}实体编号:R-β
栖息地:名为时间的海洋
描述:

在名为时间的大海里遨游
抹香鲸β表现为在时间中遨游的鲸鱼,你的一生在这只鲸鱼眼中,只不过是一瞬。不可否认的是,此实体极度危险任何用视觉观测此实体的行为都无异于自杀,因为任何用视觉观测此实体的流浪者毫无意外全部在短时间内衰老,即使是观测照片也段时间衰老,此事件发生原因未知。抹香鲸β会在特定的时间点,和前厅的鲸类一样从位于头部的呼吸孔喷出液体,这些液体切记不要饮用抹香鲸β从呼吸口喷出的液体,此液体会瞬间让流浪者化为灰烬。此实体的能力对其他实体也有效果,但如果被影响的实体寿命无限,此实体的效果基本为零。
行为:
抹香鲸β在所有层级间毫无目的的移动,此实体可以通过未知方法,切出。此实体对流浪者造成的伤害似乎都是在不经意间。我真的很抱歉…
生物学特征:
抹香鲸β的外形类似前厅的鲸类,此实体通过特殊方法像类似游泳的姿势漂浮在空中。但将流浪者进入此实体周围时,会感到窒息感,据接触者所说感觉就像胸腔中进了水。
发现记录:
在2000年的#月#日发现该实体,虽然之前也在流浪者的流传中知道了此实体的存在,但这是第一次真正发现了此实体。当时此实体游荡到了某层级的基地中,抹香鲸β经过的地方到处都是枯骨和此实体喷出的液体。
附加信息:
此实体似乎拥有一定的智慧,并且和层级真实拥有一些关系,因为一些进入过此层级的流浪者,稍微喝下一些抹香鲸β喷出的液体就可以缓解。
行为准则:
应当:
- 远离该实体
- 尽量不用肉眼观测此实体
不应:
- 饮下此实体喷出的液体
作者
wd:superintendent-V
图像来自
wd:Super K
无版权网站
« [[[遨游]]] | 在 | [[[名为时间的海洋]]] »
