All Roads Lead To Rome

By: MontagueETCMontagueETC
Published on 27 Jul 2022 20:43
rating: +143+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; }

rating: +143+x



SCP-7009-018 as discovered by the Curiosity Mars rover

Item №: SCP-7009

Object Class: Euclid N/A

Special Containment Procedures: I/O MINERVA is to monitor internet and news media for keywords relating to newly discovered SCP-7009 instances, which are to be concealed or discredited as necessary.
UPDATE: Following the dissolution of the Veil, containment of SCP-7009 has ceased. Research will continue in collaboration with the Beijing Institute of Anomalous Science.

Description: SCP-7009 is a universal probabilistic phenomenon associated with Ancient Rome.

SCP-7009 Instance Description
SCP-7009-004 The collective designation for 31 individual incidents wherein a random text generator fully produced The Aeneid..An epic by the Roman poet Publius Vergilius Maro. Scans indicate that no thaumaturgic or ontokinetic activity was involved.
SCP-7009-018 A 3:2 replica of the Roman theatre of Dougga.An ancient theatre in what was the Béja Governorate of Tunisia. It was the location of the annual Dougga International Festival until 2025, when local Lethe Events made event organization impossible. that was discovered on Mars. It appears to have naturally formed from the surrounding rock through erosion. No thaumaturgic or ontokinetic activity was detected.
SCP-7009-095 A meteorite in the shape of the Velletri Sarcophagus.An ornately sculpted Roman sarcophagus from 140–150 CE. that was discovered on the surface of Pluto. Analysis suggests that its collision with the surface of the dwarf planet damaged it in such a way as to result in its current shape. No thaumaturgic or ontokinetic activity was detected.
SCP-7009-146 The Lingua Phehma..The primary language of the Phehmat, an alien species that communicates by expelling gas from the joints of its exoskeleton. Despite the Phehmat's vastly different mode of communication, the Lingua Phehma's written form is functionally indistinguishable from Classical Latin.
SCP-7009-264 A 4.3 km by 0.9 km Roman victory column on the planet TRAPPIST-1e. It appears to have previously been a mountain that underwent extreme seismic activity.
SCP-7009-338 Omicron Ceti..A red-giant pulsating variable star that is approximately 200–400 light-years from the Sun. It is part of the Earth constellation Cetus. Its irregular shifts in brightness are, when viewed across multiple centuries, able to be read as Morse code, translating to "VENI VIDI VICI".
SCP-7009-509 The alien civilization that formerly existed on the planet Kepler-753b, which was founded by a species of animate coral. Its culture and much of its known history is nearly identical to that of Ancient Rome. Kepler-753b underwent an XK-Class End-of-the-World Scenario approximately 1.2 billion years ago when its largest supervolcano erupted. Evidence of life on Kepler-753b only exists due to the thick layer of volcanic ash that has since coated 83.1% of the planet's surface.

SCP-7009 appears to be a form of "convergent probability." In the way that convergent evolution is the developmental phenomenon of unrelated species reaching analogous results, convergent probability is the causal phenomenon of unlike causes having the same effects.

Ever since I was a child, I've been obsessed with trying to make sense of the universe. Having entered my adolescence shortly after the Veil was dropped, I grew up entrenched in the ensuing cultural craze over anomalies. It was inevitable, in hindsight— to be an eleven-year-old girl and learn that magic was real? It captured my every waking moment. How could it not?

To my young mind, it was at once captivating and terrifying to peer behind the Foundation's shroud, to discover that the world was so full of things that couldn't be explained or even described. It was a waking dream and an inescapable nightmare. I couldn't tear myself away. The more I learned, the more I understood how little I would ever know.

When I started my tenure at the Beijing Institute of Anomalous Science, I began to find some relief from this existential horror in chaos theory. The world is unpredictable and unfathomably strange, yes, but it all still operates on a complex system of fundamental laws. Consider the second law of thermodynamics; despite everything, one can at least trust that the universe will always progress towards a state of lower energy. Entropy provides a sort of bleak comfort in its absolute certainty.

These philosophical concerns weren't far from my mind when I began studying SCP-7009. Once again, I faced a universe that made no sense. SCP-7009 shouldn't be possible without some degree of reality alteration— but wherever we found it, Hume levels remained stable. No trace of thaumaturgic or ontokinetic activity was ever found.

SCP-7009 is merely the child of random chance— but "random" doesn't really exist. Chaos is the result of immeasurably complex laws. And so, as I stare into this abyss of utter improbability, I find myself revising my old mantra:

The universe will always progress towards a state of lower energy. Roads will always lead to Rome.

—Dr. Xiu Huang

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