/* 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("https://www.remarkablefurniture.com.au/cdn/shop/files/BAU_PDP_Cosmo_Cast_Alu_Armrest_Chair_1264x1264_2_Gigi_20230531_1024x1024.jpg?v=1695091050");
/* ===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;
}
"*Sighs* Level 11, that's a hell of a level to talk about. Regardless of what the M.E.G says, Level 11 is real. Honestly, I don't know why they keep claiming that it's a "Conspiracy Theory". I swear to god, the only reason they claim that is because they are too afraid to enter Elevator Space or even venture beyond Level 5. Hell, the only reason they even know about Level 7 and beyond is because we tell them. We showed them photos. Maybe the level looks fake to them, I don't know. Honestly though, if they had the courage to come out of their little hidey-hole on Level 4, maybe they'd actually learn something about this place."
- Jeff Feng, a member of The Traversers.
SURVIVAL DIFFICULTY
CLASS 1
Exit: 3/5
Difficult to Exit
Environment: 1/5
Low Environmental Risk
Entities: 0/5
No Hostile Entities
Level 11, or The Matrix as it is referred to by some, is an expansive white void with chairs, tables and other furniture scattered about, as well as tall pillars that reach up into the fog in the sky.
Level 11 is currently under scrutiny by the M.E.G for being a "Conspiracy Theory" due to the "unrealistic nature of the level", as said by M.E.G member Ted Smith upon seeing a photograph of the level.
"I just can't see a level look like that and be real. I mean, it looks liminal but …. yeah. It's not like Level 10, that looks realistic, but … like, it looks distorted. I'm going to be honest with y'all, this 'level' as you call it doesn't look real."
- Tom Smith, a member of the the M.E.G.
Description
Level 11 is an infinite white void. This white void is dotted with chairs, tables, lamps, dresser drawers, as well as less common pieces of furniture like console tables, nightstands, and desks. These pieces of furniture all share a minimal aesthetic and often seem very devoid of anything that would differentiate them from a very standard, clinical showroom picture. The furniture is always aligned in a very rigid and accurate manner, which may add to feeling of lonelieness or despair felt here. Along with the furniture, it is not uncommon to find giant pillars made of standard drywall, concrete and baseboards reaching high up into the sky.. Along these pillars, it is possible to find wall outlets, as well as a !_!@$(, which may **@&#*%*%*@&&______4i $#$#$#$N* Oifei *@%& **ERROR 404: DATA NOT FOUND**.
Level 11 is also non-euclidean, which means it is extremely easy to get lost in the level. The level gives a feeling of loneliness and liminality, which is much stronger than other levels due to the liminal feelings being amplified by the nothingness around you.
A typical piece of furniture on Level 11.
Level 11 also has a white thick fog hanging above the level. This fog only seems to begin after traveling upward for about sixty feet and appears as a thick white cloud layer, which seems to never break at all. The pillars appear to disappear into this fog.
Pillar sections, taken from their main pillars. Note that the main pillars remained standing.
The floor of Level 11 appears to made out of nearly invisible cut white marble, with no imperfections or any sort of indication that the marble is a solid substance. In certain areas of Level 11, large rooms can be found. These rooms' exteriors resemble a giant pillar, with similar features. On the inside, the room appears the same as the exterior, save for there being no white fog. on the interior, the pillars appear to climb to infinity.
Any furniture found on this level is removable. The furniture in the level can be used freely. The drawers and desk drawers, when opened, will not contain anything.
Level 11 is often described as giving a feeling of being in a simulation, hence its nickname, The Matrix. The Level gives off a weak scent of fabric and sawdust. People who entered the level have rarely entered psychosis due to the amount of emptiness and nothingness that they felt in this level.
It is truly a shame that your minds are weak.
Survival Guide
TRAVERSERS SECURITY NOTICE
NOTE: Recent developments on Level 11 indicate that a seismic shift in the foundation of the backrooms is occuring. Please remain calm. It will not affect a majority of levels; but it seems almost as if Elevator Space is causing this. The closer you get to its entrance, the worse it seems to get. It is advised to not enter Elevator Space for this duration. Level 11, as well as other Levels which connect to Elevator Space, may experience minor tremors. THIS IS NOT A CAUSE FOR ALARM.
If you wander into Level 11, stay out of the rooms. They tend to evoke a deeper feeling of liminal anxiety than the rest of the level. Make sure that you have supplies before entering; you might be here for a while. If you want to carry the furniture with you to other levels, keep in mind that the furniture is quite heavy for its appearance and you may be forced to abandon it when running from entities.
In the rare event that the isolation from the level begins giving you psychosis, please no-clip out of the level immediatley. If you are unable to no-clip, please follow the Traversing Anxiety protocol:
- FIRST cover yourself.
- SECOND reassure yourself by combating Desolation.
- THIRD Remember. Level 11 is simply one of the levels of the backrooms. You can leave.
- FOURTH Remain in there for as long as you need to. There are no entities here.
Desolation is very strong here.
Stay strong.
It is best to periodically drink
almond water while on this level; it is well known for its ability to stave off Desolation.
A large threat while on this level is the risk of not finding an exit. The level tends to get monotonous after a while, and the methods of exit tend to be very difficult. It is best to make sure that you exit before the effects of Desolation can take hold.
Access
Entrances
Level 11 can be accessed by:
- No-clipping through a rare white patch of wheat in Level 10.
- Traveling through Elevator Space until you reach door 11.
Exits
- Repeating a specific pattern of movements known as the Sequence.
- No-Clipping into a wooden nightstand into Level 9.
- Falling unconscious on this level has a chance of bringing you to Level 6.
All images are Creative Commons.
… ?
Tick… Tock… Tick… Tock…