Byㅤ ESB2109ESB2109
Published on 11 Mar 2023 20:56
rating: +10+x

What this is

A bunch of miscellaneous CSS 'improvements' that I, CroquemboucheCroquembouche, 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.


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(';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.

…like this!

.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; }

Britannia Division

  • rating: +10+x

Item#: divergence
Containment Class:
Secondary Class:
Disruption Class:
Risk Class:


Good afternoon everybody!
A notice here to remind you that this file requires specialty handling and protection to prevent it from entering the eyes of the public. Remember that even if members of the Royal Household ask to see this document, they cannot see it, they cannot know it exists. This is to prevent public panic and mistrust in the institution.

They cannot know that the entire institution is built upon us — and an anomaly.
With regards to the above "Classification System Notice", this is a new system the SCP Foundation required us to install to this Divergence. This is due to classification changes in the SCP Foundation, of which this anomaly has been dually monitored and contained since 1997.

God Save the King!

— Erin Byrne, Director

Circumscription Procedural Order:1

Divergence-77402 and its negating effects are to be controlled without fail. Divergence-7740 is to be considered Moiety class.3

Containment of Divergence-7740 can be ensured through Operation "Crowned Compass"; This is the only known way to prevent Divergence-7740. Operation Crowned Compass is an operation involving the re-enactment of the most recent coronation ceremony of the Monarch of the United Kingdom of Great Britain & Northern Ireland, and their other Realms and Territories. The re-enactment is to occur within Crown-Site-960, located below the "Collegiate Church of Saint Peter at Westminster", or "Westminster Abbey". The Site is an exact replica of the real Abbey sitting above it. Since 3 June, 1953, the re-enactment has been Queen Elizabeth the Second's coronation.

This re-enactment is to include all events from the entering of the monarch to the closing procession. All attendees originally present at the event are to be accounted for by reenactors of similar age, height and race. Furthermore, reenacting attendees must bear ceremonial dress as worn at the originating event.

Special Operations Group 118 (SOG-118) is to perform Operation Crowned Compass. Agents of the Force are to be split into four unique squad. Each Squad is to spend 4 days operating, before spending 12 days resting. In the event Crowned Compass is a failed event, SOG-118 operations change from re-enactment to surveillance. SOG-118 are to scan all radio transmission waves to search for Divergence-7740-1. If the frequency broadcast is detected, the Prime Minister, the Director of HMAS and the Chief of the Metropolitan Police are to be alerted, to prepare for the next 72 hours.

In the event there is a new monarch, due to the death or abdication of the previous reigning monarch, the new monarch must be coronated within two years, otherwise Divergence-7740 will take effect immediately, and the monarch will die.

Divergence-7740 is an anomalous series of events, resulting in the death of the British Monarch. D-7740 occurs in the event that Operation Crowned Compass does not occur accurately to the second, every day.

If Divergence-7740's events begin, D-7740-1 will occur within 72 hours of the failed coronating event. D-7740-1 is an anomalous radio communication of the National Anthem of the United Kingdom which signifies the failure of Operation Crowned Compass. The broadcast has been deemed impossible to have its broadcast location determined. As recorded on 7. September 2022, below is D-7740-1:


Divergence-7740 has been correlated to the reign of Oliver Cromwell and "Commonwealth of England, Scotland and Ireland" from 1653–1659. Researchers from the Institute of Historical Research Inconsistency Branch have come to the unanimous conclusion that the subject had been formulated using unknown resources, establishing this curse on the British Royal Family.

Since 23 April 1661, the day preceding Charles II Coronation as King of England, the re-enactment of the coronary events has occurred.

The frequency broadcast, D-7740-1 was first detected on 2 January 1901, 24 hours before the death of Queen Victoria, by ██████ ██████, an early radio enthusiast. Subsequently, SOG-118 is to monitor radio frequencies to detect if a re-enactment had failed.

Public Communications Order:
CO-4322(P), or Communications Order-4322(Public) is a Police order issued by HM Government in 1963. The order stipulates that the public is not to know of D-7740's existence. The order specifies this due to the domestic stability risk associated with public knowledge that the nation relies on this anomaly.
Furthermore, the order stipulates no reigning monarch, nor their family is to have understanding of the existence of the subject.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License