多厨的怪谈世界之旅 重构(1)

[[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; }
评分: +6+–x

这是什么?

这个组件可以改变顶栏当中用户信息和搜索栏两部分的显示状态,使其变为可折叠并默认隐藏。


使用方法:

若需使用本组件,请在你页面的任意位置插入以下代码:

[[include :backrooms-wiki-cn:component:toggle-search-top-box]]

这个组件可以适配大部分版式的配色方案,遇到不能适配的少数场合(如采用亮色系版头的版式)可以额外引入以下代码修改配色:

评分: +6+–x

注意:

本作品目前正在招募第二位作者

有意者请联系我QQ904635889说明,或者进入我们的工作室群聊,群号878111014。

第一章:偶遇魔族少女

陈凡收拾好物资,一路奔波,正在徒步前往通往R层群的一条小路上。

“按照指挥官的指令,这里应该就是通往R层群的遗迹了。”陈凡将背包扔到一旁俯身蹲下,查看这附近有没有可供自己到达R层群的“切入点”,即到达另一层群的入口。而“切入点”乃是通往后室中另一个分支世界的临界点,也是通往那里的“传送门”。而“切入点”的外貌也通常表现为多面没有粗糙质感的光滑墙面。

陈凡掏出望远镜,对着旁边望了望,紧接着在一面布满灰尘的大墙面前停下,附身用纸巾在石壁上不断的擦拭,直到这面墙上的尘垢掉落。露出它的真面貌,而几分钟后,映入眼帘的是一面整洁如新的墙面,在这空无一人的郊外遗迹中极度显眼,仿佛能吸引流浪者前来此地————这亦是“切入点”的含义。

“看来就是这里了,虽说切入时会昏迷,但按照指挥官的说法,我很快就会在昏迷后获救……”

陈凡用手触摸着那面墙,他的手径直的穿过了墙体,留下几分波动的痕迹,仿佛穿越了空间一般。紧接着,他的躯体意外的进入了墙面之中,宛如异常现象。

终于来到了Level R-1,可陈凡却没有一点昏昏欲睡的感觉,反而愈加兴奋。

就在这时,陈凡的手机出现了电话响铃的声音,那是B.F.P.F指挥官打来的电话。等到陈凡接响电话时,指挥官的怒吼从电话一端传来:

“都一个月了,你在R层群干什么呢!”

陈凡当时就愣住了,他切入R层群才不到几天之久,可指挥官这边所说的时间就已经过去了“一个月”。后来,自己才想起来最为致命的一点,要不是自己作为首位具有特殊能力的C层群流浪者,这一切甚至都会被他怀疑“是不是一场梦”。

“喂,小子,你到底安不安全?”

陈凡笑了,现在的他当然很安全,对于一名于前厅上线的高级穿越者来说,徒手砸汽车,空手拆大楼什么的都是小儿科——如果说把前厅的环境比喻成一个适宜新手入门的生存空间,那么自己所处的后室世界就是高手云集的地方,各路大佬汇聚,互相切磋武艺,还有野怪出没。在这样的环境中,自己的特殊能力足够在这荒无人烟的危险之地存活下来。但这些能力陈凡也不敢擅自使用,因为供自己升级,修炼的Level C-102据点被毁,自己无法再补充能量,进阶能力。现在的陈凡简直就是一个只能发电,不能充电的充电宝。

“陈凡,你小子刚刚不接我电话干什么呢?!”指挥官怒吼到。

“指挥官大人,我现在正在Level R-1歇息呢。”陈凡在电话一旁说道。

“你小子,现在给我立马去Level R-422见一个人。”

“好的好的,长官。”

“果然,这里的时间变得越来越不准确了,小心行事,这里随时都有可能崩塌。”陈凡摸了摸Level R-1阶梯旁的墙壁,小声说道。

“陈凡,在Level R-422你会遇到一位名为炎魅的少女,你要和她好好交流,因为最近你得去W.K往空群体报道一下,担任W.K往空群体与B.F.P.F合作活动的参与者。”

说完,长官挂下了电话,这使得陈凡心生疑惑,对于一个拥有特异能力的高级穿越者来说,这一切都是动个手指头就能做到的事情。

说完,陈凡刚想纵身一跃,但感受到自己体内的能量正在以一种极快的速度流失,随后苦涩一叹又弹回了地面。随后化作一道残影离开了Level R-1。以当前的能力来说,瞬移到Level R-422内的能量很少,并不会影响他日后战斗的异能使用。

与此同时,一只身躯庞大,长满黄色眼睛的鸟儿站在Level R-422一座女子研究室的面前。这只鸟儿名叫大鸟,是一只来自黑森林的异常生物。

“嗯……反正审判鸟和小鸟赶来也需要30分钟,那么在这段时间里……”

“就不允许我的视线靠近锁孔了吗……啊……”

大鸟把一只眼睛贴近锁孔,紧接着,他看到一位女性坐在板凳上,粉色的马尾,那矫健的身材,令大鸟终身难忘。

“NICE!!!”大鸟比了个“完美”的手势,紧接着继续窥探。

“快住手!”

陈凡赶来叫停大鸟,当时的大鸟被人发现后当场惊讶到了趴在地上的境地。一直哀求陈凡放过他。

“好吧,那我就放过你。”

“是!”

大鸟离开了陈凡的视线。

正在陈凡感叹之时,那扇门被突然打开,粉发少女的头重新从那里冒出。

“喂,怎么了?你守在这里?”

“没什么。”陈凡撇了一眼少女,说道:“刚刚有人偷看你,我就把他赶跑了,现在在这里我也不知道干什么。”

“哦,是这样啊,那可真感谢你了。”少女笑到。

不知为何,陈凡的脸开始变得通红,一股熟悉的感觉冒上心头,这还是他第一次和这位少女如此真实的近距离接触。这种感觉让他有点不知所措。但是很快,他就突然反应了过来————

“这……”

“你就是我们要找的人吧?炎魅?”

陈凡笑道。

“你怎么知道我的名字的。”炎魅问道。

“我是B.F.P.F派过来跟你们合作的外交官,专门和W.K往空群体进行近距离接触,如果允许的话,能带我去游览一下你们W.K往空群体的基地环境吗?这样的话,也许我会在长官面前说你几句好话。”

“当然可以了,我们这里是后室著名旅游景点……不过你真想去的话,我们可以去B.C.T旅游公司的据点呗,干嘛还要费尽苦心干那些事情。”

“好,那你带我去一下吧。”

“很愿意。”

“你叫什么名字?”

“陈凡…………”


未完待续

页面版本:4,最后编辑:2023年8月12日 20:16(UTC+08:00)
除非特别注明,本页内容采用以下授权方式:Creative Commons Attribution-ShareAlike 3.0 License。