Byㅤ Placeholder McDPlaceholder McD
Published on 23 Mar 2021 03:33
rating: +102+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; }


Contest Archive » JamCon 2021 » SCP-5485

rating: +102+x

Item#: SCP-5485
Containment Class:
Secondary Class:
Disruption Class:
Risk Class:

SPECIAL CONTAINMENT PROCEDURES: The SCP-5485 file is locked effective immediately, and identifying information concerning Site-██ (hereafter Site-5485) is expunged from all relevant documentation. No changes which further illustrate its potential causes are to be made to this document.

Attempts to reach rational consensus regarding the nature and/or causes of SCP-5485 must be prevented by any means necessary. As such, SCP-5485's classification is to remain Pending indefinitely.


Site-5485 interior converted by SCP-5485.

DESCRIPTION: SCP-5485 was a logical restructuring.[citation needed] event which occurred on 1999/02/29. For reasons yet to be fully understood, SCP-5485 resulted in the translocation of Site-5485 to the floor of the Mediterranean Sea, approximately 700km off the Hydran coast of Greece. Several of the Site's apparatus have been directly converted into equipment consistent with other Submerged Foundation Sites circa 1910-1930. This conversion affected the entirety of the facility's exterior, as well as several internal structures (see right).

Information regarding SCP-5485 carries a memetic.[citation needed] property inducing increased levels of suspicion and speculation, particularly regarding the nature of SCP-5485 and of Site-5485 itself. This appears to have afflicted Site-5485 staff in the wake of the event as suggested by various edits to their internal documents, taking the form of "[citation needed]" or similar.

The following is an excerpt from the Site-5485 Dossier, as retrieved from the Site-01 Secure Database:

Located in the Pindus Mountains Region of Greece, Site-██ is a communications hub for the Foundation's Western European branch, most notably specializing in the monitoring and study of various Groups of Interest and their respective regional presences. Both overt and covert interactions with GoI-004 ("Church of the Broken God") are primarily coordinated from this location.

SCP-5485-A are files retrieved from Site-5485's database during its discovery. These files serve as vectors for SCP-5485's memetic effect, and document the decline of logical consensus among affected personnel regarding the nature and function of Site-5485.

Site-5485's interior has demonstrated non-Euclidean topology and lack of continuity consistent with anartist stunts by members of GoI-2979 ("Are We Cool Yet?") with a substantial focus on the breakdown of logical superstructures and coherency. Effects documented include:

  • the aforementioned conversion of Site structures into submersible technology
  • memetic hazards painted on the insides of windows, causing both affected personnel and sea life to fold in half, perishing instantly
  • persistent tapping sounds originating from the inside of any protective headwear
  • blue walls.[citation needed]

Further effects were unable to be documented as MTF personnel's abilities to logically discern their surroundings degraded with time. When asked to apply standard cognitive resistance technologies, remaining personnel swam out of the Site's entrance and separated into several chunks of flesh, which remained animate and proceeded to join a school of fish.

DISCOVERY: Prior to SCP-5485, RAISA.Records and Information Security Administration Director Maria Jones received a call from Site-5485 regarding a database discrepancy. The call's transcript is as follows:

Dir. Jones: RAISA Offices, Director Jones speaking.

Unknown: Hi, yes, I'm calling because you've got the wrong file. Your eyes must be sideways.

Dir. Jones: …excuse me?

[The caller sighs exasperatedly.]

Unknown: Your file says that we're a Communications Site. I think you must have us mixed up with another facility, 'cause no way in hell are any of the robot-worshippers going to dive down here.

[A pause as Dir. Jones examines the caller ID.]

Dir. Jones: Just to confirm, you're calling from Site-██?

Unknown: Yes, I can see it, it's right here. My eyes are straight.

Dir. Jones: And who am I speaking to, exactly?

Unknown: Site Director, Han Sharpe. Though you haven't got me listed in your version of the Dossier, for some reason.

[A pause punctuated by the sounds of a mechanical keyboard.]

Dir. Jones: You'd better not be joking, Director Sharpe, because I have no record of anyone by your name being employed at the Foundation.

Unknown: Sharpe with a 'Q'.

Dir. Jones: What?

Unknown: Sharpe is spelled with a 'Q'.

[A longer pause.]

Dir. Jones: You've got thirty seconds to state your authorization token.

[The caller breathes heavily for a few moments.]

Unknown: Citation needed.

Dir. Jones: What?

[The caller terminates the call.]

Exterior drawings.

All subsequent contact with Site-5485 was lost, causing significant disruption of Foundation Western European operations and resulting in the failure of a reconnaissance mission surrounding GoI-004 activity. Site-5485's distress beacon was later detected by another secure facility stationed on the island of Hydra.

Within twelve hours, MTF personnel were able to successfully locate and explore the now-submerged Site. Of note was the defacement of the facility's exterior with several crude drawings of machinery, fish, and seemingly-unrelated symbols (see right). Twelve mineral statues, composed primarily of calcium, were found seated at various tables in the Site's cafeteria displaying expressions of apparent anguish or laughter. In front of each was an identical meal tray possessing one ID Card, one carton of milk, and a goldfish. Said ID cards were found to belong to Site-5485 research personnel whose likeness' were depicted by the statues. No other personnel were found..[citation needed]

ADDENDUM 5485-1: Event Log
SUMMARY: The following SCP-5485 Event Log is compiled from various video and audio files recovered from Site-5485. The accuracy of these files, and the extent to which they were affected by SCP-5485, are unknown.
14:06 In the Director's office, a man seated at his desk initiates a call on his phone. This is the call transcribed above, during which the man stands up from his desk and paces aimlessly.
14:08 In the Site's cafeteria, a humanoid figure enters the room wearing deep-sea diving equipment. Personnel wave to the figure as if this is a common occurrence.
14:09 During the Director's call, he takes off his shoes. He reaches into the left shoe and produces a bright blue letter Q. He ends his call soon after.
14:17 There appears to be a cut in the cafeteria's video footage, but the timestamp remains the same. Within an instant, personnel have spread to the outer walls of the cafeteria, pointing to the center of the room and apparently screaming (though no audio is present to verify this). The diver is gone.
14:22 The Director is now seated in another chair in his office. With a packaging knife, he carefully slices his left shoe in two, shaking them as if attempting to empty their contents. After nothing comes out, he reaches into his right shoe, producing another letter Q.
14:26 The cafeteria's footage again appears to cut, or splice with another set of footage. The room's lights are now off; through the windows, schools of fish are now visible. All tables in the cafeteria have been pushed against the walls. Personnel are seated in a circle in the center of the floor. The diver gradually walks around the outside of the circle.
14:30 The Director's office footage is corrupted.
14:35 The cafeteria's lights turn back on. The walls are blue. The personnel and cafeteria tables are absent. On the floor, a set of deep-sea diving gear has been discarded. Adjacent to it, the letters "LHOOQ" are spelled out in an arrangement of dead salmon.
14:36 The cafeteria's footage ends.
15:00 The Director's office becomes visible again. Director Sharpe's dismembered remains are arranged in a neat pile on his chair. Atop them, a large, bright-blue letter Q is visible intersecting his skull. The words "citation needed" are painted on the wall in blood.
NOTE: The Director, "Han (Q?) Sharpe" has been identified as Site-5485 Director Joseph Rutherford.

ADDENDUM 5485-2: Incident Report
DATE: 1999/04/01
SUMMARY: Dir. Jones was notified of an unauthorized edit to the Site-01 Secure Database; the Site-5485 Facility Dossier was edited to falsely suggest that it had always been a Submerged Research and Containment Facility, and various footnotes were appended to the SCP-5485 file questioning the authenticity of the document. This edit was traced to a local access terminal and MTF personnel were dispatched to handle the offender. However, upon arrival, there was no offender to be found; instead, the access terminal had been fused with a mass of wires and decomposing trout. Personnel who directly viewed the structure lost interest in relevant tasks and proceeded to sit in a circle on the floor surrounding it.

Further attempts to remove the structure resulted in more personnel succumbing to its influence; this was compounded by the breakdown of logical reality in its presence. Over the course of several hours, the affected personnel consumed the remaining trout carcasses, followed by the consumption of the mechanical parts of the structure, resulting in their gruesome deaths. After ample discussion amongst Overseer personnel, affected areas of the Site were sealed, condemned and stabilized via Reality-Anchoring technologies.
UPDATE 1999/04/03: By consensus of O5 Council, the SCP-5485 file has been locked indefinitely. Personnel are not to be informed of the nature of the condemned sections of Site-01, nor why its walls are blue..[no citation needed]

rating: +102+x
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License