[[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]]
Holy land-121是一片神所赐福的土地,我在此欢迎你的到来。
描述:
哦,你好,流浪者,我是太阳神克罗斯福,很高兴与你相识。实在说,若不是为了将这篇文章投进你们那个专门组织的数据库里,我是完全不会这么循规蹈矩的写格式的。
下面由我来为你们介绍一下这片圣土吧!这是我统治下的大地,是一片美丽的圣地。
Level IF-121是一片一望无际的丘陵平原地形,高度差最值为349.75米,我很欣赏这个我特意设置的数字。在平原上,溪流缓缓流过,滋润着神祝福过的土地,河流顺着沟渠流开,形成巨大的灌溉河网,伸展着流向远方。
远处,是洁白无瑕的群山,山峦蔓延着,不断的伸向远方,形成一副壮美奇丽的风景。那些山是这里的神山,请原谅我不能让各位探索者们登上它们。如果你们执意向山而前进,它只会如同一直后退般渐渐消失在你的视野里。
天空是那么的蓝,云是那么的纯,代表我的太阳永挂在这幅蓝色水墨的正中央,为这片大地带来光明与温暖。月亮也占据着半边天,发出幽幽的光,与那满天繁星共同构成了一幅夜的美景,祂们都是我的家人。
在这片广袤的代名词上,生长着无尽的花草,不同颜色的植株混合着,色彩斑斓。那些溪流灌溉着这些生命,以至于使它们长的有些放肆。尽管这里并没有天气,季节,昼夜循环,但那些露珠仍会准时出现。
在河网旁,有一些禾本科植物,它们会分泌皇家口粮与杏仁水的混合物,这是我唯一允许你们利用的资源。MEG曾要派人开发这里,但它们都被我驱逐了,这片圣地需要独属于它的规则—禁止开发,来去不留。
在这片神奇的土地上也不失后室的核,有时,你会发现一些水源自天空而下,注入水流,形成云中瀑布;有时,在水中凝结着壮美的虹霓,那是一种很美丽的色彩。如果你偶然发现了该层级中的森林,那么请走进它,它会给予你祝福。
当你走入密林,四周的空气骤然清新了起来,空气含氧量得到了微量的提高,这定会使你感到舒适。在林中探索时,脚底的枯枝落叶发出沙沙的声响,那是我也爱听的,所以我保留了那些树与落叶。
在这里你有时会发现一些低地,有些地方的土壤已被翻开,露出地下的黄金,不过不要贪心,每人仅限10g。当你微量携带它们时,你的运气会变好,但若是你贪心了,那么那些神的宝物会给你带来厄运。
有时,一些风车楼出现在平原上,它们不断转动,让你如同身处童话一般。在这里,微风无时无刻不在吹拂,它们使人感到舒适,清凉。
实体
无
基地,前哨和社区
暂无
入口与出口
入口
当你在旅途中感到疲倦时,我会让你来小憩一会。
出口
只需要表达一下你的祝福,我会让你回去的。
你想听听我的故事吗?
在古老的虚无中,有一个被群山环抱的神秘层级,那里的人们崇拜着两位至高无上的神祇:日神,以及月神。
月神,是一位美丽而神秘的神祇,她掌管着夜晚的宁静。每当夜幕降临,她便驾驶着一匹匹足以在黑夜中无踪无际的黑马,穿越天际,洒下柔和的月光,为大地带来安宁与希望。
日神,抑或说太阳神,是天空中最璀璨的天体化身,被称为“日”,拥有预知未来的能力。
传说在很久以前,两神相爱了。他们的爱情超越了神与神之间的界限,成为了天地间最美丽的传说。然而,他们的爱情也引起了其他憎恶者的嫉妒和不满,因为神的爱情被认为是对天地秩序的挑战。
于是,一场神的战争爆发了。日神波动命运的丝线,挥舞着手中的戟,一骑绝尘;月神身跨战马,手中大剑飞出,转眼便是一颗首级。
但再强的勇士也难以匹敌千军万马,那些疯子的管理人员轮番上阵,我们再抵挡不住。我身负重伤,而她也伤痕累累。我翻阅了无数遍命运的谱子,却再没找到一个破局的音符。
忽然,在夜色中,她的身上燃起了大火,火吞噬了她,只留下一句永别。一场爆炸将我炸飞,远离了战场,而我的挚爱却已与那些疯狂者共同葬身。
在那个被战火撕裂的夜晚,日神被爆炸的力量抛向了遥远的天际,而月神的身影在火焰中消逝,只留下那一句永别的回响在夜空中回荡。日神的心中充满了悲痛。
日神回到了他的神殿,那里曾经是他们共同的居所,现在却只剩下了孤独和回忆。他闭上了眼睛,泪水滑落。
随着时间的流逝,日神的力量逐渐恢复,他开始在人间寻找能够帮助他复仇的勇士。他找到了一群勇敢的战士,他们对月神的牺牲感到悲痛,对那些叛神者的暴行感到愤怒。日神将他的力量赋予了这些战士,他们的目标是消灭那些污垢。
在一个没有月亮的夜晚,光之守卫们在日神的带领下,悄然接近了憎恶者的领地。他们悄无声息地穿过了黑暗,像月神曾经驾驶的黑马一样,无踪无际。当他们到达那座充满罪恶的堡垒时,屋内仍在歌舞升平。日神释放了他积蓄已久的力量,一道道炽热的光线穿透了夜空,照亮了战场。
日神像太阳一样在战场上空盘旋,他的光线成为了战士们的指引,也是他们最强大的武器。那些肮脏堕落者们在光的力量下节节败退。
日神站在战场的废墟上,他知道这场胜利是月神牺牲的结果,是他深爱的人用生命换来的和平。
日神将月神的遗物——一块能够反射月光的神石,安置在了最高的山峰之巅。每当夜幕降临,这块宝石就会反射出柔和的月光,照亮整个大地,就像月神从未离开一样。
日神遣散了它的军队,迁移了他的人民,他正在与他的挚爱永远的在一起,永远永远……
页面版本:4,最后编辑:2026年1月25日 07:55(UTC)