Penguin's Igloo

---

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

Random Work!

(user deleted)

6 Pages

Chronological order | Recently posted | Top rated | Recently updated

---

SCPs

---

SCP-4563
+150 ^… 26
Latest comment: Spadelee at 27 Apr 2021 03:17
Last edited: Jerden at 08 Mar 2026 07:44

Item #: SCP-4563 Object Class: Thaumiel Special Containment Procedures: Due to SCP-4563's vast knowledge in the field of Psychotherapy, the Foundation recognizes SCP-4563 as Foundation personnel, and...
tags: alive animal co-authored empathic exquisite-corpse2020 foundation-personnel humanoid insect scp swarm thaumiel

SCP-4509
+116 ^… 28
Latest comment: Maxyfran73 at 16 Aug 2023 00:06
Last edited: Erminustay at 04 Jun 2024 16:50

Top down view of object. Item #: SCP-4509 Object Class: Safe Special Containment Procedures: The only remaining extant copy is currently contained in Site-23 anomalous library. Access is restricted...
tags: cognitohazard cupid2021 document empathic mind-affecting safe scp sexual tactile

---

Tales

---

Orchestra Del Masque
+17 ^… 2
Latest comment: Tropinano at 13 May 2020 18:22
Last edited: Erminustay at 04 Jun 2024 17:56

The stage was where she lived. Sure, she might exist outside, but on the stage, she came alive. When the candle light dimmed, when the audience grew quiet, she truly shone. It was just her, the...
tags: tale

The Only Sound Within the Room is the Falling of Each Tear
+21 ^… 2
Latest comment: Maxyfran73 at 07 Aug 2024 05:17
Last edited: Jerden at 03 Jul 2025 18:53

They say that opposites attract. That must be true because Flo is as pretty as a carnation back east and I'd lose a beauty contest with a desert cockroach. Flo could seduce a bandit into handing over...
tags: aces-and-eights canon2020 crime-fiction tale western

And The Cab Passed At Nine
+24 ^… 3
Latest comment: JackalRelated at 13 Jan 2021 04:29
Last edited: Jerden at 03 Jul 2025 19:06

The name's Charles Stanford, and this is how I ended up tied round of this ancient pseudo-diety of an oak. My tale starts a few states east of here, in the grand city of Chicago. Half of the pork,...
tags: aces-and-eights chase first-person tale western

---

Others

---

Penguin's Igloo
+26 ^… 5
Latest comment: do_the_right_thing at 14 Feb 2021 19:21
Last edited: Jerden at 22 Oct 2022 16:45

+ Show component code - Hide component code module "wiki/CssModule"...
tags: author

---

Collaborations

---

SCP-5270
+302 ^… 30
Written by: penguin6, gerrymanderbassist. {$note}
Latest comment: Jeems at 02 Mar 2026 17:02
Last edited: Jerden at 08 Oct 2022 19:07

All images were created by Bandit Ursine CEO Bebop. Thank you Bandit! The containment procedures were written by Penguin6, check out her author page too. ▸ More by this Author ◂ ...
tags: auditory autonomous bear co-authored ectoentropic electronic exquisite-corpse2020 humanoid media safe sapient scp sensory vibration

‡ Licensing / Citation

Cite this page as:

"Penguin's Igloo" by (user deleted), from the SCP Wiki. Source: https://scpwiki.com/penguin-s-igloo. Licensed under CC BY-SA.

For information on how to use this component, see the License Box component. To read about licensing policy, see the Licensing Guide.