Old Kansas Sector ~ 6: The SCP Foundation
rating: +57+x

rating: +57+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.

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.

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

☦The Old Guard Awaken.☦

The Last Era: 13, August, 2119 AD
Salina, Kansas, USA

A man who had long forgotten his name was driving down the twisting paths of the pinched barrens, his loyal dog at his side. He drove east, into the sunset, swerving left and right to avoid the spires and cracks of the twisted K-18. He was on a mission, following reports of some free radical anomalous jackass terrorizing the good people of OKS, and being a general eyesore.

He cranked down the window and tossed out his cigarette. “How ‘bout that? It’s not often you see an anomaly in the wild is it, boy?”

“No, not often at all, and don’t call me boy,” responded the sharply dressed canine, his words slurred by his cigar.

“I thought they had all been all wiped out topside, but I think we got ourselves a goddamn dodo.” He smiled and the dog rolled its eyes. “God, I think I’m gonna ash on my suit. Ash me, One.” One grabbed his cigar and flicked the excess out the window. “There ya go, Nine.” Nine panted excitedly.

Agent One pulled up the PSF report on his PA as they pulled aside the recently massacred Walking Stick colony. On the screen was a humanoid, appearing to be in his mid twenties.

One slammed the car door and wiped down his suit before making his way toward the Sticks. Nine jumped out of the window and galloped happily toward a family of three.

“Hello there. I’m with the SCP Foundation. We received a report that your tribe was attacked,” Nine said in a professional yet sympathetic tone. The family responded in a unified, sinking and rising wail as they twisted around on themselves.

“I see,” responded Nine, turning to One. “Did you hear that?”

One’s eyes narrowed. “Every last word.”

“We thank you for your time, and will try our best to provide assistance and protection for you and your family in the future. If you ever need anything else, please give us a call. We are very sorry this happened to you, and mark our words,” Nine bared his teeth. “He will be stopped. We will not go back to hiding in the dark. We will stand in the light.”

The family gathered around and gave Nine a good pat and belly rub as he rolled around the dirt excitedly.

“Oh for fuck sake, Nine.”

“Sorry. On my way.”


The SCP Foundation still existed well into the chaotic Age of Rot. Protecting the status quo at all costs and preserving normalcy, although it was only a shadow of its former self.

It’s not entirely certain when the Foundation changed its ethos. Some argued that they were simply preserving normalcy as it currently exists. Some claim the Foundation was already under control of something that wasn’t partial to human normalcy to begin with, and there’s the chance that the Foundation hadn't changed at all.

Beneath Yellowstone Park, in the fossilized remains of an ancient Foundation machine, was a colony of the last few remaining, unchanged humans on Earth. The Foundation’s objective of containing the anomalous had failed, and their priorities shifted. Humanity was contained and sterilized. A containment breach was never an issue, only a perimeter breach.

The chambers of the machine were rusted, and their gears whined. The Foundation tried for years to restore their miraculous machine to its former glory, but the resources simply weren’t available. It had died from overuse, the systems pushed to their limit. Only tertiary systems remained, which were not capable of creating life, but sustaining it.

Ten years ago, the last nine of the artificial humans stared in confusion at one another in the control room as their memories were suddenly lifted in line with the old protocol. By this time the world would have been reconstructed if the machine were functioning properly, but they did not know what the machine did, or who they were.

In time they learned of the Foundation, and found photographs of personnel in the data banks that looked a lot like them.

One remembered everything, and he decided to keep it that way. His colleagues scratched their heads over the man in the archival photo with the head of a goldfish.

Nine was still a dog, but luckily, no one knew what a dog was.

The backs of Two's forearms were covered in pale pink, raised lines of scar tissue, but he couldn't be blamed for not counting them.

The third was too busy researching their preservation to deal with his existential crises.

Four was propped up against a panel in an obscure recess of the labyrinth, its silver chain wrapped tightly around a broken control lever.

And the ninth wasn’t a dog, because nobody knew what a dog was.

| Hub |

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