Level 5 / Discussion

---

+ Show component code

:root {
        --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
        --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 56.25rem) {
        #content-wrap {
            display: flex;
            position: initial;
            flex-direction: row;
            flex-grow: 2;
            width: calc(100vw - (100vw - 100%));
            max-width: inherit;
            height: auto;
            min-height: calc(100vh - var(--final-header-height-on-desktop, 10.125rem));
            margin: 0 var(--sidebar-width-on-desktop, 13.6rem) 0 calc(var(--sidebar-width-on-desktop, 13.6rem) * -1 / 2);
        }
 
        #main-content {
            position: initial;
            width: var(--body-width-on-desktop, 45.75rem);
            max-width: var(--body-width-on-desktop, 45.75rem);
            max-height: 100%;
            margin: 0 auto;
            padding: 2rem 1rem;
        }
 
        #page-content {
            max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
        }
 
        #side-bar {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            left: 0;
            grid-area: side-bar;
            width: var(--sidebar-width-on-desktop, 13.6rem) !important;
            min-width: var(--sidebar-width-on-desktop, 13.6rem) !important;
            max-height: 100vh;
            padding-right: 2.5rem;
            padding-left: 0.5rem;
            overflow-y: scroll;
            transition:
                translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                padding 300ms linear,
                margin 300ms linear;
            border: none;
            border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4);
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
            translate: calc(var(--sidebar-width-on-desktop, 13.5rem) * -1 - 1rem);
            direction: rtl;
            scrollbar-width: thin;
            -ms-scroll-chaining: none;
                overscroll-behavior: contain;
            scrollbar-color: 
                rgba(var(--swatch-primary-darker), 0.1) /* Thumb */
                rgba(var(--swatch-tertiary-color), 0.05); /* Track */
        }
 
        #side-bar::-webkit-scrollbar-track {
            background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8);
        }
 
        #side-bar::-webkit-scrollbar,
        #side-bar::-webkit-scrollbar-thumb,
        #side-bar::-webkit-scrollbar-corner {
            width: 0.5rem;
            border-right-width: calc(100vw + 100vh);
            border-right-style: inset;
            border-color: inherit;
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
        }
 
        #side-bar:is(:hover, :active, :focus-within) {
            margin-right: 2.25rem;
            padding-right: 0.25rem;
            overflow-x: hidden;
            overflow-y: auto;
            border-color: rgba(var(--swatch-primary-darker), 1);
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1);
            translate: calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0));
            scrollbar-color: 
                rgba(170, 170, 170, 1)  /* Thumb */
                rgba(252, 252, 252, 1); /* Track */
            scrollbar-color: 
                rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */
                rgb(var(--swatch-menubg-color, 252, 252, 252), 1);  /* Track */
        }
 
        #main-content::after {
            content: " ";
            display: flex;
            position: fixed;
            top: 0;
            left: 1rem;
            align-items: center;
            justify-content: center;
            width: 1rem;
            height: 100%;
            max-height: 100%;
            transition:
                left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg");
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: center left 1rem;
            background-size: 1rem 12.875rem;
            pointer-events: none;
        }
 
        #side-bar:is(:hover, :active, :focus-within) + #main-content::after {
            left: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
            width: 0rem;
            transition:
                left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            opacity: 0;
            background-position: center left calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
            font-size: 0em;
        }
 
        #main-content::before {
            content: " ";
            position: absolute;
            z-index: 9;
            top: var(--final-header-height-on-desktop, 0);
            left: 0;
            width: var(--sidebar-width-on-desktop, 14.5rem);
            height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
            margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
            transition:
                translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            opacity: 0.5;
            background-color: rgb(var(--swatch-alternate-color, 0, 0, 0));
            pointer-events: none;
            translate: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1 + 1rem);
        }
 
        #side-bar:is(:hover, :active, :focus-within) + #main-content::before {
            translate: 0;
            opacity: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1em;
            padding-left: 0.25em;
            border-right-width: 0rem;
            border-left-width: 0rem;
            border-radius: 0;
            background-color: rgb(0, 0, 0, 0);
            direction: ltr;
        }
 
        #side-bar .scpnet-interwiki-wrapper {
            direction: ltr;
        }
 
        /* Print Friendly Formatting by Estrella */
        body.print-body { 
            --sidebar-width-on-desktop: 0; 
        } 
        body.print-body #main-content::before,
        body.print-body #main-content::after { 
            display: none; 
        }
    }

This is the discussion related to the wiki page Level 5.

page 1 of 212next »

ShroomDispencer 07 Apr 2020 09:11

According to rumors, this place is supposedly a castle-like hotel in California that has clipped into the backrooms and has been forgotten about ever since.

Hotel California

Wiki Helper Post [Open]

etoisle 19 Nov 2020 18:39

The original images for Level 5 were not CC compliant or could not be sourced properly, and have been replaced with the following images, per staff team and image team consensus.

+ show block

Image 1: https://www.flickr.com/photos/65067366@N00/26724474934
Released under CC BY 2.0, edited by me, etoisle
Image 2: https://www.flickr.com/photos/61132483@N00/2231779792
Released under CC BY 2.0
Image 3: https://www.flickr.com/photos/77393879@N03/7059402395
Released under CC BY 2.0

---

do my gay little computers make you mad? do they make you want to hurt me?

Last edited on 19 Nov 2020 18:43 by etoisle Show more

CementSandwich 31 Mar 2021 17:07

8/10

Very long and pretty well written, at the very least for the time's standards. Idea is very good considering it was one of the first few.

idea: 9/10
execution: 7/10

---

- random bitch on wikidot

What are the Blurrs?

Journalist Override 19 Jul 2021 00:03

The Lost Hall Society says is composed by "Blurrs", but when I click the name, it takes me to Entity 92 Sixarms. I doubt the Sixarms can form a community and "trade with wanderers". So can somebody explain me what a "Blurr" is?.

Cool level anyways.
+1

Last edited on 19 Jul 2021 00:05 by Journalist Override Show more

Re: What are the Blurrs?

CutTheBirch 19 Jul 2021 18:49

Blurrs are a deleted entity which used to be in the Entity 92 slot. iirc, young Blurrs are like grey humanoids who form societies and stuff, but as they grow older, they get more beastly and feral.

X_Tron 09 Oct 2021 02:09

Reminds me of tower of terror. Maybe it was the inspiration idk.

The Originals

WriterK 05 Mar 2022 00:03

I hope James Dean's Porshe is a part of this group.

---

- K

Level 5 Alteranative Title

CalebsStudios 22 Mar 2022 13:14

An california hotel with bug problems

Re: Level 5 Alteranative Title

YourWeirdPlant 22 Mar 2022 14:04

Welcome to Hotel California

---

~🌱

+1 here we go go here we NYOOOm

Mister Rustor 29 Apr 2022 13:29

hotel is cool, CALIFORNIA HELL YEAAAAAAh. also another stanley post.

sooner or later he'll become some entity and it's gonna be meh fault.

next destination: LEVEL 20.

---

-ℝ𝕦𝕤𝕥𝕪𝕊𝕡𝕠𝕣𝕜𝕤
𝕋𝕙𝕖 𝕨𝕖𝕚𝕣𝕕 𝕥𝕙𝕚𝕟𝕘 𝕥𝕙𝕒𝕥 𝕖𝕩𝕚𝕤𝕥𝕤, 𝕀 𝕘𝕦𝕖𝕤𝕤.
☆ﾟ°˖* ᕕ( ᐛ )ᕗ 𝔸

Last edited on 29 Apr 2022 13:35 by Mister Rustor Show more

YourWeirdPlant 29 Apr 2022 16:19

That gives me an idea-
/j
Maybe?

---

~🌱

Re: +1 here we go go here we NYOOOm

ThatPartyGoer 19 Oct 2022 18:07

For Lazy People

+1 yeah

Mister Rustor 29 Apr 2022 13:29

hotel california better than terror hotel tbh.

---

-ℝ𝕦𝕤𝕥𝕪𝕊𝕡𝕠𝕣𝕜𝕤
𝕋𝕙𝕖 𝕨𝕖𝕚𝕣𝕕 𝕥𝕙𝕚𝕟𝕘 𝕥𝕙𝕒𝕥 𝕖𝕩𝕚𝕤𝕥𝕤, 𝕀 𝕘𝕦𝕖𝕤𝕤.
☆ﾟ°˖* ᕕ( ᐛ )ᕗ 𝔸

Last edited on 29 Apr 2022 14:36 by Mister Rustor Show more

-1

Epicgamer23 05 Sep 2022 17:56

This article just…doesnt do it for me. Conceptually wise it's another sort of basic concept but I do think it shines more than anything from the 0-4 list.

The writing itself is where I just have more issues. It sort of flows weird and in parts just reads really clunky. Impacts the possible enjoyment that can be gleaned from this article especially when parts just read really poorly.

Also, it uses "seems to be an infinite hotel." which is one of my least favorite writing tropes I see.

Maybe this article is better if you read the terror hotel canon but something should be able to stand on its own without reading multiple other articles to get enjoyment out of it.

page 1 of 212next »