/* root variables */
:root {
max-width: 100vw; overflow-x: hidden;
/* ===S-CSjavascript:;S-P INTEGRATION=== */
--theme-base: "black-highlighter";
--theme-id: "isolate-canon";
--theme-name: "Isolate Canon";
/* ===HEADER ELEMENTS=== */
--logo-image: url("http://scutoidbox.wikidot.com/local--files/watch-your-back/isolate%20canon.png");
--header-title: "the backrooms";
--header-subtitle: "watch your back...";
/* ===TYPEFACES=== */
--body-font: Ubuntu Mono, Consolas, monospace;
--UI-font: var(--body-font);
--header-font: var(--body-font);
--title-font: var(--body-font);
--mono-font: var(--body-font);
/* ===HEADER TITLES=== */
--header-h1-font-size: 4rem;
--header-h2-font-size: 2rem;
--swatch-headerh2-color: var(--light-gray-monochrome);
/* ===STANDARD THEME COLORS=== */
--white-monochrome: 255, 255, 255;
--pale-gray-monochrome: 255, 255, 255, 0.8;
--light-pale-gray-monochrome: 255, 255, 255, 0.5;
--very-light-gray-monochrome: 255, 255, 255, 0.4;
--light-gray-monochrome: 255, 255, 255, 0.5;
--gray-monochrome: 0, 0, 0, 0.3;
--dark-gray-monochrome: 0, 0, 0, 0.7;
--black-monochrome: 0, 0, 0, 0.8;
--pale-accent: 112,126,125; /* background */
--bright-accent: 255, 170, 0; /* link */
--medium-accent: 143, 150, 160;
--dark-accent: 87, 91, 96;
--alt-accent: 255, 125, 125; /* newpage link */
--link-color: var(--bright-accent);
--visited-link-color: 215, 193, 246;
--newpage-link-color: var(--alt-accent);
--swatch-background: var(--pale-accent);
--article-image: url("http://backrooms-wiki.wdfiles.com/local--files/level-4/Level-4-new");
/* ===GENERAL TEXT COLORS=== */
--swatch-text-dark: var(--black-monochrome);
--swatch-text-light: var(--white-monochrome);
--swatch-text-general: var(--swatch-text-light);
--swatch-important-text: var(--bright-accent);
/* ===MENU COLORS=== */
/* ===MENU BACKGROUND COLORS=== */
--swatch-menubg-color: var(--white-monochrome);
--swatch-menubg-light-color: var(--pale-gray-monochrome);
--swatch-menubg-medium-color: var(--dark-gray-monochrome);
--swatch-menubg-medium-dark-color: var(--gray-monochrome);
--swatch-menubg-dark-color: var(--gray-monochrome);
--swatch-menubg-black-color: var(--black-monochrome);
--swatch-menubg-hover-color: var(--black-monochrome);
/* ===MENU TEXT COLORS=== */
--swatch-menutxt-dark-color: var(--black-monochrome);
--swatch-menutxt-light-color: var(--white-monochrome);
--swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
/* ===SECONDARY & TERTIARY COLORS=== */
/* Editing these will edit a vast majority of theme elements. Useful for making dark themes */
/* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
--swatch-secondary-color: var(--swatch-menubg-dark-color);
--swatch-tertiary-color: var(--swatch-menubg-light-color);
--swatch-alternate-color: var(--medium-accent);
/* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
--swatch-text-secondary-color: var(--swatch-menutxt-light-color);
--swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
/* ===STRUCTURAL MEASUREMENTS=== */
--header-height-on-desktop: 12rem;
--header-height-on-mobile: 12rem;
--header-width-on-desktop: 40rem;
--body-width-on-desktop: 45rem;
--topbar-height-on-desktop: 1.9rem;
/* ===SIDEBAR BUTTON=== */
--toggle-button-bg: rgb(var(--gray-monochrome));
--toggle-border-color: transparent;
--toggle-border-width: 0;
--toggle-icon-color: rgb(var(--white-monochrome));
--toggle-roundness: 25%;
}
/* background */
#skrollr-body {
background-color: rgb(var(--swatch-background));
}
#skrollr-body::before {
content: "";
position: fixed;
background-image: linear-gradient(to bottom, transparent, rgb(var(--swatch-background))), var(--article-image);
background-size: 100% 100%, cover;
width: 100vw; height: 100vh;
}
#container-wrap-wrap::before {
content: "";
position: fixed;
width: 100vw; height: 100vh;
-webkit-backdrop-filter: blur(13px);
backdrop-filter: blur(13px);
}
@media only screen and (min-width: 56.25rem) {
/* main content */
#main-content {
padding: 0.5rem 1rem;
margin: 3.5rem auto 1.5rem auto;
background: rgba(var(--gray-monochrome));
--swatch-background: 0,0,0,0;
grid-template-areas: "action-area-top action-area-top action-area-top action-area-top action-area-top action-area-top""page-tags page-tags page-tags page-tags page-tags page-tags""page-title page-title page-title page-title page-title page-title""breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs""page-content page-content page-content page-content page-content page-content""page-info-break page-info-break page-info-break page-info-break page-info-break page-info-break"". . pwatch pwatch pwatch pwatch"". . pinfo pinfo pinfo pinfo""options-1 options-1 options-1 options-1 options-1 options-1""options-2 options-2 options-2 options-2 options-2 options-2""pbottom pbottom pbottom pbottom pbottom pbottom""action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm";
}
/* topmenu */
#header div[class*="top-bar"] > ul {
background: rgba(var(--gray-monochrome));
border-radius: 0.75rem;
padding: 0 1rem;
box-sizing: border-box;
}
#header div[class*="top-bar"] > ul > li > a {
border-left: 1px dotted rgb(var(--white-monochrome));
}
#header div[class*="top-bar"] > ul > li:first-of-type > a{
border: none;
}
/* make the login info go to the actual screen edge */
#header {
position: static;
}
/* border under topmenu */
#header::after {
content: "";
position: absolute;
height: 1px;
background: rgba(var(--pale-gray-monochrome));
width: 60rem;
left: calc(calc(100vw - 60rem) / 2);
}
/* header logo */
#header {
background-image: none;
}
#header::before {
content: ""; width: 100%; height: var(--header-height-on-desktop);
position: absolute; top: 0; left: 0;
background: var(--logo-image); opacity: 0.25; background-position: center bottom;
background-size: auto calc(var(--header-height-on-desktop) - 2rem);
background-repeat: no-repeat;
}
#header div#top-bar {
font-size: 1rem;
}
}
/* tags */
#main-content .page-tags {
box-shadow: none;
padding: 0;
margin: 0;
font-size: 1rem;
}
#main-content .page-tags::before {
display: none;
}
#main-content .page-tags span {
display: inline-flex;
padding-top: -1px;
font-size: inherit;
}
#main-content .page-tags span::before {
color: rgb(var(--swatch-text-general));
content: "TAGS:"
font-weight: bold;
}
@media only screen and (min-width: 56.25rem) {
/* title */
#page-title, .meta-title {
margin: 0;
margin-top: 0.5rem;
font-size: 2.5em;
}
/* center header */
#header :is(h1, h2) {
width: 100%;
max-width: var(--header-width-on-desktop);
display: flex;
}
#header h1 a {
margin: 4rem auto;
}
#header h2 span {
margin-left: unset;
font-size: 0;
margin-top: 7.5rem;
align-content: center;
width: 100%;
text-align: center;
}
#header h2 span::before {
font-size: var(--header-h2-font-size);
}
}
/* buttons */
div[id*=page-options-bottom]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn {
padding: 3px;
box-shadow: none;
flex-basis: 7rem;
}
div[id*=page-options-bottom]>a:after {
content: none;
}
/* removing --swatch-background in places */
form#edit-page-form table.form:first-of-type tr:focus-within td:first-of-type, form#edit-post-form table.form:first-of-type tr:focus-within td:first-of-type, form#new-post-form table.form:first-of-type tr:focus-within td:first-of-type, form#new-thread-form table.form:first-of-type tr:focus-within td:first-of-type {
color: rgb(var(--pale-gray-monochrome));
}
form#edit-page-form .edit-page-bottomtable tr > td:nth-of-type(1) > div:nth-of-type(1):focus-within::before, form#edit-post-form .edit-page-bottomtable tr > td:nth-of-type(1) > div:nth-of-type(1):focus-within::before, form#new-post-form .edit-page-bottomtable tr > td:nth-of-type(1) > div:nth-of-type(1):focus-within::before, form#new-thread-form .edit-page-bottomtable tr > td:nth-of-type(1) > div:nth-of-type(1):focus-within::before {
color: rgb(var(--pale-gray-monochrome));
}
/* mobile */
@media only screen and (max-width: 56.25rem) {
:root {
--header-h1-font-size: 6vw;
--header-h2-font-size: 3vw;
}
#main-content > *, #main-content > * ~ * {
max-width: var(--body-width-on-mobile);
}
#header :is(h1, h2), #top-bar {
max-width: unset;
}
#header div#top-bar {
max-width: unset;
}
#header div[class*="top-bar"] > ul {
max-width: unset;
}
#content-wrap {
background: rgba(var(--gray-monochrome));
}
#main-content {
--swatch-background: 0,0,0,0;
grid-template-areas: "action-area-top action-area-top action-area-top action-area-top action-area-top action-area-top""page-tags page-tags page-tags page-tags page-tags page-tags""page-title page-title page-title page-title page-title page-title""breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs breadcrumbs""page-content page-content page-content page-content page-content page-content""page-info-break page-info-break page-info-break page-info-break page-info-break page-info-break"". . pwatch pwatch pwatch pwatch"". . pinfo pinfo pinfo pinfo""options-1 options-1 options-1 options-1 options-1 options-1""options-2 options-2 options-2 options-2 options-2 options-2""pbottom pbottom pbottom pbottom pbottom pbottom""action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm action-area-btm";
}
#top-bar {
-webkit-backdrop-filter: blur(13px);
backdrop-filter: blur(13px);
}
}
/* blockquote */
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
background-color: rgb(var(--gray-monochrome));
}
/* footnotes */
.hovertip {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.footnotes-footer a[href*="javascript"]::before {
display: none;
}
.footnotes-footer a[href*="javascript"], .footnotes-footer a[href*="javascript"]:visited {
color: rgb(var(--link-color));
min-width: unset; width: 1ch;
}
/* owindow */
.infobox, #u-infobox, .odialog-shader, #odialog-container div.owindow {
-webkit-backdrop-filter: blur(13px);
backdrop-filter: blur(13px);
}
/* tags */
#main-content {
--pagetags-text-color: var(--pale-gray-monochrome);
--pagetags-text-hover-color: var(--dark-gray-monochrome);
}
.page-tags span::before {
content: "TAGS:";
font-size: 90%;
display: inline-flex;
align-items: center;
}
#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]), #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]) {
margin: 0;
font-size: 90%;
}
:is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) {
--wght: 600;
box-sizing: border-box;
width: 100%;
padding: .5ex .5ch 1ex;
background-color: rgb(var(--swatch-secondary-color));
font-size: .9em;
font-weight: var(--wght);
line-height: 1.25;
text-align: center;
width: unset !important;
}
Whoosh…
A warm wind brushes across your face as you step into Level 10. It feels like a hot, dry breath exhaled right against your skin. The grass sways in sync with the towering cornstalks, moving as one. You take a step. Then another. The gravel path crunches beneath your shoes.
In the distance, a low moo breaks the silence. The sound doesn’t echo—it simply lingers in the air, unnaturally still.
You’re almost home. Not that the word has much meaning now.
You nudge a pebble with your toe, then another, watching them bounce and vanish into the trenches of brittle grass and broken rubble lining the road. Sweat drips down your forehead, only to be blown back by a sudden gust.
You stop and look up. The sky is as dreary as always, a thick carpet of clouds hangs overhead. The wind picks up, harder now, pushing against you like it's trying to stop you.
Something in your chest coils tight. Maybe this whole thing's been a mistake. You should turn back. Maybe its just… It's probably just a superstition. It's probably just—
Bump.
You stumble backward and land hard in the gravel, grit digging through your clothes. It's a stop sign, flaked in rust and thick black spray paint.
You're here: home.
!! The house is still smothered in moss and time, slouched into the ground as if trying to be forgotten. White paint peeling away from the distressed wood The front door hangs half-detached, just enough to reveal a silhouette of something inside. It looks almost staged, like a horror film set left to rot.
No kids screaming down the halls, louder than anyone had the right to be. No laughing at jokes told around a fireplace.
Just stillness. The rule, the one transcending your lifespan by millennia, rushes into your mind. What's worse than abundant noise in the Backrooms? Silence.
Your pupils narrow, chest tightening. You shake the memories loose and dust yourself off quickly, peering at your surroundings cautiously. It's muted, naturally so.
Crunch, crunch, crunch
Your neck twists to the side before you even realize you’ve moved. Nothing. Just swaying corn and windblown dust. But you heard it. Footsteps.
You scan the distance again, now slower, analyzing everywhere someone could hide. Nowhere. Only fog, thick and pale, creeping in from the distance like a slow, deliberate tide.
You can't stay out here.
You hurry toward the house. Your hand finds the doorframe. You pull.
A rush of stagnant air surges out, thick with mold, rust, and something far fouler. Something organic. Sour. Like vomit sealed away and just now rediscovered. You cough. A dry, violent series of hacks. Each one hurts more than the last. You grip onto the doorway tightly as you push yourself forward.
The house is in worse shape than you remembered.
!!The ceiling, practically gone, is dripping with some kind of slick, thick liquid. You don’t want to name it, but your mind settles on one answer: blood. You slowly pick up one of the books scattered across the warped floorboards. Its cover is blistered and charred, barely holding together. In uneven lettering, scrawled across what’s left of the spine: I see it.
The pages inside are little more than melted fragments, smeared with frantic ink. No structure. Just spirals, symbols, and nonsense phrases written over and over again.
You set it down. Pick up another. This one reads, "What is with this mist?" Most of the pages have been violently torn out, save for the last. The only thing that remains is a single figure, crudely drawn in black ink. No eyes. No mouth. No features. Just an outline.
One of the books appears in noticeably better condition than the rest. Not a scratch on it; titled "I'm alone."
Writing. The contents are finally something coherent, but the handwriting is careful, rigid. You read aloud, your voice barely above a whisper, like you’re telling secret no one should hear:
!!
Date: 03/03/2018
No one said a word. Not even goodbye.
I saw them leave one by one.
They looked wrong. Flat. Like they weren’t really there. Their faces didn’t move. Their eyes… weren’t seeing anything. Not even me.
It’s like they forgot I existed. Like I’d already died.
I tried calling out. Screaming, even. No one flinched. Not even little Casey. She just walked with the rest, blank as stone.
They were all I had. My broken, laughing, fighting, real family. I would’ve died for them. I lived for them. And now they’re gone.
Everything I was… is gone.
The final words are underlined so many times that the paper has torn through.
The room feels stagnant now. The wind outside has gone silent, still. Something crawls across your skin. Not something you can see, but a feeling. It prickles along your arms, down your spine. An itch. Then another. Then everywhere.
You scratch one spot. Then again. Harder. Until the skin turns raw and blotched and red. The sound of your heartbeat grows loud in your ears, pounding like it’s trying to warn you of something. Yet, there's no answer to what of, just stillness.
Creak
You jolt back, your spine slamming against the doorframe. Your eyes snap to the stairwell. It wasn’t your imagination—there was something there. You felt it. Like heat from a hand that had just let go.
Your breath stutters as you edge toward the stairs. Every second stretches out like an eternity.
Empty. Just dust and silence.
Yet the feeling persists. You’re not just being paranoid. Its like a thought you didn't think, stood right behind you, just waiting for you to notice.
You start to climb. Slow. Careful. Dust blooms in the air with each movement, hanging in the stillness like ash. No matter how gentle your movements, each step moans louder than the last.
Near the top of the stairs, you peer into what’s left of the hallway. The floorboards ahead are warped and black with rot. It's choked in moss that climbs the walls like veins.
You could swear they're pulsing.
The wind carries the echoes of once distant moos. They're getting closer.
You dash towards the window, lacking any consideration for the floorboards beneath you. You fall through a large crack, landing spine-first onto hard ground. But that doesn't stop you. You crawl to your feet and bolt for the door.
Nowhere is safe, especially not here. It's following, and you know it.
Wind howls in your face. Cold. Damp. Wrong. You suck in a breath, but it’s thick and sour. Not air. Something heavier.
The mist. It's reached the house.
It pours in through the cracks—through the floorboards, the gaps in the walls, the spaces between your ribs.
Forms stir in the mist. Darker than any show shadow. Too still to be real and too solid to be smoke.
You blink, and now they’re closer. You don’t remember them moving. You don’t remember time passing.
They’re watching you. All of them. And you can’t watch back.
Your hands grip your black cotton shirt, white-knuckled. You’re shaking, on the verge of a total breakdown.
They advance. Not fast. Just inevitable. Each step they take stretches time itself. Like the moment before a scream, suspended forever. Like the silence before something awful knows you’ve noticed it.
Your "family"…
Their bodies tower over you, malformed masses of meat that pulse like something alive is trapped inside, gnawing at the walls of its prison. Veins popped out all over, but something was abnormal. Unnatural. The veins don’t just move, they breathe. They writhe like worms in a sack, screaming in a language that only the body understands.
Their eyes meet yours. Lifeless. Hollow. Almost artificial.
They moo.
A long, low sound. Too slow to be natural. Drawn out, like a funeral dirge echoing through wet lungs. And still, they do not move. Not a twitch. Not even to breathe.
They're waiting for you.
The heated wind brushes your face. Hotter than before. Damp. Familiar. It curls into your ear, whispering in a voice you remember from a dream you were never supposed to wake from.
The corn sways. It beckons. You turn to wards the field and finally understand. The worms beneath your feet are squirming in anticipation. Not chasing, guiding. Their movements carve a path. They know where you're going. They've always known.
You were never lost. You were just being returned.
And so you walk. There's no other choice.
The mist thickens. It doesn't just surround you; it's inside of you. You can feel them all, wriggling, waiting to enter their new host.
The corn closes behind you.
And in that final, breathless moment, you feel it. You feel them. Squirming their way through your veins.
You aren't being devoured; you're being redelivered to truth.
Welcome home.
Case File 1 - Phenomenon 10
Area of Effect: Level 10
Progress: Severe
Synopsis
The effect of Phenomenon 10 on this level has occurred in stages with a direct correlation to human activity within the level.
First, the wheat on Level 10 lost its nutritional value. We have the test results from the initial harvests; this wasn't always the case. This setback didn't stop us from trying to plant new crops. It was successful at first, for a few months at least. But that's when the wheat began producing excessive amounts of a viscous, organic oil. This tainted the soil beyond repair, which put an end to any long-term operations in the level.
The level's otherwise pleasant nature still led many to attempt residing within the abandoned structures found throughout it. After a year or two, we started getting reports of the hallucinations, especially from those occupying the level long-term. We still don't fully understand its mode of transmission, but the symptoms are severe nonetheless.
The most recent development is the worms growing increasingly hostile. We've discovered the remains of several groups and families with severe worm infestations. Evidence suggests they were afflicted long before they died.
Researcher Notes
Due to its proximity to developed levels, this has become a pressing issue. With the steady increase of Phenomenon 10's effect, a reclassification of the level may be necessary.
– Dr. Scott Stevens
Author section
Uhh, hi, author
Red-eyes Dragoon
This is based on a Minecraft mod, if you can believe it. Known as the "Forboding project," it is, and in my opinion, will always be the scariest mod I have ever played. It genuinely made me paranoid in a cute block game. To show my love, here's a phenomenon that is lightly inspired from it. This is supposed to be eerie, maybe give you a bit of second-hand anxiety.
Greenlighted by the GOAT:
The lovely critic(s) who looked at my page:
My other works can be found on my author page