SCP-6725
SCP-6725
By: DrApricusDrApricus
Published on 19 Aug 2022 07:45

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

rating: +79+x

Item #: SCP-6725

Object Class: Euclid

Special Containment Procedures: SCP-6725 is kept in a windowless containment locker at Site-19. Personnel are prohibited from entering the locker.

Blueskytunnelvision.jpg

SCP-6725

Description: SCP-6725 is a collection of concrete rubble, formerly the northern wall of a building in Columbia, South Carolina with a mural of a tunnel painted on it. SCP-6725 received its designation after a series of events that occurred on 24/11/13, in which all individuals who viewed SCP-6725 would immediately begin attempting to crash into it. The event began at 0914 GMT and spanned until the event was stabilized by operatives at around 1129.

The event was captured on a CCTV camera positioned opposite SCP-6725. Additionally, multiple news outlets and citizens had captured footage of the incident. An approximate timeline of the events has been compiled and can be found below.

Time Development
0914 The wall spontaneously attains its anomalous attributes. Several individuals walking nearby begin to run into SCP-6725. Witnesses begin running towards SCP-6725 and stack atop others. People can also be seen exiting buildings close to SCP-6725 and running towards it.
0921 The viewers and participants of a parade celebrating Thanksgiving have begun running from their locations to the wall. A pile has started taking form, with the number of victims at approximately sixty to seventy. Foundation agents are alerted of the developing incident and two units of MTF Gamma-40 are deployed to investigate the situation
0934 The pile of victims, most unconscious, reaches approximately five meters tall. A truck driving down the road accelerates and plows into the pile. More than fifty of the three-hundred victims are terminated in the collision. Several other vehicles crash into the pile, with one driving up the pile and becoming immobile.
0948 The pile of six hundred victims now towers over the building, beginning to cover its rooftop. Two cars, both deep inside the pile, collide with one another, causing a fire to spark. Though the exact cause is unknown, it is speculated one of the cars' gas tanks was ruptured. Within minutes, the fire engulfs the majority of the pile.
0955 An airline flight from New York to Georgia passes over Elgin, South Carolina. News outlets have now arrived at the incident scene. The fire engulfs the entirety of the building, and the local fire department has received more than 83 calls in the past ten minutes.
1008 The Gamma-40 units arrive at the scene and the first unit forms a half-circle around SCP-6725, facing outwards. The second unit circles around the area in an unmarked helicopter. Individuals charging toward the wall appear ignorant of the task force, walking or driving directly past them. Contact with the task force is lost after authorization to shoot to kill is granted to the operatives. CCTV shows the task force dropping their rifles and charging into the fire.
1021 Reconnaissance teams are establishing a grid of the location for the task force to be able to operate blindfolded, deeming the anomaly a sight-based hazard. A unit from MTF-Tau-19, specialized in blind combat and operations, is called upon.
1034 As Tau-19 arrives at the scene, digital maps of the town are updated to list major roads leading in and through it as under construction. The previously mentioned aircraft enters the territory of the city. The building connecting to SCP-6725 has been completely surrounded by victims of the anomaly and the fire has begun spreading to surrounding buildings.
1041 The airline responsible for the flight notes the flight directs off course. It immediately begins a nosedive towards SCP-6725, crashing into the building and causing significant damage, effectively reducing the anomaly to rubble. Despite this, the anomalous effect persists as individuals within the fire can be seen picking up fragments of SCP-6725 and beating their heads with them. The plane crash is filmed by multiple individuals in the city. It is decided to construct a wall around the area using air vehicles to avoid further civilian interference with SCP-6725.
1052 The second Gamma-40 unit retreats the scene as two backup units arrive and drop a series of walls around SCP-6725 and the surrounding buildings. Tau-19 has been authorized to use lethal force against individuals attempting to damage the makeshift walls. Additionally, the backup units have begun extinguishing the flame with fire retardant.
1117 Crowd control agents are deployed to assess news anchors and witnesses while digital scrubbing agents begin clearing the incident from the internet. A mass amnesticization of the city is approved.
1129 The remainder of the victims of SCP-6725 are neutralized and crowd control agents retreat from the area as the remnants of SCP-6725 are collected by blindfolded operatives. Tau-19 operatives reportedly had to seize fragments of SCP-6725 from individuals who had not succumbed to the fire and continued to batter their heads with the rubble. In the following hour, several gas airstrikes, composed of Class-A amnestics, are dropped over the city.

Analysis of the SCP-6725 remnants shows the rubble's anomalous attributes were retained throughout the incident and remained after the fact. Direct visual contact with any fragment of SCP-6725 continues to result in the triggering of the memetic effect.

Approximately two months following the incident, local law enforcement apprehended a man who was discovered on his knees smashing his head into the sidewalk, having viewed a small pebble of SCP-6725. As a result, the fragment had been lodged into the wound on the man's forehead, causing him to manically attempt to smash his head against any surface.

Due to the lack of knowledge concerning the anomaly's capabilities, SCP-6725 retains a Euclid object classification. Intensive cleanings of SCP-6725's street of origin are being conducted regularly as fragments as small as 0.15 centimeters wide have been shown to be anomalous.


More works by this author can be found here!

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