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; }
想来搞一场竞赛？现在，你就可以。好吧，你之前也是可以的。任何人任何时候都可以发布一篇竞赛中心页。并没有规则专门禁止这么弄。并没有哪个写作政策页面里规定过关于竞赛中心页的事情，至少在我能看到的范围内。我没那么多时间搞研究。
但是： 我有法定义务要告诉你们，你们不应当尝试在没有首先告知社群管理团队的情况下擅自搞任何类型的非官方竞赛。他们真的希望你们不要尝试在未得到许可的前提下搞竞赛。我倒不觉得他们会来阻止你，但如果你要想搞一场严肃、有质量的竞赛，很多事情没有他们的帮助和监督是搞不下来的。
随便吧。重点就是，你以前其实就可以搞一场竞赛，然而你没有。但现在，有个名字真的就是占位符的有心人要说：你们可以竞争着来。 以及你们绝对不可能回绝的。我是说，你们都参加过更烂的竞赛了。
拜托，不要对我说谎，我知道你们有过。我现在就在扒你们的维基用户历史。烂梗竞赛？来真的吗？说的还能搞出什么好东西来一样。
如何加入竞赛竞赛
1. 在2023年1月6日12:01 AM EST到2023年1月12日11:59 PM EST之间，在SCP维基上发布一个页面，其中
- 有资格带上contest（竞赛）标签，
- 到2023年1月20日12:01 AM EST它依然存活。
2. 由于竞赛竞赛的特殊性质，我们很不幸不允许艺作类作品。就是，不只是说视觉艺术—不能是艺作，全都不行。你的作品里面绝对不能有任何艺术性的东西。不过，你的作品也可以是一次艺作竞赛，这是没问题的！哦对，还有，theme或者component页面也不能拿来当参赛作品。抱歉引起困惑。
重要日期
发布开始： 2023年1月6日12:01 AM EST
发布截止： 2023年1月12日11:59 PM EST
确定结果： 2023年1月20日12:01 AM EST
耶稣基督的真正诞辰： 耶稣纪元6年4月6日1:00 AM IST，大概吧。
参赛作品
(顺序随机乱排)
规则
1. 确定结果时得分最高的竞赛竞赛参赛条目获胜。（视觉）艺作竞赛归入单独门类，决出一个单独赢家，因为纯视觉艺术和其他任何艺术形式有本质性差别，不能相互比较。不过，所有非艺作竞赛都属同一门类。
2. 下列声明必须出现在你的参赛作品最顶部，就在你的投票模组的正下方：
我，<user not logged in>，完全理解由Placeholder McD发起的竞赛竞赛是一个搞笑页面，它在创建时没有任何伤害、加害、引发纠纷或者缺乏体育精神的主观意图。我了解Placeholder McD其实极度不鼓励我在没有询问社群监督团队的情况下发布一篇竞赛中心页。我理解竞赛竞赛的内容纯纯就是讽刺，不应被严肃或者个人化看待；它的指示内容不应当被遵守，而我知道这一点是因为我精通文学分析。将此声明复制到我页面最上方，即表示我承认接下来会发生的事情全是我的过错，Placeholder McD不对我的行为负任何责任。
新欢乐基金会。奶酪研磨器。底部文本。
噢，嘿，朋友，你现在没有登录你的维基账户噢。对，有时候就这样。网站四分五裂的。
3. 你被允许编辑你的竞赛竞赛参赛条目，但不得完全替换它。虽然你被允许增加及移除你竞赛竞赛条目中的段落，但你竞赛竞赛条目的中心创意必须保持一致。这也意味着任何会造成你原始竞赛竞赛条目被彻底替换或重写的编辑都是被禁止的。如果 一个竞赛竞赛条目带有更新计划或者我们在以前竞赛里看到过的类似玩意儿，你必须在发布时间截止前把完整详细的更新大纲提交给一位竞赛竞赛裁判员。这能保证竞赛竞赛参赛者自由发挥 竞赛竞赛条目创意，同时避免某些竞赛竞赛参赛者在发布时间截止后获得额外创作时间。如果不确定编辑内容是否违反上述规则，请参照下列流程：
4. 参赛者如果采取反常和/或负面举动增加自己的总票数、或是以此减少竞争者票数，将得到奖励额外得分。
5. 如果你对竞赛竞赛有任何问题，请随意私信我的代理人 
HarryBlank, 
Liryn, 
Ralliston。他们是竞赛竞赛的裁判团。
6. 如果你对竞赛裁判员有任何问题，请随意私信社群监督团队。他们是竞赛竞赛裁判的裁判团。
7. 如果你作为参赛者想要对竞赛竞赛裁判裁判团的意见提出反对，请随意联系竞赛棉花糖。
打上标签
由于这个页面其实是我的冷帖竞赛参赛条目，我没法让社群监督来审核它，所以，也因此，没法在竞赛竞赛之前安排创建一个contestcontest（竞赛竞赛）标签。所以对你自己的条目就按照标准经典的 contest（竞赛）标签资格来做就行了。
由于我没法使用Listpages功能来精准锁定在特定日期之间创立的竞赛页面，所以目前没法将它们在这列出来，除非我对页面再次做编辑，但直到冷帖竞赛结束前这么做是不被允许的。所以，在1月12日，在冷帖竞赛投票截止到竞赛竞赛投票时段截止之间，我会更新此页面，列出所有的竞赛竞赛参赛条目！目前列在本页里的那些条目都只是用来临时博各位一乐的占位符而已。
Rounderhouse
djkaktus
LOVEMARGINAL
A Random Day &
Kalinin
spikebrennan &
Yossipossi
(account deleted), Anonymous, does not match any existing user name does not match any existing user name & Von Pincier
Placeholder McD
TheCommunity
Tanhony
stephlynch &
syuzhet
