[[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;" ]]
style="display: none;" ]]
如何使用:
[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]
class 处的可用参数包括以下内容,支持简繁体及英文输入。
| English | 简体中文 | 繁體中文 |
|---|
| 0 | 1 | 2 | 3 | 4 | 5 | 0 | 1 | 2 | 3 | 4 | 5 | 0 | 1 | 2 | 3 | 4 | 5 |
| unknown | 未知 | 未知 |
| habitable | 宜居 | 宜居 |
| deadzone | 死区 | 死區 |
| pending | 等待分级 | 等待分級 |
| n/a | 不适用 | 不適用 |
| amended | 修正 | 修正 |
| omega | 终结 | 終結 |
该组件支持简繁切换,如下方代码所示:
[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]
在 lang 处选择语言,cn 表示简体中文,tr 表示繁体中文,不填默认选择简体中文。
自定义等级
[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000(带有井号的十六进制色号代码。)
|image=链接(至图片的链接。)
|one=在这
|two=随便
|three=放文字
]]
使用 CSS 进行自定义:
你可以使用 CSS 进行额外的自定义,将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中,不要把 [[module css]] 放在 [[include]] 里面,把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色,因为组件的 |color= 部分仅能控制背景:
[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;
/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */
/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */
/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */
/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]
旧版颜色:
如果你不喜欢新版的样式,想要用回旧版的红色边框色,只需要在你的页面中与组件一同引入下方的代码:
[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]
Level IF-52是后室IF层群的第52层。
描述
Level IF-52类似于一个不断下雪的小型城镇,城镇被一座高山所环绕,山上由一片覆雪森林所覆盖,城镇的路上覆盖着积雪,城镇存在着医院、学校、警察局等基础建筑,这些建筑物内大多保留着完好的物品,且完全可以正常使用,目前少部分已经开始人为运营起来。
Level IF-52内的夜晚极长,据记录,该层级内的黑夜最高连续时长可达3天以上,Level IF-52内的温度维持在-12~6℃之间,若流浪者并无保暖的衣物时,层级内的人员会对流浪者提供帮助。
Level IF-52的高山高度未知,且无法跨越到另一头区域,高山的结构较稳定,但有时会发生小型的雪崩,发生雪崩的区域已被贴以警示牌,建以围栏封闭。Level IF-52的覆雪森林中的树木种类繁多,容易砍伐,易作为建筑材料建造庇护所。若流浪者需要砍伐森林中的树木时可进入层级内的补给站,补给站通常建于山脚下,上有中英文双语标识,里面时长刷新工具。覆雪森林的树木在被砍伐后,于接下来的1~4天内会重新生长完毕。
Level IF-52中的道路排列较为齐整,道路上积雪较少,通常会被层级自我清理掉,这些道路将城镇划为统一的方格,每个方格之内必有建筑物,最为常见的是公寓楼,公寓楼的一层为登记处,登记处中放有大量储物柜,储物柜上标有号码,流浪者可在获得登记处的钥匙后找到专属储物柜存放物品,二楼及以上以旋转楼梯连接,每一层的走廊都为从楼层中心处向外以十字形展开,在每一层的靠窗区域也存在着一条走廊,这条走廊包围着楼层内部的结构。每一层的每一条走廊上通常有10个可居住的房间,这些房间里有着完整的卫生间和客厅兼卧室。
Level IF-52的城镇中常常可见售卖食物的摊贩,这些食物种类包括水果蔬菜、正餐、小吃等,这些摊贩常常将食物置于推车之上,且获得了营业许可,这些摊贩大多为层级内常驻人员运营。Level IF-52中有着完整的农业生产企业,Level IF-52中植物的生长速度约为其他层级的2.5~4倍,也因此,该层级内大部分水果蔬菜已被出口至其他层级。
Level IF-52内的湖泊通常已被冻结,Level IF-52中的水在凝结后体积与密度都会增加,目前尚未知晓其原理,Level IF-52中的湖泊附近通常人员较少,温度极低,在湖泊区域探索之时,流浪者的感官会减弱,主观时间感知会逐渐变慢,若流浪者在湖泊附近死亡,流浪者的尸体将会立即消失,同时在流浪者死亡的位置生成一张流浪者的名牌。
基地、前哨与社区
B.O.P.冷凝基地
破冰者
滑雪场
巡查
探索之时
外侧
霜降节
- 200人社区
- 拥有大量食物储备
- 不定期于街道上进行食物免费品尝活动
入口与出口
入口
出口
页面版本:3,最后编辑:2025年12月19日 13:50(UTC)