列表暂不可用: 此 ListPages 查询尚未由只读迁移站支持。
这是什么
我
Croquembouche用在一大堆页面上的一大堆各种各样的CSS“改进”,因为我觉得这样就能使其更容易处理。
该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点(也就是我经常干的事)。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。
我不期望用了这个组件的文章的翻译版也会用到这个组件,除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。
这个组件可能不会与其它组件或版式冲突,且即使会冲突,也可能不会有什么影响。
用法
在任意维基上:
[[include :scp-wiki:component:croqstyle]]
该组件被设计于与其它组件一同使用,所以-=-是用来隐藏该文档的。在另一个组件内使用时,请确保将该组件放在[[iftags]]块内,这样你的组件的用户就不会强制同样使用 Croq 风格。
相关组件
其它个人自定义组件(只会改变一点点东西):
个人自定义版式(在视觉上有大的变化):
CSS修改
大小合理的脚注
不让脚注达到一百万里那么宽,让你能确实地阅读脚注。
css
.hovertip { max-width: 400px; }
等宽字体编辑/代码
使编辑文本框内字体等宽,且将所有等宽字文本改为Fira Code,也是个明显很优秀的等宽字字体。
css
@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>元素加上亮灰色的背景({{文本}}),使得代码片段更为突出。
css
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;
}
不要大脸
禁用悬停于某人的头像的时候出现的大图片,因为这图片又蠢又真的很烦人,想看大头像版本的话直接点击一下就行了。
css
.avatar-hover { display: none !important; }
碎裂碎裂
任何在带有nobreak类的div中的文本可以在字母间自动换行。
css
.nobreak { word-break: break-all; }
代码颜色
将我终端中的代码颜色加为变量。可能我会在什么时候把它改成比如Monokai或者别的更加常见的终端主题,但是现在暂时这还是我的个人主题,是从Tomorrow Night Eighties中衍生而来的。
还有,将.terminal类像[[div class="code terminal"]]一样添加到假代码方块中可以让它有一个有点伪终端样的暗色背景。不能用在[[code]]中,因为Wikidot嵌入了一大堆语法来使其高亮,不用一大堆CSS是改不动的。只能用在非[[code]]的代码片段中。
css
: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添加到某个元素中以给调试框加注释——虽然你得确保有留下足够的垂直空间,让注释不会与其上方或下方的东西重叠。
css
.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; }
[[div style="display: none"]]
[[=]]
▷ 显示代码 ◁△ 隐藏代码 △
| 指定站点 | 站点主管 | 首席研究员 | 指派机动特遣队 |
| Site-400 | 站点主管Adam Desmond | N/A | N/A |
特殊收容措施:在Site-400站点主管批准下,Curran博士已获准继续其在基金会的长期任职。然而,其须始终佩戴专用安全头盔,包括睡眠及个人洗漱期间。
所有显现的园艺锄具须被收容并转运至奥秘消解设施AAF-Y/400进行热处理处置。
描述:SCP-7520是指目前影响Site-400异常通讯与关系部门主管、高级研究员Jaxon Curran的一种尚未明确的异常现象。
每日在完全随机的时间间隔内(01:00AM至00:00AM之间),会有五至十把完全相同、配有木制手柄的金属园艺锄具于Curran博士头顶上方约一米处显现。这些园艺锄具除突兀出现之外,不表现出任何其他外在异常性质。
附录7520-1,现象学概述:尽管SCP-7520的确切首次显现时间尚不明确,但已知最早记录的事件发生于2018年6月8日,当时Site-400在多功能食堂举行建站100周年纪念活动。
事件发生期间在场的基金会人员报告称,该异常现象在Curran博士进入食堂并喊出一句被多名目击者描述为“冒犯性”“欠考虑”“不尊重”“带有贬损意味”以及“极度厌女”的话语后立即显现。
以下为通过食堂监控摄像头记录的事件视频转录内容:
视频记录7520.1
<记录开始>
画面显示食堂内已布置多种派对装饰,包括彩虹色丝带与飘带,房间各个角落均系有多只彩色气球。八张餐桌被拼接摆放于食堂中央,其上放置着一块已被食用过半的中等尺寸巧克力蛋糕。现场亦可见其他食品、零食及饮品。
多名基金会人员正在彼此愉快地交谈,其中大多数人手持装有切块蛋糕的塑料餐盘。一条白色横幅悬挂于食堂两侧墙壁之间,上以金色字体印有“HAPPY 100, 400!”字样。
食堂双开门突然被推开,Curran博士与另外两名男性紧随其后进入。三人彼此面带微笑并轻声嬉笑,随后Curran博士大笑出声,并向其中一名人员点头示意。他随后走向食堂中央,面向在场所有基金会人员。
Curran博士:(低声)好吧。(清嗓)那些“园艺锄”在哪儿?
十把园艺锄随即在Curran博士头顶上方显现并坠落,其中数把击中其肩部与头部。他因突如其来的冲击而惊叫,被大量堆叠在身上的锄具压制。现场可听见多名站点人员倒吸冷气,Curran博士则因疼痛发出呻吟。先前那两名男性随即将Curran博士扶起,试图将其从锄具堆中拖离。
<记录结束>
Curran博士因此遭受轻微脑震荡,背部及额头亦有轻度撕裂伤。在其恢复健康后,被带至Site-400人力资源部门,并因上述行为受到严厉警告,同时被处以两周停职处分。
尽管发生了该事件,Site-400百年纪念庆典仍按计划正常进行。
‡ 授权 / 引用‡ 隐藏授权 / 引用
请按如下方式引用此页:
更多详情请参阅授权指南。
=====
页面版本:0, 最后编辑于: 2026/6/20 07:38:45 (88 日前), 现时评分: 2