Old Kansas Sector ~ 8: Gersha
rating: +41+x

rating: +41+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('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; }

☦Allan meets the Foundation.☦


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

Gersha remembered running from someone, or something, when she was very, very little. She remembered the thing from the stairwell suddenly appearing and saving her. It carried her down into the basement and it cared for her for twenty years. It brought books, toys, and food when she was hungry. It never let any harm come to her, but it never let her leave.

A utility closet in her room held the bones of two well-dressed, old ladies.

She remembered the calls of the first intruder, and her eagerly calling back to him. She watched her captor skitter upwards. There were only five flights of stairs leading down to her room, but the thing felt the man’s feet as he walked down in the darkness, cradling his soles in the mimicry of step after step. Feeling him, gaining an understanding, and finally giving him a good look in the eye.

In time, when she heard the doors to the stairwell open, all she could do was cry.

She had seen the Occult Wars only through the television and when the Shadow Men manifested, she spent four years in the dark.

She looked Grammie in the eyes during the Mass Broadcast and, luckily, she did nothing to incite her anger.

When she was 16, the breach in the southwest was spilling out well into the wastelands of Texas, and the northbound refugees had been swallowed by the Living City.

As she blew out the candles on her 20th birthday, the Witch of the North was wringing Kansas between her fingers. In the same year, the Practitioner of Oregon was sending his unliving cure eastward to meet the Coalition’s nukes in the Rocky Mountains.

Her jailer brought her a bottle of wine when she turned 21. This was when the last of the SCP Foundation’s and MCF’s ancient, but reassuring broadcasts had stopped. When the Public Safety Foundation began airing in its place she wasn’t sure she could believe anything. A giant tank patrolling Mexico! A family of dragons in Antarctica! A city of clocks in Europe… and Africa was a toaster. She had to hear first hand from Allen about the crows and the new Kansas.

“This ain’t Kansas anymore,” He said, tapping his baseball bat along the spires on the highway to Sylvan Grove.

Allen returned to Grammie’s shop, Gersha in tow, the morning after the stairwell beast was killed. He got his liquor and his laptop but Grammie wouldn’t get out of his head. He knew he couldn’t press the issue, and the added security didn’t… it was nice to have. Besides, he figured, it’s not like he was a monster himself.

Down the road Gersha saw smoke fuming and two shapes, one large and one small. A car had broken down. A nice car.

“Oh, what ever could that be?” Gersha said excitedly, an awkward imitation of a certain character from an old film. She turned in a hop toward Allen and made a failed attempt to twirl her matted hair.

Allen looked back at her, perplexed. “Nothin’ good. Good to assume things ain’t. And… jeez, get that smile off yer face. It’s like you ain’t never seen a person smile before.”

“Oh, but smiling is my favorite!” She said, her yellowed teeth stretched to each ear.

One surveyed the two in his binoculars. “Things are looking up! There’s the one, and not just one, but two! He's got someone with him!”

“Great. Shame about the car, though.” Nine said, trying to adjust his earpiece with a hindpaw. “I’ll radio Seven in. He should arrive with the chopper.”

“Hey, he hasn’t seen another lady apart from Five, has he? Sure he can pilot that helicopter with all those butterflies in his stomach?”

Nine looked back at him blankly. “Five minutes. He was in Wichitaw talking to their Mayor. The bear. General public relations.”

One looked back to him and squinted. “Which bear, now? I can’t be bitched to remember ten thousand different skips.”

Nine sighed. “The Mayor is designated as SCP-1048, and then there’s the replicating grizzly regular bears, and then there's the Mayor’s teddy bears made out of regular bears and other teddy bears.”

One nodded his head, seeing now that the young man and his friend had stopped walking. He absently felt for his weapon. “How’s that going for him? Bear reformed now?”

Nine shook his head. “Just like the old documentation. It hasn’t changed since its been free. The town is overrun. Bears feed off of the bears, new bear appears, the bears eat that bear… So they’re self sustaining. We shouldn’t have to worry too much about expansion, even if their Mayor is… unstable.”

“What a time to be alive.”

“I see you seein’ me, joker. We can do this all day.” Allen grabbed his elbow and raised his fist at the faraway figure. Grammie wasn’t familiar with that gesture.

“Maybe he’s a friend!” Gersha ran forward, waving at One. One waved back and smiled.

“Gersha you don’t know that thing’s human! Go on and get back here!” Allen yelled but she was well out of earshot. He broke off into a jog toward her.

Just as he was closing in, he heard a sinking and rising, inhuman wail from behind the cornstalks on the north side of the road. His heart sunk in his chest.

Not now. Not now. Go away.

He turned away from the Walking Sticks emerging from the cornstalks, pointing their too-long arms in his direction. He saw Gersha ahead, shaking hands with a rather homely looking man wearing a lab coat and a wide-brimmed hat. Gersha turned and curtsied to something that looked a lot like one of the Bad Dogs he had so much fun killing, but it was covered in golden fur. It was cute.

The PSF broadcast, the one with the rabbit and the hamster, rang in his head.


“You two back off or I’m gonna bash yer’… yer’ freakin’ heads in!” He shouted, eyes swelling. One just turned and grinned, placing a hand in his pocket.

“You know, he’s volatile, One.” Nine said as Gersha rubbed his belly. “We may not need him alive if we have a female. We already have 17 sexually viable males at Yellowstone, not including members of staff.”

One smiled and drew a purple revolver, steadying the barrel just slightly over Allen’s head. Allen froze.

“You wanna talk, boy?”

| Hub |

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