SCP-7148 |
作者 LeeBr |
发布于 27 Mar 2023 10:26 |
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; }
项目编号:SCP-7148
项目等级:Keter
特殊收容措施:基金会将在新月沃地周边建立与维持多个绿洲,为滞留人员提供食物与饮水,以制止SCP-7148显现。绿洲中安设有摄像机、麦克风、阿吉巴辐射追踪仪、温度计等记录仪器,以便追踪与监控SCP-7148。其在沙漠中的出现将通过散布掩盖故事6F3(“宗教朝圣者”)予以解释。
所有由SCP-7148提供的SCP-7148-F实例应被没收;若确认其不含有异常特性,则可将其分发。
描述:SCP-7148是一满身伤痕的黎凡特男性,出没于内盖夫沙漠与周边5千米的范围内。其使用的语言是希伯来语下的一种未知方言。尽管如此,当SCP-7148直接与他人交谈时,听者将能够如理解母语般理解其所说的话。
当遭受脱水或饥饿的人与SCP-7148接触时,将会得到用皮革袋装着的山羊奶供应,另有用皮革与肌腱包裹的小粒种子状白色物质(以下称为SCP-7148-FH与SCP-7148-FM)。SCP-7148会提出用SCP-7148-FH与SCP-7148-FM交换任意物品,并且会优先考虑植物种子与新鲜土壤。拒绝提议不会导致任何后果,SCP-7148仍会给出SCP-7148-FH与-FM。
对SCP-7148-FH与-FM的碳测年显示,其历史可以追溯到青铜时代晚期;而降解时间分析则显示,其能够持续存在超过四十年。对SCP-7148-FH与-FM进行的异常粒子与热量分析显示,二者均带有微量的阿吉巴辐射痕迹,并且都不含热量。
附录:机动特遣队Dalet-603(“沙漠之狐”)在一次对阿拉伯沙漠的考察中耗尽了食物供应。队伍中出现了中度的饥饿,SCP-7148因此显现于Dalet-603的5米范围内。在靠近机动特遣队后,SCP-7148试图为他们提供SCP-7148-F实例,但发现自己携带的SCP-7148-FH与-FM均处于短缺。其取出一把刀,切下自己1平方米的皮肤,随后痛苦地哼哼着排出一升血液。皮肤与血液分别转化为了SCP-7148-FH与SCP-7148-FM实例。机动特遣队Dalet-603趁此机会对SCP-7148植入了芯片,以便日后能够更好地追踪其显现。
附录:以下为SCP-7148被植入芯片后的最新日志。
[SCP-7148被目击到出现于一基金会沙漠绿洲附近。其携带着SCP-7148-F实例。为更好地观察SCP-7148,选择了一台距离其较近的摄像机。]
[一事后被确认为平民Jacob Leibowitz的未知个体接近了SCP-7148。其正遭受着轻微脱水。SCP-7148注意到了这一现象,并携带一SCP-7148-F实例接近之。]
Leibowitz:谢谢你的水。
[SCP-7148发出听不清的喃喃低语。]
Leibowitz:种子?我这里有一枝无花果,够吗?
[SCP-7148点了点头。Leibowitz笑了。]
Leibowitz:要不是你给的食物,我可能就要倒在这里了。注意安全!
[Leibowitz离开了这片区域。SCP-7148取出了一个装满各种不同植物种子的袋子。其抓起一把种子,将它们埋进了沙土里,然后从绿洲周围收集木材,在种子周围建立起一圈栅栏。SCP-7148吃下了无花果,却很快开始了一次极为剧烈的呕吐。]
[距离SCP-7148十千米处,基金会风速计探测到了一场沙尘暴。]
[沙尘暴距离SCP-7148约500米。其注意到了沙尘暴的存在,开始徒手在沙地中挖洞。]
[沙尘暴距离SCP-7148约100米。其已挖掘出一个用于藏身的小洞。SCP-7148-FH覆盖在洞口。]
[接下来的40天内,摄像机均因沙尘暴的影响而无法拍摄到任何东西。洞穴附近的麦克风则探测到了抽泣与敲击的声音。]
[沙尘暴平息后,SCP-7148爬出洞口。基金会制造的绿洲已完全被沙子掩埋,SCP-7148种下的种子与栅栏也已不知所踪。SCP-7148倒在沙地上,痛哭起来。洞穴内填满了高质量的SCP-7148-FH与SCP-7148-FM实例。]
[在哭泣之后,SCP-7148收集了SCP-7148-FH与-FM实例并吞下了它们。SCP-7148再次开始行走。附近的麦克风探测到了一个声音。]
SCP-7148:…איפה נבו…
后记:在沙尘暴期间,基金会设备探测到了异常高水平的阿吉巴辐射。
页面版本: 5, 最后编辑于: 12 Apr 2023 13:59