Byㅤ Blue FootBlue Foot
Published on 09 Aug 2023 19:32

rating: +22+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: +22+x
Item#: 7305
Containment Class:
Secondary Class:
Disruption Class:
Risk Class:

Assigned Site Research Head Assigned Task Force
Site-47 Dr. Langlan N/A


SCP-7305, photographed 4000 meters above a rural area near Mayo, Yukon on 3/8/2001.

Special Containment Procedures: Due to the nature of SCP-7305, attempts at its containment are highly impractical, and, as such, no attempt should be made to contain it. Public knowledge of SCP-7305 is to be restricted by all reasonable means.

Description: SCP-7305 is an object that possesses both physically and temporally1 anomalous properties. Due to its nature, the exact qualities of its corporeal form are unknown, but observations have shown it to be approximately five meters long, and it is permanently surrounded by bright light that entirely obscures its form. Similarly bright light also briefly trails the entity, although it quickly dims before disappearing as SCP-7305 is propelled forward.

The behavior of SCP-7305 has been consistently similar on all occasions it has been observed. As the object moves, it travels through the air at approximately 2750 km/h. Although its course of travel varies, SCP-7305 has always been observed to travel in a generally southwesterly direction, and its recorded height has always been between 2,000 and 10,000 meters. It appears that nothing can inhibit SCP-7305's movement.

Due to its high speed and the nature of its temporally anomalous properties, interception and tracking of SCP-7305 is difficult. The only practical method of observing SCP-7305 for a long period of time is to accompany it via jet aircraft, but the longest time it has ever been accompanied is five hours due to the nature of the Kakudmi Cycle.

A Kakudmi Shift2 is the title given to SCP-7305's temporal anomaly. At seemingly random intervals, SCP-7305 will undergo a Kakudmi Shift, causing the object to become extremely bright. After seven seconds, the object will emit a large burst of light, and it will demanifest. SCP-7305 will then manifest at another point in time and resume its typical behavior. All other details of SCP-7305's behavior, such as if the Kakudmi Shift causes SCP-7305 to be capable of teleportation, or if SCP-7305 is capable of manifestation at future times that have not yet occurred, are unknown.

Addendum.7305.1: The following is a log of notable suspected or confirmed recordings of SCP-7305. It is notable that this log solely includes notable examples from a complete list3 of all known records of SCP-7305, and that not all log entries have been recorded by the Foundation.

Entry ID: 7305.07

Certainty: Very High

Significance: First text that is considered to be, beyond a reasonable doubt, a record of SCP-7305.

Date: 89-90 A.D.

Description: An excerpt from Wonders of the Jews,4 a book by Roman-Jewish historian Flavius Josephus. The excerpt is located in a section of the text that describes, at the time, widely known events and phenomena that were seen as having religious significance by multiple cultures in the Near East from 587 B.C.-70 A.D. The relevant text, translated into English, is provided below.

Of greater note than that of what has been discussed is the Great Star, a sign seen in Israel since the judges5 ruled. It has been said by those of all nations that some are fortunate to see the Star, even those most pious among us.6 It has been said both by the mouth of divine prophet and that which I have read that a great star can be seen on occasion to fly across the night sky at speeds quicker than a falcon, or even the wind itself. Few even add that it has been known to disappear in great bursts of light, brighter than the sun, yet in the dead of night. The men of our nation have been known to take the Star as a finger of the hand of Yahweh,7 though none say worship of it can be done in good piety. I have read, however, that the men of Tyre in the days of David saw the Great Star as a sign of Molech, that is, a time for sacrifice, and the worthless among us began to do likewise after the time of Queen Athaliah. I myself had the pleasure to engage with a man of Gaul, sent from Rome, on this subject, and his testimony was quite different. The elders of his people viewed the Star as a sign of bad tidings and ill will, though he believed such effects were not seen in such that way when the people behaved with good moral conduct.

Management: Wonders of the Jews is considered by experts to be a lost work outside of the Foundation. However, public knowledge of the work is to be obscured when it is deemed appropriate. The three remaining copies of the book are currently stored by the Site-47 Historical Preservation Division within the site's greater History Department.

Entry ID: 7305.82

Certainty: Very High

Significance: Confirmation that SCP-7305 is a single anomaly.

Date: 7/25/1997

Description: SCP-7305 was detected approximately 9950 meters above Foundation Airborne Reading Station 9b88-47, located near Goose Green, Falkland Islands. The object underwent a Kakudmi Shift at 17:23. Readings indicated that SCP-7305's demanifestation was consistent with a temporal anomaly. This provided credibility to the then minority, now consensus, theory that SCP-7305 is one object and not many, similar objects seen at different times.

Management: Due to the time of day, the bright light emitted during the Kakudmi Shift was not noticeably brighter than the sky illuminated by the sun, suggesting that no civilian witnessed the event. To the knowledge of the Foundation, there is no evidence that this is not the case. The relevant data was processed and stored in Site-47's Storage Database.

Entry ID: 7305.73

Certainty: Very High

Significance: The first and only known footage captured of SCP-7305.

Date: 11/06/1980

Description: A video filmed via infrared imagery from an American military F-16 fighter jet approximately 13,750 meters above the Gulf of Guinea as part of a standard training exercise. According to the aircraft's instruments, SCP-7305 was located approximately 9175 meters above sea level. Due to the nature of the infrared camera technology of the time and the poor quality of the footage, SCP-7305 appears significantly less bright than it is in actuality, and its trailing light effect is not visible at all.

Soon after the conclusion of this footage, SCP-7305 exited the effective range of the aircraft's infrared camera and soon was no longer in the pilot's line of sight. Therefore, it is not known when SCP-7305 during this particular manifestation underwent a Kakudmi Shift. The footage is provided below.

Note: Please be aware of the extremely high volume of the footage. Due to current limitations in Foundation digital storage, it is impossible to lower the volume of the file beyond individual use of the volume slider and lowering your device's volume. It is highly recommended that the volume be considerably adjusted prior to viewing, especially for those sensitive to loud audio.

Management: The footage was relinquished to the Foundation by the United States government soon after the event, and all individuals who had unauthorized knowledge of the footage were amnesticized. On 17/07/2002, the footage was uploaded to the Foundation Database as part of the Millennium Initiative.8

On 03/03/2015, eight terabytes of Foundation data were stolen in a cyberattack that both the Serpent's Hand and the Chaos Insurgency have claimed responsibility for. The footage, stolen as part of this cyberattack, was released onto the internet, and it became of particular interest for civilian extraterrestrial conspiracy theorists. As part of a joint agreement between the United States government and the Foundation, the footage was released along with two doctored videos to the public in 2017 in order to ensure the security of the Veil and to quell unrest, although SCP-7305 was not identified as the object in the videos.

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