What this is
A bunch of miscellaneous CSS 'improvements' that I, 
Croquembouche, use on a bunch of pages because I think it makes them easier to deal with.
The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.
I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.
This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.
Usage
On any wiki:
[[include :scp-wiki:component:croqstyle]]
This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.
Related components
Other personal styling components (which change just a couple things):
Personal styling themes (which are visual overhauls):
CSS changes
Reasonably-sized footnotes
Stops footnotes from being a million miles wide, so that you can actually read them.
.hovertip { max-width: 400px; }
Monospace edit/code
Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.
@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; }
Teletype backgrounds
Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.
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;
}
No more bigfaces
Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.
.avatar-hover { display: none !important; }
Breaky breaky
Any text inside a div with class nobreak has line-wrapping happen between every letter.
.nobreak { word-break: break-all; }
Code colours
Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.
Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.
Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: link
: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
Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.
You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.
.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; }
扰动等级：擾動等級：
{$disruption-class}
特殊收容措施：SCP-5485文件即刻起被锁定，涉及Site-██（下称Site-5485）的识别信息被从所有相关文档中删除。不应修改此文档至可进一步阐明其潜在诱因的状态。
必须采取一切必要手段，阻止对SCP-5485的本质或诱因达成理性共识的尝试。鉴于此，SCP-5485的分级无限期保留为等待分级。
被SCP-5485转化过的Site-5485内部。
描述：SCP-5485是发生于1999/02/29的一次逻辑重构事件.[来源请求]。由于仍未能完全理解的原因，SCP-5485导致Site-5485被易位至地中海的海床上，距希腊的伊兹拉岛海岸约700千米。此站点的数台设备已被直接转化，转化后大致相当于1910年至1930年时期的基金会水下站点中的装置。此次转化影响了设施的整个外部及其数处内部结构（见右）。
提及SCP-5484的信息载有一种模因.[来源请求]属性，会诱导出更强烈的怀疑和猜测心态，尤其是在提及SCP-5485和Site-5485自身的本质时。在事件发生后，这种模因属性看起来已经作用于Site-5485的职员，这可以从对他们内部文件的多种编辑行为看出，这些编辑行为采用了“[来源请求]”或类似形式。
以下是从Site-01安保数据库中恢复出的Site-5485档案之节录：
Site-██位于希腊的品都斯山脉地区，它是基金会西欧支部的联络中心，亮眼处是专长于监视并研究多个相关组织及其相应的地区性势力。与GoI-004（“破碎之神教会”）的明处和暗处接触均主要是由此地进行协调。
SCP-5485-A是在探索Site-5485时从其数据库中恢复出的文件。这些文件是SCP-5485模因效应的传播媒介，记录下了在提及Site-5485的本质和功能的受影响人员群体中出现的逻辑共识的恶化。
Site-5485内部表现出非欧几里得拓扑且缺乏连续性，这与GoI-2979（“Are We Cool Yet?”）成员创作出的、以相干性和逻辑超结构失效为实质焦点的异常把戏相一致。记录到的效应包括：
- 前面提及的将站点结构转化为水下技术
- 绘制于舷窗内部的模因危害，引起受影响人员和海洋生物对半折叠并即刻殒命
- 在任何头部防护内部发出的持续性敲击声
- 蓝色墙面.[来源请求]
未能记录到更多效应，因为机动特遣队人员对周身环境进行逻辑分辨的能力随时间流逝而变差。当被命令施加标准认知抗性技术时，剩余人员游出了站点入口并分割为肉块，肉块保持活化并前行加入一鱼群中。
发现：在SCP-5485事件之前，RAISA.记录及信息安全管理部门的主管Maria Jones收到了一通Site-5485打来的电话，提及了数据库的矛盾。通话转录如下：
| 音频转录5485-A |
| 记录官：RAISA主管Maria Jones |
| « 记录开始 » |
Jones主管：RAISA办公室，这里是主管Jones。
未知：嗨，嗯，我打这个电话是因为你们文件搞错了。你们肯定看走眼了。
Jones主管：……能再说一遍吗？
[来电者不耐烦地叹气。]
未知：你们的文件称我们是一个联络站点。我认为你们肯定是把我们跟另一处设施搞混了，因为绝对没有什么丫的机器人崇拜者会潜水下来这儿的。
[因Jones主管检查来电者的ID而停顿。]
Jones主管：只是确认一下，你是从Site-██呼入的吗？
未知：是的，我能看见它，它就在这儿。我看得很准。
Jones主管：所以确切地讲，跟我通话的是哪位？
未知：站点主管，Han Sharpe。不过你们没把我列在你们那版档案上，不知何故。
[停顿，伴有机械键盘声音。]
Jones主管：你最好没在开玩笑，Sharpe主管，因为我没在记录中找到任何叫你这个名字的受雇于基金会。
未知：带“Q”的Sharpe。
Jones主管：什么？
未知：Sharpe的拼写中带个“Q”。
[一段更长的停顿。]
Jones主管：你现在有三十秒时间咏诵你的权限口令。
[来电者深呼吸了片刻。]
未知：来源请求。
Jones主管： 什么？
[来电者结束了通话。] |
| « 记录结束 » |
后续失去所有与Site-5485的联系，这显著地打乱了基金会西欧支部的运作并导致围绕GoI-004活动展开的一次侦察任务失败。之后，设立在伊兹拉岛上的另一安保设施探测到了Site-5485的遇险信标。
十二小时内，机动特遣队人员即得以成功定位并探索了此已被移至水下的站点。值得注意的是，设施的外部被涂鸦上了粗陋的机械、鱼类图案和看起来不相干的符号（见右）。十二尊主要由钙组成的矿物质雕像被发现坐在站点食堂的数张桌子前，带有明显的痛苦或大笑表情。每尊前都有同样的餐盘，托有一张ID卡、一盒牛奶、一条金鱼。上述ID卡被发现属于Site-5485的研究人员，这些雕像正是摹刻出了他们。未发现其他人员。.[来源请求]
| 附篇5485-1：事件记录 |
| 总结：以下SCP-5485事件记录是由回收自Site-5485的数个视频和音频文件编纂而来的。这些文件的准确度和受SCP-5485异常效应影响的程度未知。 |
| « 记录开始 » |
| 14:06 |
在主管办公室中，一男子坐在其桌前并用其电话发起了一次通话。这即是前面转录出的通话，通话期间男子从桌前站起并无目的地踱步。 |
| 14:08 |
在站点食堂中，一穿有深海潜水装置的人形身影进入房间。人员向身影挥手，仿佛这是普通景象。 |
| 14:09 |
主管通话期间脱下了鞋。他将手伸入左脚鞋中并产生出一个亮蓝色字母Q。之后他很快挂断了通话。 |
| 14:17 |
食堂的视频镜头中似乎有一处剪辑，但时间戳未变。一瞬间，人员已分散至食堂的外侧墙壁，指向房间中心并呈现大叫状（不过没有音频可供证实）。潜水者不知所踪。 |
| 14:22 |
主管现在坐在办公室的另一把椅子上。他仔细地用一把美工刀将左脚鞋割成两半，并摇晃这两半仿佛在试着倒出内容物。没有东西掉出来，他又将手伸入右脚鞋，产生出另一个字母Q。 |
| 14:26 |
食堂的镜头中看起来又有一处剪辑，或者是拼接上了另一组镜头。现在房间的灯关闭；透过舷窗可以看到鱼群。食堂中所有桌子都被推至靠墙。人员在房间中央的地板上坐成一圈。潜水者缓慢地绕着圆圈外部行走。 |
| 14:30 |
主管办公室的镜头受污损。 |
| 14:35 |
食堂的灯恢复至打开。墙面为蓝色。人员和食堂桌子不知所踪。一套深海潜水装备已被丢弃在地板上。毗邻于它的是用死鲑鱼排列拼出的字母“LHOOQ”。 |
| 14:36 |
食堂的镜头结束。 |
| 15:00 |
主管办公室再次可见。Sharpe主管遭肢解的躯体被整齐地堆在他的椅子上。在顶部，一个大型亮蓝色字母Q亘在他的颅骨上。“来源请求”的字样被用血涂在墙上。 |
| « 记录结束 » |
| 注释：主管“Han (Q?) Sharpe”已被辨认为Site-5485主管Joseph Rutherford。 |
| 附篇5485-2：事故报告 |
日期：1999/04/01
记录官：O5-2 |
总结：Jones主管被告知有一起针对Site-01安保数据库的未授权编辑行为；Site-5485设施档案被错误地编辑，显示它一直都是一处水下研究和收容设施，且正文中附加了多处质疑文档可信性的脚注。此次编辑被溯源至一台本地接入的终端，遂部署机动特遣队人员处置入侵者。然而，特遣队抵达时并未发现任何入侵者；反倒是接入的终端被与一团电线和腐烂的鳟鱼熔合在一起。直接目击了此结构的人员对相关任务失去兴趣，前行并在地板上围绕它坐成一圈。
后续尝试移除此结构，导致更多人员屈从于其影响；并伴有其所在处的逻辑性现实失效。在数小时的时间里，受影响人员食用了残余的鳟鱼尸体，又食用了此结构的机械部分，导致其惨死。经过监督者间的充分讨论，站点的受影响区域被封锁、弃用并以现实稳定锚技术稳定。 |
| 更新于1999/04/03：按O5议会共识，SCP-5485文件已被无限期锁定。人员不应被告知Site-01弃用区段的本质，亦不应被告知为何它的墙面为蓝色。.[来源不请求] |
页面版本: 8, 最后编辑于: 06 Mar 2023 20:54
.JPG){kind=link}