NIGHTFALL: Qui Lactis
NIGHTFALL: Qui Lactis
Byㅤ LORDXVNVLORDXVNV
Published on 18 Apr 2023 01:42

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

NIGHTFALL: Qui Lactis
By LORDXVNVLORDXVNV
Published on 18 Apr 2023 01:42

1 Corinthians 3:2 - I have fed you with milk, and not with meat: for hitherto ye were not able to bear it, neither yet now are ye able.
—KJV

NIGHTFALL: Qui Lactis

rating: +36+x

For every one that useth milk is unskilful in the word of righteousness: for he is a babe.
— Hebrews 5:13, KJV


I was an orphan. I was left to the care of the Phlegmfont, under the care of the mysterious Friar Clef.

Friar Clef taught me of an ancient and forbidden faith — Christianity — before I reached adulthood at age 11. And then he sent me forth, to the heart of the Fundamentum's power — the Arcana Institute of Xerophylla, where I would learn to fight in the Fundamentum's forever wars, like Daniel in the lion's den.

This is the story of how I journeyed to the center of all things that happen to me.


Qui Lactis

The Main Story


Tales from the Arcana Institute


What is this?

Qui Lactis is a tale series set in the Nightfall canon. The primary storyline of Qui Lactis is written by LORDXVNVLORDXVNV, but there is plenty of room for additional contributors (see the Setting tab below if interested!)

Qui Lactis is about the personal journey of self-discovery of James No-Name, who believes he was abandoned by his family after a pilgrimage to SCP-6248. Luckily, he was taken in by Friar Alto Clef, who raised the boy as his own son and as a Christian. In this world, Christianity is a heretical and unseen faith. While some of its precepts may have filtered into society at large, the core of Christ's teachings have been fully corrupted and suppressed, so that any Christian influence is but a hollow shell of Christ's message.

Upon coming of age, James attends the Arcana Institute of Xerophylla, one of the Fundamentum's premier magical academies, where he is thrust into a world of competing loyalties, diverse characters with their own agendas, messy personal histories, and complex magic systems. The story follows his journey through the Institute to adulthood.

Qui Lactis takes place in the Nightfall Canon at a time roughly contemporaneous to everything else. Here, the Foundation is called the Fundamentum and operates in the shadows not through some global conspiracy but because there are simply so many shadows to hide in.

The primary setting of Qui Lactis is the Arcana Institute of Xerophylla, where the Fundamentum sends its best and brightest to become child soldiers. It is essentially a magical academy. Lessons take a mix of practical trade education, liberal arts education, and magical education, depending on the Class the student is in.

There is a strict class system, based on the Four Humors of antiquity: Blood, Choler, Bile, and Phlegm. This is one of the core elements that shapes society and their school system. Our protagonist James is of the Phlegm Class, the lowest and least respected of all the classes. While at the Arcana Institute, students dorm, learn, and train with members of their own Class primarily, but are also placed into training units with members of other classes to prepare for more practical battle situations. Notably, the Four Humors have largely taken the place of the traditional Aristotelian elements of Fire, Water, Earth, and Air.

Christianity is an all but unknown religion, and has thus not been shaped by the imperial influences of the Roman Empire beyond its origin. The only enduring Christian doctrine is the Bible itself.

While the main storyline is a closed tale series, the Arcana Institute is a suitable setting for any magical school shenanigans you may be interested in telling. All I ask is that you contact me for crit and lore compliance.

Everything else occurring in Nightfall is assumed to be canon until explicitly contradicted within the text.


rating: +36+x
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License