Old Kansas Sector ~ 9: Retribution
rating: +44+x

rating: +44+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 Walking Sticks hold a funeral.☦

The Last Era: 13, August, 2119 AD
Sylvan Grove, Kansas, USA

Allen was surrounded by the Walking Sticks, staring down the barrel of One’s revolver. He was at a loss for words. Gersha had a confused smile on her face, but was reassured. One told her this was just a formality.

“Hey buddy,” One said, his smile since faded, “I think you owe these fine people an apology.”

Allen fumed as the Walking Sticks shuffled around him, pointing and wailing. He didn’t know there were so many, the throbbing crowd still being joined by others from behind the cornstalks. Grammie wouldn’t help him here, not after what he did, and it seemed she didn’t have any complaint with the man pointing the gun at him.

“What’s going on, though, mister?” Gersha asked politely. “Why are you pointing the gun at Mr. Allen?”

One smiled and patted her on the shoulder. “Well your friend here massacred a good few dozen of these folks, for no apparent reason. Just went off and started beating their poor little heads in. I think in the old US of A they called that murder.” One spat on the ground. “Pardon me, miss.”

Gersha’s eyes narrowed at Allen.

“Come with me, ma’am.” Said Nine, “They’re going to need some space. You should count your blessings. We’ve just rescued you from a very dangerous man.”

Allen scanned the crowd. They were getting closer, only forded by One’s line of sight. If he had the opportunity… he could disappear into the Sticks.

One turned to Nine. “Make sure she doesn’t look.”

Nine turned to One. “What in the devil is that?”

Just as Allen began to pivot, a pair of Grammie’s enforcers rushed out of his ears and twisted around his arms and feet.

“What the fuck!” Allen shouted, and a pair of nasal hands gagged his mouth.

One raised his eyebrows. “Well, looks like it ain't human. So much for that, then.” He lowered his gun and crouched near Allen’s wiggling body. “What do you make of this, Nine? This look familiar to you?”

Nine galloped over, tail wagging. “Oh yes, this is the storied SCP-517. The Fortune Teller. Though this is strange. Her appendages usually emerge from dark places, and require vision of the object proper to activate.” Nine lowered his paw and touched a hand. “Also, I’m surprised we’re not dead.”

Allen could hear something in the distance, it sounded sort of like the PSF mail planes. One rose to his feet and turned, groaning. “Ah, so, what do you think, buddy? Do we kill it? You know Seven’s just gonna be all touchy-feely about this.” One shook his head, broke back into a crouch, and pressed the revolver up against Allen’s temple.

Nine shrugged. “There’s the chance we’ll also kill the entity living inside of him. Kind of a win-win, don’t you think?”

“Well god damn.”

Allen waited for the slap. No slap. Grammie didn’t slap him.

One pulled the trigger.


Seven landed a good distance from the crowd and hailed One, Nine, and the woman. “Hey guys, what’d I miss?”

One spat on the ground. “I killed a man.”

Nine rolled his eyes.

“You what? You! Why?” Seven pleaded, craning over to the crowd of Walking Sticks. “We don’t exactly have an excess of humans these days! Are you stupid?”

“Woah now, calm down. I had a few reasons… For one, I didn’t like him.” One turned away and lit a cigarette.

Nine interjected before Seven could speak. “Two: He was agitating the population. Three: He was host to a volatile Keter class object. The Fortune Teller, you may have heard of her. That problem may have been neutralized with the host’s destruction.”

Seven shook his head and looked to the woman. He extended his hand. “Hi miss, name’s Kondraki.”

One flicked his hand against Seven’s flightsuit. “For the last time, your name isn’t fucking Kondraki! You’re Seven. You came out Seventh. Kondraki is some dead cunt.”

Seven nodded, adjusting his glasses. “Right. If I came out seventh, why are there only eight of us, One? Why aren't there nine?”

One shrugged and looked Seven up and down and whispered, “Could be, that, Seven ate Nine.”

Nine put a paw on his temple.

Seven shook his head and looked back to Gersha. She didn’t seem like she was in the mood for introductions anyway.


That night a group of Walking Sticks surrounded a shallow hole mounted with a crude cross of cornstalks. Their voices echoed in the night, rising and falling. A large Walking Stick labored to fill the hole with dirt, and the tallest wailed over the grave for a good moment before the group departed.


| Hub |

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