这是什么
我Croquembouche用在一大堆页面上的一大堆各种各样的CSS“改进”,因为我觉得这样就能使其更容易处理。
该组件做出了很多非常细碎的改动以使得写作体验更加舒服且能够使制作组件/版式更加容易一点(也就是我经常干的事)。它不会对读者来说在视觉上改变页面中的任何东西——这些改动是为作者服务的。
我不期望用了这个组件的文章的翻译版也会用到这个组件,除非那个翻译者也喜欢这个组件而且也想用这个组件之类的。
这个组件可能不会与其它组件或版式冲突,且即使会冲突,也可能不会有什么影响。
用法
在任意维基上:
[[include :scp-wiki:component:croqstyle]]
该组件被设计于与其它组件一同使用,所以-=-是用来隐藏该文档的。在另一个组件内使用时,请确保将该组件放在[[iftags]]块内,这样你的组件的用户就不会强制同样使用 Croq 风格。
相关组件
其它个人自定义组件(只会改变一点点东西):
个人自定义版式(在视觉上有大的变化):
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; }
项目编号:SCP-6186
收容等级:Euclid
特殊收容措施: SCP-6186保存于一个能够观察该异常的玻璃气闭间内。每日应检查房间有无任何损伤,并在发现损伤的同时立刻将其修复。当前,尚未进行涉及该异常的测试。
描述: SCP-6186是一团不定形的烟雾云。云团不会消散,且似乎可以自由变形。在观察并发现后,确信该实体具有感知性且可能拥有智能。然而,由于测试尚未进行,目前并不确定其具体智力程度。
它在收容后的行为列表附录入下:
SCP-6186被捕获转运到收容间内。实体立即向研究员观察方向的墙壁移动。12秒后云团中显现出一根附肢,形状与手臂大致相似,在敲打玻璃板2分钟后停止活动。SCP-6186飘浮在收容间中心处保持静态。几分钟后SCP-6186显现出第二根附肢,开始向每面墙壁移动并缓缓飘过,似乎是在感受房间的界限。
当日绝大部分时间里,SCP-6186似乎想穿透收容间墙壁。没有记录到其他特别行为。
SCP-6186开始向外生长。它膨胀到填满了整个收容间,且有多个区域出现烟雾浓度增高。检查收容间外部后,发现这些区域内存在缺陷,可能影响收容间完整性并引发收容突破。收容专家无法确认是否是该实体造成。SCP-6186的收容程序已被更新为包含每日检查房间外部。
SCP-6186在收容间内保持静态。研究员确信在烟雾中看到有模糊的符号出现。此后,实体再次把自己按压在玻璃上,开始创造出无法辨别的符号和形状。然而,实体停了下来,在收容间角落处静止不动。
SCP-6186似乎出现了反常的烦躁。它开始用自身撞击收容间墙壁。一小时后,它在角落处停止活动。这一天里SCP-6186开始慢慢变得扁平并沉降在地板上。它在整日内没有活动。
发现: SCP-6186在2021年8月27日被基金会发现。当时有消防员接到大火报警后前往现场,据称他们在处理事故时目击到了一团不自然的烟柱。据说这团烟雾云在“逆风飞行”,且出现不自然的形状,而非向上升起或者消散在空气中。在当地基金会特工发现后,MTF Epsilon-6 ("乡里愚人")出动追踪并收容此异常。特遣队发现云团进入了Waltzen家的住宅内,据称“骚扰”了当时在场的一家人(Mrs Wlatzen和他们的两名子女)。实体被经改造的工业真空吸尘器捕获。在采取适当记忆删除程序后,SCP-6186被带入Site-19收容。
事后分析火灾发现纵火痕迹。现场发现了Waltzen一家父亲Jack Waltzen的遗体,颅骨明显有遭重击痕迹。在距离现场较远处发现了有一把重型自行车锁和空的便携式天然气罐被仓促埋在土中,车锁上还有与Mr Waltzen匹配的DNA痕迹。此事故的凶手仍然未知,警方调查正在进行中。
页面版本: 9, 最后编辑于: 19 Apr 2024 23:26