"Scattersomnia": A Disease of the Wise and Drowsy Wanderers

This is a tale of what I found during my lost fortnight in the far reaches of the Stacks, with nothing but my rucksack (containing more space within than without), my phantasmal feline Buckwheat, and my own sense of direction.

"Scattersomnia": A Disease of the Wise and Drowsy Wanderers
By: Lt FlopsLt Flops
Published on 15 Mar 2020 04:00
rating: +100+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; }
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
        pointer-events: auto;
@media not all and (max-width: 767px) {
    #top-bar .mobile-top-bar {
        display: block;
        pointer-events: none;
    #top-bar .mobile-top-bar li {
        display: none;
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -18rem;
        width: 15.25rem;
        height: 100%;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
        scrollbar-width: thin;
    #side-bar:target {
        left: 0;
    #side-bar:focus-within:not(:target) {
        left: 0;
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 19.75em;
        opacity: 0;
        z-index: -1;
        visibility: visible;
    #side-bar:not(:target) .close-menu { display: none; }
    #top-bar .open-menu a:hover {
        text-decoration: none;
    @supports (-moz-appearance:none) {
    #top-bar .open-menu a {
        pointer-events: none;
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
        top: 0.5em;
        left: 0.5em;
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
        pointer-events: all;
        cursor: pointer;
    #side-bar:focus-within {
        left: 0;
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;

WANDERER'S MEMO: Hello! This is my first time penning a Page in The Library! I'm ecstatic, but I hope my excitement doesn't carry me too far away, as this topic is severe. I am ever hopeful that others who have experienced what I describe will be able to voice their own experiences.

-Wanderer Lampyra
Member of a fledgling cell of the Serpent's Hand,
“The Watchers of The Lost Glade”

rating: +100+x

“Scattersomnia”: A Disease of the Wise and Drowsy Wanderers

A Plague of Thought,
A Crook on the Lookers,
Nightmare-Walkers (By the Oneiroi),
Fuck Wanderer “Tenebris” for Misleading Me

(Though, I'm grateful their deceit allowed me
the opportunity of finding this on my own,
so I might help others)
1, 2


This is a tale of what I found during my lost fortnight in the far reaches of the Stacks, with nothing but my rucksack (containing more space within than without), my phantasmal feline Buckwheat, and my own sense of direction. I had been a member of the Serpent's Hand living in The Wanderers' Library for only six months to that point.3 I was in a vulnerable place, inside. Then, someone with a track record for misleading our fellow Hand members (fuck you, Tenebris) tricked me into an adventure I could never dream of getting into. I stepped into a forbidden Way and found myself hundreds of millions of rows from the Commons.

All bookshelves were dilapidated there, likely unread in centuries. The verdancy4 was pleasant, in streams of thick vines and overgrowth, but it wasn't long until I realized how much trouble I was in. No Librarians would answer my call.5 I found one building — an old settlement, likely built by a long-dead expedition party — where a sense of unease filled my chest. It is there that I speculate an entity, known by Oneiric Folk as a “nightmare-walker”, had stalked me. When I was unaware, it jumped into my head, nesting in my subconscious mind.

I spent that next week foraging for scores of disembodied knowledge and sustenance; reading and retrieving forgotten texts; and exploring with Buckwheat, to no avail. Another group (who wish to remain anonymous) found me there, and via complex working, opened a Door back to my home. I showed no symptoms of its tendrils — except for intermittent, fearful fluttering — until I returned.

And then, it took me.



This is the place where I first felt it. My photo-clairvoyant friend, Lissiefang, produced this image from my memory, in my stead. I was unfortunately unable to capture a photo myself. The Serpent knows I could never afford a camera that takes vital energy snapshots, so this will have to do. (Thanks, Liss!)



A “plague of thought” is a malignant being that inhabits your psyche, latches onto your dreams, and sucks them dry. It is an intrusive negative thoughtform fuelled by a cynical, alien Mindscape that knows what you fear and robs your life of its joy. They assume innumerable shapes and sizes with a motif of endless, fractal spirals. One can nary identify it until it is too late.

Those Wanderers who know a thought plague experience an immense mental valley in which they might feel downtrodden and discarded. It starts with a light throbbing — or even, a strange numbness — behind their eyes. As the plague grows, they experience a lasting ego death. Those around them are unable to identify them as they once were. They sense realistic hallucinations of those who have similarly fallen, reaching toward them, pleading for help, or mercy. And then, one's physical form recedes like a tide and diminishes, wisping away from the Overworld.

The thought plague, satiated by its latest feast, returns to its nightmarish abode, and awaits another who might happen on its imprint.


Stressors come with an interconnected world. Through both (A) the Internet and (B) the vast, shared psychic space we advanced sapients can access with the most basic of neuro-biological function, we feel more a sense of togetherness than any other time in history. And yet, still we find ourselves anxious and alone, thrown to the wayside with poisonous depression and uncertainty. Separating into ideological tribes more distant than the oldest peoples of antiquity. In rare instances, this leads to what is known as a fatal, psycho-physical expansion, especially now in the Unmasqued Age.6

This is not quite that. “Scattersomnia” — a nomenclature I developed with the others in my group, to describe the wretched ways these ideatic miscreants prowl — affects some of those same people, but only those whose guardians raised them to believe they were naturally gifted. Those “smart cookies”; those naïve ones in their merry ways; those of us who succeeded young, peaked early, and fell hard. Those whose dreams were dashed are the most vulnerable, as the nightmare-walker sees them clearest.

History & Associated Parties

An endless slew of scattersomniacs lived and fell across human history. I believe some famous ones include painter Vincent van Gogh and poet Edgar Allan Poe. The most recent one in my records — seer and former Jailor psionics specialist Samara Maclear — frequently experienced nightmares of a vantablack Gate and an ambling, indeterminate silhouette.

The Oneiroi disavow the nightmare-walkers. Though they are both the same kind, their minds twisted after lifetimes basking in the nightmares at the bottom of Man's misery. They are shells of what they once were and plague the Waking World incessantly, having nowhere else to go.


A nightmare-walker is not to be pitied. They are wretched, and act in wretched ways. A nightmare-walker is to be subdued with stronger thoughtforms. The help of a capable telepath might do, if temporarily.7 There is little else one may wield to fight them, except maybe the spirit of oblivion that lives deep in sapients of some worlds, seeded by cursed, impossible machines.

Observations & Stories

I am the only one in my circle8 that I know to have felt this. I ask all who have experienced the cursed fate of the nightmare-walkers to join your voice with mine.



There is little doubt. I have seen it. The nightmare-walkers are here, in droves, howling from behind the tarp strung against the cosmic wall. I have already invoked their name, and I fear my voicing of their discordant, collective spirit of pain has cast forth their image where all may see.

I'm sorry.

But with your strength — all ye who tread here — we might defeat them.

Or so I hope.


rating: +100+x

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