Are you a company man?



By: MontagueETCMontagueETC
Published on 21 Jul 2023 18:57

rating: +65+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; }

rating: +65+x
Item#: SCP-744
Containment Class:
Secondary Class:
Disruption Class:
Risk Class:



Special Containment Procedures: SCP-744 has been purchased from GoI-952 ("Olney Ironworks") through S. C. Public..A Foundation front company created for the purpose of above-Veil interaction with GoI-952. Surveillance footage is to be continually monitored by BENTHAM.AIC for anomalous activity.

Due to SCP-744's dissociative effects on local causality, it is currently believed that additional containment measures could have counterproductive or even deleterious consequences. As SCP-744's anomalous properties are confined to a singular, isolated locality and only affect individuals that are highly unlikely to attempt a breach of the Veil,.GoI-952 has stringent information security procedures regarding anomalies within their facilities. containment of SCP-744 has been deemed unnecessary..Cernunnos: Containment of item is possible, but impractical.

Description: SCP-744 is the Olney Ironworks West Virginia Manufacturing Center, a structure that has become host to causal, spatial,.UPDATE (06/12/2010): Potential links to SCP-4370 are currently under investigation. and semantic dissociation. SCP-744's anomalous traits appear to have gradually developed between February 1996 and March 1997, though the cause of their development has yet to be determined.


The Foundation was made aware of SCP-744 on 05/12/1997, when an S. C. Public representative received an anonymous tip that implicated the West Virginia Manufacturing Center in anomalous activity. To confirm the tip's validity, Foundation agents confiscated GoI-952's surveillance footage, utilizing BENTHAM.AIC to analyze and isolate all potentially anomalous events. The following transcripts are excerpts of particular interest..To view all transcripts of recorded SCP-744 anomalous activity, contact RAISA liaison Ingrid Blum.

DATE: 04/07/1996

SPAN: 07:55:34 - 08:05:22 EST

A security officer (identified as Ester Rojas) enters the employee breakroom. She crosses from one end of the room to the other, which takes 12 seconds. Between [07:55:46] and [08:02:15], she prepares a cup of coffee, drinks it, and rinses out her mug. Rojas proceeds to exit the room, crossing from one end to the other in 187 seconds.

Rojas' walking speed while departing is approximately equal to that of her speed entering. For the duration of the recording, the breakroom does not experience any visible spatial shifts.

At no point does Rojas display awareness of this discrepancy.

DATE: 11/22/1996

SPAN: 07:41:12 - 17:09:56 EST

From [07:41:12] to [08:14:55], 46 men and women enter the factory floor. As each arrives, they notice that roughly 85% of floor machinery has been replaced with mechanisms not normally found within ironworks..Including, but not limited to: automobile manufacturing equipment, industrial looms, an 18th-century printing press, a large piston of unknown function, and 7 spondias mombin tree saplings that have grown through the concrete floor. The general reaction appears to be that of mild surprise and annoyance. At [08:02:00], a man (identified as Ray Briggs) grumbles that "management's fucking with perfectly good equipment again." Another man (identified as Rafael Sharp) agrees, stating that Olney management "can't leave well enough alone."

The workers display discomfort with the new equipment, but the overall production rate remains within normal boundaries.

DATE: 05/09/1997

SPAN: 13:44:31 - 14:28:57 EST

An administrative assistant (identified as Mateo Lozano) is sitting in an office and speaking on the phone. Though only his half of the conversation is audible, it is clear that the conversation is regarding delayed shipments of iron ore. He seems to be mildly harried.

At [13:56:39], the call ends. Lozano turns to the computer at his desk and opens its email client. His inbox appears to have 19 unread messages. However, all text within the client is in an unknown language. Lozano rubs his face with his hands and mutters "not again."

At [14:06:21], a woman (identity unknown) steps into the office's threshold. Her facial features are rendered indistinct by a faint haze of indeterminate origin. Lozano and the woman have a brief conversation; its contents are unclear, as her speech has been made unintelligible by audio distortion. Lozano's half of the conversation is primarily affirmative responses to what presumably are questions and/or commands.

Shortly after the woman leaves at [14:11:51], Lozano leans his elbows on the desk and sinks his face into his hands. He does not move from this position for the remainder of excerpted footage..Lozano did not return to work for three days after this event, citing illness.


DATE: 05/14/1997

SPAN: 09:03:22 - 09:51:05 EST


[Lozano enters the private office of SCP-744's production manager, Joel Newman (provisionally designated SCP-744-1). Due to the angle of the surveillance camera, Newman is not within the frame. Lozano appears nervous.]

Lozano: You want to speak to me, Mr. Newman?

Newman: Sure do. Come on in, take a load off.

[Lozano sits across from Newman.]

Newman: Do you know why you're here, Mateo?

Lozano: Is—is this about the ore shipments? Because I swear I—

[Lozano cuts himself off, perhaps having been silenced by an out-of-frame gesture from Newman.]

Newman: I don't take kindly to mistruths, son. You want to run that by me again?

Lozano: I don't know what you mea—

[The sound of slapping paper is audible. A printed copy of the anonymous tip regarding SCP-744 slides into frame on Newman's desk.].It is currently unknown how GoI-952 received this document.


Newman: And here I thought you were loyal to the company. It's a damn shame, seeing corporate espionage from a man you trusted.

Lozano: Hold on—it wasn't corporate espionage. It's just…

Newman: Well?

Lozano: I mean, you know what happens to people who report problems. But there is a problem. A big one, with this whole building. I couldn't keep denying it anymore.

Newman: You took matters into your own hands. Tried to find a third party to clean up the mess.

Lozano: I… I guess I did, yeah.

Newman: Tell me more about the mess.

Lozano: Don't you already know? The rooms, they don't fit right. In your head. And most days I barely see anyone around, even when we're all-hands-on-deck. Just figures in smoke, like ghosts. And our machines, I don't even know how we're using them to make steel anymor—

Newman: I think I'm getting it now.

Lozano: You are?

Newman: Mm-hmm. You don't got perspective.

Lozano: …What?

Newman: Nothin' to be ashamed of. Most people don't. Y'see, your problem is you don't have the big picture. The grand purpose of this whole enterprise. All you got is a fragment of a fragment and you go and think that means it's broke!

Lozano: And you have the big picture?

[Newman laughs.]

Newman: Naw, I don't got a clue! That's for the bigwigs in Olney HQ, not me.

Lozano: Then—then how do you know there's a purpose at all?!


Newman: Tell you what. I'll teach you a little trick I got for when I lose perspective. Then we can put all this behind us, sound good?


Lozano: Whatever you say, Mr. Newman.

[Video and audio cut to white noise. The remaining footage is suspected to have been erased.]


Both Joel Newman and Mateo Lozano (now provisionally designated SCP-744-2) have had perfect workplace attendance in the days following Incident 744-Lozano. Despite this, Foundation agents have been unable to reach either for interview.

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