joke

---

+ 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; 
        }
    }

Summary:

sus

joke

realpartygoer 29 Jul 2022 15:14

maybe since we have a backrooms wiki… the entities have a… FRONTROOMS WIKI????

some of them might have noclipped here………..

WERE DOOMED!!!

ThE PaRtYgOeRs AnD tHe ClUmPs AaAAaAAAaaaaAaaaAaAaaAAAAAAAA they will noclip here DX NOO!

---

yes

Re: joke

inadequateoliver77 31 Jul 2022 16:54

ok lol

Re: joke

MC_Crafter_24_7 13 Aug 2022 03:24

There needs to be an entrance for that to happen. No such thing exists, or does it? No one knows for sure if one exists, but if you can go one direction, I imagine there's a way to go back the other direction.

Re: joke

ThatBackroomsFan 15 Sep 2022 11:57

Personally, I'm fine if Partygoers come to the Frontrooms. I heard they are masters at setting up parties. I recommend coming to level FUN if your want to have some fun in this cursed realm =)

Re: joke

coffeecryptid 03 Oct 2022 01:55

I actually have a headcanon that the partygoers don't want to leave the backrooms.
think. they have everything they could possibly want - or need - right in level fun =). by leaving for the frontrooms they'd be separating themselves from their home level and other partygoers, and as far as we have observed, they're very social little scrunklies. a literal hivemind. they'd rather stay with their buddies.
plus, the backrooms are familiar territory for them. they'd want to stay where the odds are in their favor.
and, IF they discovered an exit, it's only a matter of time before wanderers, or even the M.E.G., find out about this exit too and leave. they want us to stay trapped: trapped in this endless mind hell until we're so weighed down with despair we give in and "join the fun =)".
which leads to my final point: they're intentionally messing with our attempts at escape. freedom for us is the end for them. the party would finally be over.
but HEY! that's just a theory! A BACKROOMS THEORY!!!

Re: joke

trash_man_juab 24 Oct 2022 17:48

that’s pretty good

Re: joke

PenOrSaber1 17 Apr 2023 14:06

Welcome to Game Backrooms Theory everyone!

---

Just a high schooler who thinks he is good at writing. Likes working on a lot of stuff, ranging from writing for the Backrooms Wiki, to providing critique, and reading. ~ Pen.
"The truth is the truth. What changes is what we know about it and what we're willing to believe."
- Jonathan Maberry, Rot and Ruin

Re: joke

Pearbranch 10 Oct 2023 02:54

Welcome to Game Theory.

---

@pearbranch14823

Re: joke

coffeecryptid 03 Oct 2022 01:56

also the frontrooms wiki is a great concept lol, wonder if they'd have individual pages for different celebrities

Re: joke

frynleelasscenemogf 13 Oct 2022 11:41

THIS JUST IN
BACKROOM ENTITES ACCIDENTLY NOCLIP INTO FRONTROOM WORLD
WE'RE FUCKED!!!!1!11

---

zemira speaks ☁ ⦻ a furry otherkin (scenezombwolfdog), scenemo , creepypasta extrodinare, also philp j frys and leeluH turangas hot scenemo gf. Church of Euthanasia pastor in training and VHEMT member, proshipper 🌈🍖and fujoshi
50% cooler than a ice cube 50% swag 100% mlg CRINGE CULTURE IS FUCKIN DEAD i stan freela<3 see my carrd for my other social links and a full about me:DDD! :3 XD X3

Re: joke

Verseleaine900 19 Oct 2022 14:15

Yes. We- I mean, THE Entitys need a front rooms site.

Last edited on 19 Oct 2022 14:17 by Verseleaine900 Show more

Re: joke

Partypooper_32 17 May 2023 14:57

Lol this actually made me laugh. OH SHIT NO NOT A WRETCH AHHHHH

Re: joke

Ellov 05 Oct 2022 10:09

lol

---

横看成淋侧成风，百变小阴各不同

Re: joke

anarchy gooses 16 Oct 2022 20:58

this is great

---

from gooses of anarchy

Last edited on 16 Oct 2022 21:00 by anarchy gooses Show more

Re: joke

trash_man_juab 24 Oct 2022 17:49

muffins of Mik

Re: joke

Gachaphelomena93 17 Oct 2022 03:07

Hahahahahahahahahahahahhahahahahahahahahahahahahhhahahahahahahahahahahahahahahah

Re: joke

(account deleted) 15 Apr 2023 13:34

we need another wikidot for partygoers only

---

hi it is me aaron92

Re: joke

coffeecryptid 17 Apr 2023 00:30

you're so real for this

Re: joke

(account deleted) 17 Apr 2023 13:58

i want it to exist

---

hi it is me aaron92