The Man From Ilcana
The Man From Ilcana
Byㅤ flowerfirstflowerfirst
Published on 27 Sep 2022 21:23
rating: +16+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; }
/* 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;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #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: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        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;
    }
 
    /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
    @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;
    }
    }
}

rating: +16+x

The Man From Ilcana

Canon Hub » NIGHTFALL Hub » The Man From Ilcana

"We have a new assignment for you."

"…"

"A Vampire. It supposedly murdered seven men in southern Dezmond over the past few days."

"…"

"We've done an investigation, it lead us to a small church outside of Saint Marianne Cemetery, likely a place where it hides out during daylight."

"…"

"Are you listening?"

"Mm."

"We're sending you there now. The sun will rise by the time you arrive."

"Right…"


Vasili stood outside of a little white church near the cemetery. Though he was young, no older than twenty years, his grey-struck hair gleamed dully under the silver sky. He watched the church with wide and shadowed eyes, shifting his weight beneath the cover of his long fur cloak.

Before Vasili could take his next step, a man walked out of the half-open doors. He was lanky, had a head of long, blonde hair that covered his face. He wore a white collared shirt, partially unbuttoned, revealing a bloody gash on his chest.

The man looked up at the dark gray sky before creeping towards Vasili.

"It's you." Vasili whispered, still staring into nothingness.

"Hm?" The man tilted his head.

Vasili eyed the blade at the man's side. Strange for a soldier to still carry one after firearms came into public use, but a vampire would have no use for bullets. Vasili held the grip of his revolver tighter.

The man pulled his hair back, tying it into a ponytail. His face was scarred, covered in cuts and burns. "You're a Hunter, aren't you?" The man laughed. "Are you Fundamentum or-"

Vasili drew his revolver from beneath his cloak. Bang.

In the blink of an eye, the man unsheathed his sword, striking Vasili's bullet out of the air.

"As expected." Vasili said.

"Fundamentum." The man pointed his blade at Vasili. "I've killed plenty of Fundamentum Hunters in the war. If you've fought one you've fought them all."

"Who are you?" Vasili asked.

"Arthur. Arthur Leonhardt."

Vasili stood and thought for a moment, his gun still pointed at Arthur's chest.

"Leonhardt is an Ilcanan name, certainly not an immigrant from the first arcane war, he's far too young, only looks about forty. He must have been turned recently." Vasili eyed the burns on Arthur's face and the wound on his chest. "His nails are dull and his wounds have yet to heal. He's blood-starved."

Vasili was so deep in thought that he could barely hear Arthur's steps.

"But how could a Vampire who murdered seven people just a few days ago be blood-starved?" He wondered.

Vasili regains his focus, only to find Arthur is inches away from him. Arthur slashes at Vasili's neck, narrowly missing as he leaps backwards.

Vasili reaches into his cloak, pulling out a large dagger and rushing towards Arthur. Their blades clash, sending sparks flying into the air. The clinks and clangs of their blades echo throughout the cemetery.

"You're not like the rest, are you?" Arthur asks.

"What do you mean?" Vasili replies, kicking Arthur back towards the church.

Arthur stumbles back, trying his best to regain his balance. "Your movements are identical to how Fundamentum trains its Hunters."

As Vasili strafes to the left, Arthur extends his leg, tripping Vasili. "You don't fight like a human, you fight like a fine-tuned machine."

Vasili falls to the ground. He feels a weight settle across his back and turns his head to see Arthur straddling him. Arthur’s blade kisses the back of his neck, edging toward his short-cropped hair.

“My, even your hair is Fundamentum-mandated. Do you have a single thought of your own in this head of yours?” Arthur leans in closer to Vasili’s ear. “Or do they control that as well?”

With a hard twist of his hips Arthur is sent tumbling away as Vasili rights himself. He sees a smirk playing at the edge of the vampire’s lips. “You have no presence, no self. You’re nothing but a pawn.” Vasili’s grip tightens on the handle of his sword. “If you were stripped of your name you would be nothing at all, just the idea of a Fundamentum hunter, nothing to distinguish yourself from the doctrine. And when Fundamentum falls? What then? Will you simply find some new master to serve? Some new monolith to prostrate yourself before?"

Those words- the words of a vampire, no less- should not affect Vasili so violently. He shouldn’t feel anything besides determination to eliminate the monster he’s been sent to kill, but something inside him is hooked by Arthur’s frivolous, rambling speech, something raw. No self, his mind whispers. He is the platonic ideal of a Fundamentum hunter- he’s always prided himself as such. He’s never let himself consider what his life would have been like from outside the looming power of the Fundamentum; how could he? It is all he knows. It has always been all he knows.

“Struck a nerve, have I?” Arthur crows from across the cemetery, blade still raised in front of him defensively, but he wears a self-assured grin on his face. “It can’t be easy to think about, given you’ve never tried-” Vasili screams forward, single minded in his anger. “Shut up!” he brings his sword down hard against Arthur’s, iron blades snapping on impact. “Shut the FUCK UP!” His chest is heaving, his throat tight. He’s never felt this before, never experienced such a burning fury as this, which seems to eat at his insides and pound at his skull. Vasili throws the remains of his sword to the side and lunges for Arthur. They grapple for a split second, entrenched in wordless struggle before Vasili finds his footing and pushes, rearing his fist back a second later and sending Arthur crashing to the ground with a nauseating crunch of bone.

For a moment Vasili stands, breath ragged and knuckles aching, the silence of the graveyard ringing around him. The anger is gone, he realizes- or, no, it is still there, still simmering in his stomach, but the violence has left him.

The quiet air of the churchyard is broken, suddenly. A sputtering breath, first, then wet, wracking coughs- and then Vasili realizes Arthur is laughing. His teeth are stained red at the gum lines with blood, his ribs broken and probably piercing his lungs and he is laughing.

Calm down.” Vasili thinks.

The laughing continues.

“Calm down.” Vasili whispers.

Arthur's laugh grows more and more choked, gurgling out of his throat like a drowning man's bid for air.

“Calm.” Vasili growls.

Vasili desperately tries to regain control of his emotions, to little effect. Arthur hacks, spilling blood onto the stone brick path he laid on. “So the machine does have a soul.”

Vasili approaches Arthur, a vial of blessed water in hand. “You don't know a thing about me.”

Arthur chuckles. “Yet I seem to have offended you. Perhaps you know I'm right.”

Vasili’s grip on the vial tightened as he poured the water over Arthur’s head.

Arthur’s skin didn't burn, no steam erupted from his blood. Vasili was perplexed, his speed and power was nearly identical to the vampires he had faced in his lifetime, but no vampire could withstand the touch of holy water.

“Secret’s out, huh?” Arthur said as he shook the water off of his face. “The vampire you're looking for is long gone by now. I just needed to buy him some time.”

“Where is it?” Vasili asked.

He. And I don't know, he ran when I told him to run.” Arthur said.

“You killed those people… and fed them to that vampire?”

“I made my choice. I wouldn’t let my son starve.”

“…Your son?”

“He's just a child. Weak, frail. He couldn't possibly hunt anything on his own and the animals I slaughtered weren't enough.” Arthur coughed, then fell silent, the last cinders of a challenging glint still burning in his eyes.

Vasili drew his gun from its holster and pressed its muzzle to the man’s forehead. Arthur smiled, teeth red, before Vasili pulled the trigger.

Afterwards, Vasili righted himself and turned to the doors of the chapel, shut tight as they had always been. Somehow, even while his opponent lay dead in the grass, Vasili did not feel as though he had won their battle. Letting out a rattling sigh, he approached the building with quiet steps and tugged one door open quick as a flash- the only sight to greet him inside was that of seven corpses, some strewn across the floor or over pews, most laid in a neat row against the far wall.

No vampire. As Vasili stalked inside he found the prints, tiny feet leaving a trail of blood to a broken window. It really was only a child, then. Some tucked-away piece of Vasili’s heart panged at the thought of a child afflicted with the monstrous condition, how torturous its transformation must have been, but he would show it no mercy all the same.

Vasili strode out of the church with new purpose, his steps ringing hollow across the stone floors.



The hunt continues.


Transparent.gif

[{$previous-url} {$previous-title}]

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