Laneous's Outlet

---

+ Show theme code

:root {
    /* New Vars */
    --swatch-menubg-extra-dark-color: 30, 30, 32;
 
    /* Old Vars */    
    --black-monochrome: 20, 22, 24;
    --light-pale-gray-monochrome: 250, 250, 250;
    /* Primary Theme Colors */
    --swatch-background: var(--swatch-menubg-black-color);
    /* Background and Header Colors */
    --background-gradient-color: 10, 10, 10;
    --header-gradient-color-bottom: var(--medium-accent);
    --header-gradient-color-middle: var(--swatch-menubg-black-color);
    --header-gradient-color-top: var(--swatch-menubg-black-color);
    /* Primary Text Colors */
    --swatch-text-light: var(--light-pale-gray-monochrome);
    --swatch-text-general: var(--swatch-text-light);
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--swatch-menubg-black-color);
    /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
    /* Primary Header Colors */
    --swatch-topmenu-border-color: var(--swatch-menubg-black-color);
    --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
 
    --rating-module-text-color: var(--swatch-text-general);
    --rating-module-button-color: var(--swatch-text-general);
    --rating-module-button-cancel-color: 100, 100, 100;
 
    --gradient-header: linear-gradient(
        to bottom,
        rgb(var(--header-gradient-color-bottom)) 0%,
        rgb(var(--header-gradient-color-middle)) 90%,
        rgb(var(--header-gradient-color-top)) 100%
    );
 
    --diagonal-stripes: repeating-linear-gradient(
        45deg,
        hsla(0, 0%, 100%, 0),
        hsla(0, 0%, 100%, 0) 0.25vh,
        rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
        rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh
    );
}
 
::selection {
    background: rgb(var(--swatch-primary-darkest));
}
 
#search-top-box-input {
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
}
 
#account-options {
  background: var(--gradient-header);
}
 
#login-status {
    color: rgba(var(--swatch-menutxt-light-color),0.5);
}
 
#login-status ul a {
  color: rgb(var(--swatch-menutxt-light-color));
}
 
span.printuser {
    color: rgb(var(--swatch-menutxt-light-color));
}
 
#login-status a#my-account {
    padding: 0.15em;
    margin: -0.15em;
    color: rgb(var(--swatch-menutxt-light-color));
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
    -moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
    box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
    -webkit-transition:
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition:
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -o-transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -moz-transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition:
        box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
        -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
#login-status a#my-account:hover,
#login-status a#my-account:active  {
    padding: 0.3em 0.25em 0.2em 0.25em;
    margin: -0.25em;
    -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
    -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
    box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
    text-decoration: none;
    color: rgb(var(--white-monochrome))
}
 
.page-rate-widget-box {
    background: -webkit-gradient(linear,
        left top, left bottom,
        from(rgba(var(--header-gradient-color-bottom),0.5)),
        color-stop(90%, rgba(var(--header-gradient-color-middle),0.15)),
        to(rgba(var(--header-gradient-color-top),0.15)));
    background: -webkit-linear-gradient(top,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    background: -moz-linear-gradient(top,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    background: -o-linear-gradient(top,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    background: linear-gradient(to bottom,
        rgba(var(--header-gradient-color-bottom),0.5) 0%,
        rgba(var(--header-gradient-color-middle),0.15) 90%,
        rgba(var(--header-gradient-color-top),0.15) 100%);
    border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25);
}
 
#top-bar div.top-bar > ul > li:hover {
    background: rgb(var(--swatch-menubg-black-color));
}
 
#top-bar div.mobile-top-bar > ul > li.sfhover > ul, 
#top-bar div.mobile-top-bar > ul > li:hover > ul, 
#top-bar div.top-bar > ul > li.sfhover > ul, 
#top-bar div.top-bar > ul > li:hover > ul {
    background: rgba(var(--swatch-menubg-black-color),0.85);
}
 
#top-bar div.mobile-top-bar > ul > li > ul > li > a, 
#top-bar div.top-bar > ul > li > ul > li > a {
    -webkit-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
       -moz-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
            box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
}
 
blockquote,
.blockquote,
.code {
    --swatch-border-color: var(--swatch-menubg-light-color);
    border-color: rgba(var(--swatch-border-color),0.25);
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    --box-shadow: rgb(var(--swatch-primary-darkest));
    border-color: rgb(var(--swatch-primary-darkest));
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    --box-shadow: rgb(var(--swatch-primary-darkest));
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
    color: rgb(var(--swatch-text-general));
}
 
.yui-navset .yui-nav .selected, 
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--swatch-primary-darkest));
}
 
table.wiki-content-table th {
    background: rgb(var(--swatch-secondary-color));
}
 
table.wiki-content-table th,
table.wiki-content-table tr {
    border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25) !important;
}
 
table.wiki-content-table td {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25) !important;
}
 
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
    color: rgb(var(--swatch-text-light));
}
 
.code pre span[class*="hl-"] {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.hovertip {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
    background-color: rgb(var(--swatch-menubg-extra-dark-color)) !important;
    color: rgb(var(--swatch-text-light)) !important;
}
 
#footer {
    color: rgb(var(--swatch-text-general));
}
 
.scpnet-interwiki-wrapper {
    -webkit-filter: initial;
    filter: initial;
    margin-top: 1em;
}
 
.scpnet-interwiki-frame {
    -webkit-filter: invert(0.92) grayscale(1) contrast(1);
    filter: invert(0.92) grayscale(1) contrast(1);
}

+ Show component code

@supports((display: -ms-grid) or (display: grid)) {
    @media only screen and (min-width: 769px) {
        #side-bar .close-menu {
            display: block;
            opacity: 1;
            pointer-events: none;
        }
        #side-bar .close-menu::before,
        #side-bar .close-menu::after {
                content: "";
                box-sizing: border-box;
                position: fixed;
                display: block;
                top: 0.25rem;
                left: 0.5rem;
                width: 3rem;
                height: 3rem;
                padding: 0;
                margin: 0;
                text-align: center;
                pointer-events: all;
                cursor: pointer;
                -webkit-transition:
                    opacity var(--sidebar-transition-timing);
                -o-transition:
                    opacity var(--sidebar-transition-timing);
                -moz-transition:
                    opacity var(--sidebar-transition-timing);
                transition:
                    opacity var(--sidebar-transition-timing);
            }
            #side-bar .close-menu::before {
                --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='32px' id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z'/%3E%3C/svg%3E"); 
                z-index: -1;
                background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
                -webkit-mask: var(--mask);
                        mask: var(--mask);
                -webkit-mask-repeat: no-repeat;
                        mask-repeat: no-repeat;
                -webkit-mask-position: 50% 50%;
                        mask-position: 50% 50%;
                -webkit-mask-size: 60%;
                        mask-size: 60%;
            }
            #side-bar .close-menu::after {   
                z-index: -2;  
                background-color: var(--toggle-button-bg, rgb(var(--swatch-menubg-color))) !important;
                -webkit-border-radius: var(--toggle-roundness, 50%);
                   -moz-border-radius: var(--toggle-roundness, 50%);
                        border-radius: var(--toggle-roundness, 50%);
                border: var(--toggle-border-color, rgb(var(--swatch-border-color))) var(--toggle-border-width, 0.25rem) solid;
            }
 
            #side-bar:focus-within .close-menu::before,
            #side-bar:focus-within .close-menu::after {
                opacity: 0;
        }
 
        #side-bar {
            display: block;
            position: fixed;
            top: 0;
            left: -webkit-calc(var(--sidebar-width-on-desktop)*-1);
            left: -moz-calc(var(--sidebar-width-on-desktop)*-1);
            left: calc(var(--sidebar-width-on-desktop)*-1);
            z-index: 10;
            -webkit-transition: 
                left var(--sidebar-transition-timing);
            -o-transition: 
                left var(--sidebar-transition-timing);
            -moz-transition: 
                left var(--sidebar-transition-timing);
            transition: 
                left var(--sidebar-transition-timing);
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: 0;
        }
 
        #side-bar:focus-within {
            left: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1rem;
            background-color: rgb(0, 0, 0, 0);
            -webkit-border-radius: 0;
               -moz-border-radius: 0;
                    border-radius: 0;
            border-left-width: 0px;
            border-right-width: 0px;
        }
 
        #main-content::before {
            content: "";
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            z-index: -1;
            opacity: 0;
            -webkit-transition:
                opacity var(--sidebar-transition-timing),
                width var(--sidebar-transition-timing);
            -o-transition:
                opacity var(--sidebar-transition-timing),
                width var(--sidebar-transition-timing);
            -moz-transition:
                opacity var(--sidebar-transition-timing),
                width var(--sidebar-transition-timing);
            transition:
                opacity var(--sidebar-transition-timing),
                width var(--sidebar-transition-timing);
            margin-left: var(--sidebar-width-on-desktop);
            background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
            padding-right: 0;
            width: 100%;
            height: 100vh;
            pointer-events: none;
            z-index: 99;
        }
 
        #side-bar:focus-within ~ #main-content::before {
            width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
            width: -moz-calc(100% - var(--sidebar-width-on-desktop));
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        #content-wrap {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
               -moz-box-orient: horizontal;
               -moz-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            width: -webkit-calc(100vw - (100vw - 100%));
            width: -moz-calc(100vw - (100vw - 100%));
            width: calc(100vw - (100vw - 100%));
            min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem)));
            min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem)));
            min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
            -webkit-box-flex: 2;
            -webkit-flex-grow: 2;
               -moz-box-flex: 2;
                -ms-flex-positive: 2;
                    flex-grow: 2;
            height: auto;
            position: relative;
            margin: 0 auto;
            max-width: inherit;
        }
 
        #main-content {
            width: 100%;
            position: initial;
            max-height: 100%;
            padding: 2rem 1rem;
            width: 45.8rem;
            max-width: 45.8rem;
            margin: 0 auto;
        }
        @media not all and (min-resolution:.001dpcm) { 
            @supports (-webkit-appearance:none) {
                #side-bar {
                    -webkit-transition: 
                        left var(--sidebar-transition-timing),
                        padding-right var(--sidebar-transition-timing),
                        background-color var(--sidebar-transition-timing);
                    -o-transition: 
                        left var(--sidebar-transition-timing),
                        padding-right var(--sidebar-transition-timing),
                        background-color var(--sidebar-transition-timing);
                    -moz-transition: 
                        left var(--sidebar-transition-timing),
                        padding-right var(--sidebar-transition-timing),
                        background-color var(--sidebar-transition-timing);
                    transition: 
                        left var(--sidebar-transition-timing),
                        padding-right var(--sidebar-transition-timing),
                        background-color var(--sidebar-transition-timing);
                    padding-right: 5rem;
                    background-color: rgb(0,0,0,0);
                }
 
                #side-bar::-webkit-scrollbar {
                    opacity: 0;
                    -webkit-transition: opacity var(--sidebar-transition-timing);
                    transition: opacity var(--sidebar-transition-timing);
                }
 
                #side-bar:hover .close-menu::before {
                            opacity: 0;
                }
 
                #side-bar:hover {
                    left: 0;
                    background-color: rgba(var(--swatch-menubg-color),1);
                    padding-right: 0;
                }
 
                #side-bar:hover::-webkit-scrollbar {
                    opacity: 1;
                }
 
                #side-bar:hover ~ #main-content::before {
                    width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
                    width: -moz-calc(100% - var(--sidebar-width-on-desktop));
                    width: calc(100% - var(--sidebar-width-on-desktop));
                    opacity: 1;
                    pointer-events: all;
                }
            }   
        }
    }
}

---

+ Show component code

@supports((display: -ms-grid) or (display: grid)) {
:root {
    /* header measurements */
    --header-height-on-desktop: 10rem;
    --header-height-on-mobile: 10rem;
    --header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    --header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
 
#header {
    background: none;
}
 
#header::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0.75rem;
    background-image: var(--logo-image);
    background-repeat: no-repeat;
    background-position: center -3.5rem;
    -webkit-background-size: auto 8rem;
    -moz-background-size: auto 8rem;
    -o-background-size: auto 8rem;
    background-size: auto 8rem;
    background-position: center top;
    opacity: 0.45;
    pointer-events: none;
}
 
#header h1,
#header h1 a,
#header h1 a::before {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: inherit;
    z-index: 0;
}
 
#header>h1>a>span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: inherit;
}
 
#header h1 {
    height: -webkit-calc(100% - 2.25rem);
    height: -moz-calc(100% - 2.25rem);
    height: calc(100% - 2.25rem);
}
 
#header h1 a::before,
#header h1 a {
    text-align: center;
    line-height: 0.8;
}
 
#header h2,
#header h2 span,
#header h2 span::before {
    position: absolute;
    left: 0;
    top: 0.15em;
    margin-left: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: inherit;
    z-index: 0;
    text-transform: uppercase;
    pointer-events: none;
}
 
#login-status {
    min-height: -webkit-calc(var(--base-font-size) * 1.5);
    min-height: -moz-calc(var(--base-font-size) * 1.5);
    min-height: calc(var(--base-font-size) * 1.5);
    -webkit-border-radius: .0625rem;
    -moz-border-radius: .0625rem;
    border-radius: .0625rem;
    -webkit-border-radius: var(--border-radius-width);
    -moz-border-radius: var(--border-radius-width);
    border-radius: var(--border-radius-width);
    color: rgb(var(--pale-gray-monochrome));
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    left: 3%;
    right: initial;
}
 
#login-status .printuser {
    --wght: 900;
    position: relative;
    top: 0;
    left: 0;
    color: rgb(var(--swatch-menutxt-light-color));
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0.25rem;
    margin: 0;
    font-weight: 900;
}
 
#login-status #my-account {
    --wght: 300;
    color: rgb(var(--pale-gray-monochrome));
    font-weight: 300;
}
 
#login-status #account-topbutton {
    border: initial;
    padding: 0.5em 0.5em 0.5em 0.25em;
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 1em;
}
 
#account-options {
    width: auto;
    padding: 0.5em;
    border-color: rgba(var(--bright-accent));
    background: var(--gradient-header);
    color: rgb(var(--swatch-text-light));
}
 
#account-options ul li a {
    color: rgb(var(--swatch-text-light));
}
 
#account-options li a:hover {
    color: rgb(var(--swatch-text-light));
    text-decoration: underline;
}
 
@media only screen and (min-width: 769px) {
    #search-top-box {
        right: 3%;
        top: 0.5rem;
    }
 
    #search-top-box-form>input,
    #search-top-box-form>input:hover,
    #search-top-box-form>input:focus {
        background: rgb(var(--black-monochrome));
    }   
 
    #search-top-box-form>input {        
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
    }
 
    #search-top-box-form>input:hover,
    #search-top-box-form>input:focus {
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
    }
 
    #search-top-box-form input[type="submit"],
    #search-top-box-form input[type="submit"]:focus, 
    #search-top-box-form input[type="submit"]:hover {  
        border: none;
        border-left: 0.0625rem solid rgb(var(--swatch-primary-darkest));
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
    }
 
    #search-top-box-form input[type="submit"] {
        background: rgb(var(--swatch-primary-darkest));
        color: rgb(var(--swatch-menutxt-light-color));
    }
 
    #search-top-box-form input[type="submit"]:focus, 
    #search-top-box-form input[type="submit"]:hover {
        background: rgb(var(--swatch-primary));
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
    }
}
 
#page-title {
    text-align: center;
}
 
@media only screen and (max-width:768px) {
    :root {
        --header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
        --header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
        --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    }
 
    #header h1,
    #header h1 a,
    #header h1 a::before {
        top: 0.25rem;
    }
 
    #header h2,
    #header h2 a,
    #header h2 a::before {
        top: 0;
    }
 
    #header h2 span {
        margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
    margin-top: -moz-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
    margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - .25rem);
    }
}

Get it outlet because I'm plugging?

hahah I'll see myself out.

oh wait no I won't, this is MY author page. So what have I written? A bunch of stuff of questionable quality.

---

SCPs

[K] SCP-4255 - Santa Claus, the Time Traveler

I hope some crazy government shoots me out of the sky so I can get this hell over with.

Commentary

Commentary: My first SCP posted. I still have a soft spot for it, and am still a bit surprised that this dorky idea about Santa Claus being a time traveling prisoner of the Foundation actually worked out. I mean I'm not complaining. I really want to make an image for this, but I am to lazy to do that at the moment.

Fun Fact: The original draft had Santa get killed by the Global Occult Coalition launching a missile at him. This however, was pretty dumb.

---

[K] SCP-4157 - WANT DOG

Jesus is my favorite snake width too!

Commentary

Commentary: This was an idea I've had for a while, before dado was popular actually. When I found out about dado I was like "well shit", but then I still tried to pull this off, and people like it, so I guess that's a good thing! This seriously though is one of my first ideas for an SCP I've ever had, and so this article is a lot more personal to me.

Fun Fact: The number for this one is actually an A1B2Z26 cipher for dog, meaning D=4 O=15 and G=7.

---

[S] SCP-4488 - Thalassophobia

With The Trashman

And while you wait, why not wonder what might be out there for a change?

Commentary

Commentary: This was a collab piece with The Trashman, who I know in real life. The entire writing process of this basically consists of him coming up with the idea, him writing a draft, me seeing the draft and saying "no that bad" and then rewriting 70% of it. I added the spooky ending, and just hope that I have made his first SCP a good one.

Fun Fact: The main idea for this according to Trashman came from the "The stranger the fear the better" line in the How To Write An SCP guide.

---

[K] SCP-4667 - I Am Become Teeth

We have heard your cries in the teeth of our patients.

Commentary

Commentary: So yeah teeth. Funnily enough, this sorta started out as a SCP-089-ARC rewrite, I however decided to overhaul the entire concept and just make it about a tooth god. This is one of my favorite works I've written, surpassed on by SCP-5666. It was so fun to put together the logs and have everything come into place in the end.

Fun Fact: Every single image in this besides the header image was found using the "Random File" button on Wikimedia Commons.

---

[E] SCP-3725 - Ironically, I don't have a Good Idea for a Title

Instance was then captured with a mason jar and removed from the premises.

Commentary

Commentary: One day, I saw there was a free series 4 slot open. Another day, I found the image for the -1 instances. Another day, I wrote the entirety of this and posted it. I had fun writing this one too, and just wanted to write something purely out of clinical tone without any form of interviews or notes or anything as a break from writing Collaboration-Con entries.

Fun Fact: idk something?

---

[S] SCP-4733 - But Not Forgotten

With Deadly Bread

_{Collaboration Contest Entry — 10th Place}

He is an other-worldly father of capitalism dammit!

Commentary

Commentary: part two of the Collab-Con articles, this is a long one, and I was hoping it wouldn't be too long and boring. Luckily we cut the objects down to 5 from like, 7 I think? Along with some other bits and pieces like moving the journal entries to the tale. This was equally as fun to write as the tale, Deadly Bread's a cool lad.

Fun Fact: "Alexander Katenbrot" is last-named after a type of bread, you can thank Deadly Bread for that.

---

[S] SCP-3902 - anomaly class bar by dado

bone class: none

Commentary

Commentary: Holy FUCK this thing blew up. I came up with the idea like a day after the anomaly classification system thingy came out after just, like, immediately jumping to granola bars when I heard "anomaly class bar". I sat on the idea for a couple days until the morning of my birthday, and then cranked out the entire thing in about 4 hours.

How much attention this is getting is nutty (ha) to me, it got its fair share of downvotes from people who can't handle THE FUTURE but that's fine too.

Fun Fact: i literally don't know i already said this was written on my birthday so uhhhh??

---

[S] SCP-5666 - When a Mind Flies Into the Sun

_{SCP-5000 Contest Entry — 17th Place}

Her dress is an elegant shade of color.

Commentary

Commentary: 5k-con was nuts for me. I went through about five or so drafts before I wrote this one, and god did I enjoy writing this. I started listening to the album set linked in the number and author post, Everywhere at the End of Time, around the time of its creation, which stirred some very visceral fears of memory loss for me.

The concept for this, when writing the initial description, was going to be some plane that goes into other dimensions with XK-Class Scenarios. It was a bad idea and I never fleshed it out at all. After several hours of The Caretaker in my head, I finally settled on this idea.

There's a lot of stuff I liked about writing this, mainly the final log, during the writing of which I only felt this subtle melancholy feeling. Making the Administrator a women and gay was cool too, I did it simply because it felt right (also because why not?).

17th place wasn't too bad for the contest, as my goal was to get above 20th. I choose 5666 for several reasons, such as giving a subtle comparison of dementia to hell, and to near match my 4667 slotted article.

So this is the best thing I've written in my eyes, and when it hopefully kicks "anomaly class bar by dado"'s ass and becomes my highest rated article, I will be able to freely ascend to the heavens.

Fun Fact: I listened to Everywhere at the End of Time about six or so times while writing this, that's about 36 hours of The Caretaker pumped into creating this.

---

[N] SCP-5301 - Angry People

_{144 Hour Jam Contest 2020 Entry — Day 1}

Resembled an infant version of SCP-5301's son, Samuel Ganierie, wielding a rocket launcher of unidentified model.

Commentary

Commentary: tba

Fun Fact: "Cecil Ganierie" is an anagram for Neil Cicierega.

---

[S] SCP-5302 - Sweet Bod

_{144 Hour Jam Contest 2020 Entry — Day 2}

Guy's like a bear, and not the hot kind.

Commentary

Commentary: tba

Fun Fact: tba

---

[E] SCP-5303 - No Eyed Girl

_{144 Hour Jam Contest 2020 Entry — Day 3}

You can have my eyes, anytime

Commentary

Commentary: tba

Fun Fact: tba

---

[K] SCP-5667 - The Greenlights

Nobody is to remember being born.

Commentary

Commentary: I went into The Block of No Writing™ before this, only forcing myself to write one tale, which I'm sad didn't come out better too. Then I came back and wrote this initially based on a completely unfinished draft I had, where I used the Ideas Critique format to make a format screw. A lot of people label this as "meta", but outside of the format screw being that? It's not.

SCP-5667 is the memory of being born, locked away, forgotten. It lost form, meaning, became nothing. It returns in this, and an idea is formed, blossomed from nothing.

I think this one turned out really good! Some people might think it's too surreal, but they just don't understand, mannnnnn.

Fun Fact: There is a strange, strange typo at the very very bottom of the final log. What's that all about?

---

[S] SCP-5668 - There is an Angel on the Screen

Despite the indescribable appearance of their eyes alongside the rest of their features, subjects also believe these entities are constantly staring at them.

Commentary

Commentary: This article was inspired by a dream I had, as I said in the author post. It was only audio, with a title card before reading something like "the following was recorded on a baby monitor". It was two kids, the first kept repeatedly saying "There is an angel on the screen." over and over again, the second kid walked in, and kept trying to snap the first out of it. After a while there was a pause, and then they both said "There is an angel on the screen. They are chanting of [something I don't remember]. They will take us to [something I don't remember]", and it faded to static, and I woke up.

Literally one of the weirdest fucking dreams I've ever had, and perfect SCP material! I had written a lot of this before 5666, and it was gonna be some silent film format screw for a little bit, kinda too out of there, distracted wayyy too much from everything, maybe I'll revisit that for a tale. I had some people look over it, say it was good but needed some work, so it sat during The Block of No Writing™ until I came back with a fresh, 5666 concept angle for it.

I feel like it came out REALLY well, and am super proud of it. I always wanted to do lost media, and being able to do 5666 lost media was incredibly exciting to write.

Fun Fact: Look closely at the storefronts in the poster image, you might see something looking back.

---

[E] SCP-5168 - Go to Sleep

Once they have reached the child, the SCP-5168-A group will huddle around them quietly while repeating the phrase "Go to sleep."

Commentary

Commentary: tba

Fun Fact: tba

---

[👻] SCP-4487 - The Sermon Will Continue

Are y'all ready now? Ready to follow your dream?

Commentary

Commentary: tba

Fun Fact: tba

---

[S] SCP-5371 - This Sculpture - The Originator

The chisel persists in its vacancy.

Commentary

Commentary: tba

Fun Fact: tba

---

[K] SCP-5587 - Life is but the Stream

_{JamCon 2021 Entry — Day 1}

Researcher Frank Jaredson immediately reports this phenomenon, as he was in this shower at the time.

Commentary

Commentary: tba

Fun Fact: tba

---

[⚠] SCP-5664 - An Addiction to Blood

_{JamCon 2021 Entry — Day 2 (3rd Place SCP, 6th Place Overall)}

Take me to a leader's ear, the whispers will cut deep.

Commentary

Commentary: tba

Fun Fact: tba

---

Tales

Gone,

With Deadly Bread

_{Collaboration Contest Entry — 10th Place}

"i shall make like the fine capitalist and dado out of here"

Commentary

Commentary: Part one of two to the Collab-Con Articles, I was the only one around during the writing of the wizard fight scene and the ending, although we equally contributed to that in concept. We really just wanted to WACK people in the face with dado half way through, which worked. Most of this was written on like, the day posting ended due to me procrastinating a ton and losing steam, so I'm glad it turned out good.

Fun Fact: This was the first Professor A.W. article in 5 years. Mostly because it was a pet PoI for a inactive author.

---

Cuteness on Main!

With Ellie3

_{Review's Spotlight Featured — September 1st 2019 - September 8th 2019}

I realized that they're likely out there right now, sinking real boats as I type this!

Commentary

Commentary: I was sent a wendigo x bigfoot parawatch fanfic one day through discord, then this happened. I came up with part of the Kali idea and the Puppet thingy, and helped write it a bunch.

Fun Fact: The puppet thing was from me just looking on the fictional creatures Wikimedia Commons category for inspiration.

---

Barns From Nowhere

But all that flesh couldn't have come from four sheep.

Commentary

Commentary: This article has had quite the history. This used to be on an site called "The Wayward Society", which was basically just a spinoff SCP site that was probably as far as you could get from just ripping off the site. I won't delve much into the details but, that site went to the wayside, and in the process, me and some others pulled their articles from the site, with me leaving staff on there.

It was around (or actually before) when I pulled the original Barns from Nowhere off that site that Parawatch exploded, causing me to immediately start rewriting the article for Parawatch. It took a while but I got it up after Ellie3 kept yelling at me to do it, and with some last minute critique from A Random Day it was good and still is pretty good.

This iteration is definitely better than the last time, the horror is much more subtle, and it's just a lot less cringe overall.

Fun Fact: barns are cool i like da barn

---

Dreams Of Nothing

_{Canon Renaissance Contest Entry}

They shut themself, they shut their own dream, they shut it all.

Commentary

Commentary: tba

Fun Fact: tba

---

Babies First Conceptual Reconfiguration Array

_{Creck Fection Contest 2 (TWO DAY EXTRAVAGANZA!) Entry of DOOM}

They are being massive fucking wusses. Stop screaming and get over it.

Commentary

Commentary: i got a C on my math final because of this thing, I think it's pretty good.

Fun Fact: tba

---

Ratings

---

Wow that's a lotta stuff, which ones are cool?

Here's the general ranking of my articles, based on personal opinion:

1. SCP-5666
2. SCP-5667
3. SCP-5668
4. SCP-4667
5. SCP-5371
6. SCP-4487
7. Barns from Nowhere
8. SCP-5301
9. SCP-4733
10. Cuteness on Main!
11. SCP-5168
12. Gone,
13. SCP-3902
14. SCP-3725
15. SCP-4255
16. SCP-5302
17. SCP-5303
18. SCP-4157
19. SCP-4488
20. Dreams of Nothing

---

SCPs

Page	Rating	Comments	Date Created
SCP-5666	224	37	15 Jan 2020 02:33
SCP-3902	211	46	22 Aug 2019 16:55
SCP-5371	119	27	11 Mar 2021 02:29
SCP-4157	102	34	14 Dec 2018 00:18
SCP-4255	102	27	28 Nov 2018 21:15
SCP-4667	86	25	26 May 2019 18:12
SCP-4733	76	7	01 Jul 2019 03:36
SCP-5303	75	9	15 Mar 2020 03:45
SCP-5302	71	10	13 Mar 2020 02:47
SCP-5668	57	9	02 Mar 2021 13:36
SCP-3725	56	6	19 Jun 2019 04:59
SCP-5168	54	15	05 Mar 2021 02:47
SCP-5667	51	15	28 Feb 2021 15:02
SCP-5301	46	6	11 Mar 2020 01:13
SCP-5664	43	6	23 Mar 2021 22:25
SCP-4487	42	10	06 Mar 2021 22:07
SCP-5587	28	9	22 Mar 2021 20:45

Page	Rating	Comments	Date Created
SCP-4488	68	12	21 Dec 2018 20:44

---

Tales

Page	Rating	Comments	Date Created
Cuteness On Main!	112	18	10 Aug 2019 23:10

Page	Rating	Comments	Date Created
Barns from Nowhere	106	5	08 Sep 2019 15:44
Gone,	45	5	01 Jul 2019 03:36
Babies First Conceptual Reconfiguration Array	29	5	01 Apr 2021 14:50
Dreams Of Nothing	13	0	15 Oct 2020 03:50

---

Fan-Art

Cool and epic artworks of my articles.

SCP-4255:

_{By BBCORN83}

---

SCP-4733:

_{By SunnyClockwork}

---

SCP-3902:

_{By Raddagher}

---

SCP-5666:

_{By pastarasta1}

---

SCP-5301

this whole animation of the article, it's so cool

Oh yeah and here's a rating module

---

CROM SEARCH TOOL

‡ Licensing / Citation

Cite this page as:

"Laneous's Outlet" by Laneous, from the SCP Wiki. Source: http://scp-wiki.wikidot.com/laneous-s-outlet. Licensed under CC-BY-SA.

For more information, see Licensing Guide.
Licensing Disclosures

Filename: SCP-4255:
Name: SCP-4255:
Author: BBCORN83
License: CC BY-SA 3.0
Source Link: http://scp-wiki.wikidot.com/laneous-s-outlet

Filename: SCP-4733:
Name: SCP-4733:
Author: SunnyClockwork
License: CC BY-SA 3.0
Source Link: http://scp-wiki.wikidot.com/laneous-s-outlet

Filename: SCP-3902:
Name: SCP-3902:
Author: Raddagher
License: CC BY-SA 3.0
Source Link: http://scp-wiki.wikidot.com/laneous-s-outlet

Filename: SCP-5666:
Name: SCP-5666:
Author: pastarasta1
License: CC BY-SA 3.0
Source Link: http://scp-wiki.wikidot.com/laneous-s-outlet

For more information about on-wiki content, visit the Licensing Master List.