配上音乐代入感更强噢!
[[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:toggle-search-top-box]]
这个组件可以适配大部分版式的配色方案,遇到不能适配的少数场合(如采用亮色系版头的版式)可以额外引入以下代码修改配色:
style="display: none;" ]]
[[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:toggle-search-top-box]]
这个组件可以适配大部分版式的配色方案,遇到不能适配的少数场合(如采用亮色系版头的版式)可以额外引入以下代码修改配色:
style="display: none;" ]]
呃......
·
·
·
·
·
“......”
·
·
·
·
·
这里是......
·
·
·
·
·
“(惊觉)啊,来人了。”
·
·
·
·
·
唔......好奇怪的地方......
·
·
·
·
·
“你好,流浪者。”
·
·
·
·
·
你好......(警觉)不对,你是谁?你在哪?我现在在哪一层???
·
·
·
·
·
“......你生前是被钝人所杀,对吧?”
·
·
·
·
·
你这话是什么意思?我已经死了吗???
·
·
·
·
·
“是的。”
·
·
·
·
·
(很快,流浪者传来了些许哽咽声,但马上就变成了放声大哭。)
·
·
·
·
·
“(长舒一口气)你还有什么想问的?”
·
·
·
·
·
......
·
·
·
·
·
“抓紧,时间不多了。”
·
·
·
·
·
你是谁?你人在哪?
·
·
·
·
·
“1.我是一名实体。 2.我没有身体,类似于你们说的神。”
·
·
·
·
·
那......
·
·
·
·
·
(话还没有说完,流浪者的身体突然开始变得透明,随后慢慢变成星点飘向天空。)
·
·
·
·
·
(惊恐)这是怎么回事?
·
·
·
·
·
“三分钟,做得很好了......”
·
·
·
·
·
(绝望)我会去到哪里?
·
·
·
·
·
“坟墓。”
描述
描述正文
“哔————————”
“WiFi已连接。”
“太幸运了,这里居然有网络......不对,该说正事了。你们好,我是来自一个特殊层级的实体。这里是逝者才有机会到达的地方,本应与世界隔绝。但令我惊讶的是最近的一位死去流浪者,他居然带来了手机,并且没有随着那灵魂一起消失。现在,我会利用这部即将关机的手机讲述这里的一切。”
“首先,我在开头已经表明了这是属于逝者与我的层级,但是不是所有死去的人都有资格来到于此。唔......这很难描述,但有个词类似于我想要描述之物——灵魂。”
“人类不属于这个世界的最好证明就是拥有灵魂,这也是只有人类可以到达这里的重要原因。但是很可惜,仅仅拥有灵魂还不够,这个灵魂必须足够坚挺,才有到达此地的契机。此外,坚挺程度还与呆在这里的时间成正比。我记得在这里的最久记录长达10分钟,而最短的只有30秒。那个只有30秒的流浪者来到此地时已经星点化了,根本无法与之交谈。”
“好了,还有百分之六的电量,我再说说流浪者来到这里的情况。流浪者到达这里后,通常我不会第一时间发现,只有他们发出声音时,我才能注意到他们在哪。这里可以容纳很多流浪者,但他们都无法互相见面,不是因为有什么特殊效应,而只是单纯的因为这里太大了。所幸,我没有肉体来限制我的行动,所以我的速度非常快。”
“在遇到流浪者后,我会问一声你好。这短短的三个字用处很大,可以通过对方的行动与回答确认对方是什么样的人,以便用不同的语气与其沟通。我会以最快的速度说明其死因,让他接受自己死亡的事实。这对他来说很不好,但是我必须这么做,不然他会单纯认为自己来到了一个崭新的层级。在他确认自己死亡后,我会允许让他提问,尽量解决他的未解之谜。如果还有时间,我会安慰他的心灵,尽量让他死前不留任何遗憾。”
实体
“我也是不久才确认自己是个实体的。人类对于实体有两大定义:1.在后室生活。2.不是人类。这些是我从逝去科学家口中了解到人类对实体的确切认知,并且人类对极多数实体怀有恶意。不管人类未来对我的看法如何,我会按照实体的标准介绍自己。”
“首先,我的能力如何。这是一个匪夷所思的问题,因为我无法攻击人——确切的说,是我无法找到活人攻击。我一直生活在这里,而这里没有活人。但是除了攻击力之外,我还可以探知流浪者生前最后3分钟的记忆。这个能力我一开始并没有,后来我可以感知到生前的一瞬间,到后来的一分钟、两分钟,到现在的三分钟。”
“我的特点是什么。作为一个没有身体的实体,我却可以异常地抓取这里的任何东西,并且移动极为迅速。我的另一大特点就是会说人类语言,这点可能也是长期进化而来。"
“我的寿命。对比人类来看,我算是一个极其长寿的生物了。我的诞生是从这一层级的出现而来,那时候这里非常小,可能是因为人类刚刚探索到这个世界。到后来,人类切入后室越加频繁,这个层级也变得越来越大,我也对这个世界,甚至是传说中的前厅有了理解和认知。”
基地、前哨与社区
“很抱歉,我对基地、前哨与社区的理解不够,暂时无法确认这里是否存在。”
入口与出口
入口
出口
- “用不了多久,灵魂也会消逝,追随肉体而去......”
页面版本:4,最后编辑:2023年2月12日 18:18(UTC+08:00)