Old Kansas Sector ~ 12: Laugh is Okay
rating: +60+x

rating: +60+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 fights anomalies in a post-normal world.☦

The Last Era: 14, August, 2119 AD
Paradise, Kansas, USA
3 AM

Laugh is Best. Laugh is GOOD. Laugh is amazing, happy, good feelings and good time for ANYONE to see or have. Why is Laugh not good in the year of August 2119 After Death? Why don't I get appreciated on television anymore? Well nobody really knows, I can only speculate. Ratings fell off a LOT in 2014. A LOT of normal and good people like me stopped watching my show.

Scenario that you can imagine: Be me. Be a very residual spawn sibling, but have no excess fluids. Be a producer, host, and work a long time making underground shows. Be me and make a lot of underground shows in the style that does the "human humor". Be me and get criticized for making monkey shows. I don't care that they called me "street organist". Does you ever seen the human street organist use dead monkeys? No. I made it fun.

Listen I know I'm not being born on Earth right? I just have been enjoying and watching human humor programs since the television. Human culture is my culture, and I learned human language from watching the human programs. Wisconsin Public Broadcasting. Youtube. CNN. Animal Planet. The Learning Channel. I have seen all of the Partridge Family episodes and know all of the words. "Hey reuben come here and go away". haha

Ball world is my home because the Klein world is stupid. Klein world is random - the human ball world is a better format. Klein world says the ball world is "normal", like that's the worst thing ever, and now klein world is flooding into ball world when they didn't even like it. but I DID. They are Hippocrates? i think so.

SO THAT IS WHY no one coming in, my ball world place, no random, no crazy stuff. If HUMAN want to come in, they can send me a private message my user name is moc.nsm|naMyciuJmraW#moc.nsm|naMyciuJmraW or ExoticOrthodontist on skype. If you are interested in my body of work just ask and I can DIRECT send you new episodes. I have to send them direct or the fuck people will confiscate them. I think they will. It hasn't happened in a while, but I am very protective of my work. I don't like to produce an episode and then the fucks take it. You put all that funny stuff on the disc, and one of them dumb white shirt fucks takes it away. I don't stop making episodes because I run out of ideas, or like critics say "Is just all exploding and growths Laughy, is the same thing every time Laughy." That is not the case. The former is the case, the fucks, I am scared of them take it away.

It makes me for real angry. My slug fuck spawn sibling come here in their ugly human costume, and they makes all these very many terrabytes of human sex tapes. GROSS! But the fucks don't take their stuff away. No. They think my stuff is bad because it makes you feel good and happy. No, my spawnsib gets stabbed 3000 times on the internet for all the people to see and massage to and that's for some reason okay.

I'm just kidding I'm not mad though. :) I am very good at the ironic style of humor.

I wrote this episode last night. Hard to find people who watch my show now, but, I am glad my subscribers still want episodes.

*Ignore the girl at the end, that is an actor actually, I paid her to say self mean things about me. I know it's weird thing but not like that.


Old Kansas Sector - NIGHT

Four guys including small furry guy and girl guy in
helicopter. Girl guy is SAD, helicopter pilot looks
at girl guy like he is THIRSTY. Small FURRY guy
looks out of helicopter with long tongue.

The group hear a loud bubble pop type of noise.
CORPSE appear in helicopter. FURRY guy looks at
the new dead man next to CLEF and begins to panic.
SWEATS come out of KAIN's feet!

KAIN (4), Cream color, Japanese style of dog. Wags weird tail.


CLEF (??), good body and ugly. Hides his face with a hat or photo shop.

CLEF Wakes up from dreams because the quadruped
is talking. Looks at dead guy next to him in helicopter.
Quickly pulls his gun and ducks to opposite corner of
helicopter interior. He licks his lips and looks at the
KAIN nervously.

Seven, land the helicopter.

(slaps the brim of Seven's hat) Shit, no, don't look. Fly the fucking helicopter.

Hey, isn't that the kid I killed?

Dead MAN begins to BLOAT. Loud and squishy noises as
another dead man come out of the behind of the first
dead man. (laugh track) GERSHA turns to look at
dead man. CLOSE UP of GERSHA's reaction!

GERSHA (22), BRIGHT yellow teeth, can see ALL skin veins. Fun exotic matted hair style.

Oh my god! (laughing and snort)

(CLEF looks at GERSHA) No. NO. What the fuck is wrong with you?

It's jut like on TV!

Jesus fucking Christ.

CLEF shakes his head and looks at GERSHA like she is blurry.

ANOTHER loud pop bubble noise and more dead man come out
of the dead mens. Now there are four dead men. THREE comes
out of the front of 1. FOUR comes out of the back hole of 2.
(Special fart noise and smell-o-vision when this happens.)

Too much weight. Seven, Fucking drop it down anywhere, I don't care.

KONDRAKI (4), BIG and ROUND, wears a smaller hat than CLEF.

Can't, dead zone. Nothing beneath us. There's nothing as far as I can see.


We're losing altitude anyway.

FOUR loud bubble pops. Now there are EIGHT dead mens. This
exceeds the weight limit for the helicopter by 600 pounds!
Helicopter begins wobbling! CLEF grabs a safety chute and
dives out of the window.
(laugh track)

(shouting) Hey! I know we're on the show, come out now!

Helicopter falls into nothing. Dead bodies slide and shuffle all
around the helicopter as it spins around! KONDRAKI accidentally
does a kiss on one of the CORPSE cheeks.
(aww track)



FINALE: BIGGEST pop noise. Laughy McLaugheson come out of
front of CORPSE mouth hole. Close up camera view on Laughy's suit.
LAUGHY walk across spinning helicopter and hold microphone to
GERSHA. Scene freeze!

So, what do you think?

Hi! Oh my god it's Laughy, holy shit. Umm, this is awkward, I mean. Fuck, you're Laughy… Holy shit.

I loved your old shows!

McLaugherson doesn't say ANYTHING for ten seconds.

New shows are good too!

Gersha smile WEIRD at camera.

| Hub |

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