TERMINAL FOR ROOM: HUMAN. Dimension of Origin Ab.4

+ Show component code

@supports((display: -ms-grid) or (display: grid)) {
    @media only screen and (min-width: 769px) {
        #side-bar .close-menu {
            display: block;
            position: fixed;
            top: 0.25rem;
            left: 0.5rem;
            width: 3rem;
            opacity: 1;
            pointer-events: all;
        }
 
        #side-bar .close-menu img {
            color: transparent;
        }
 
        #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: 0;
                    background-color: rgb(0, 0, 0, 0);
                    pointer-events: all;
                    overflow-x: visible;
                    overflow-y: visible;
                    z-index: 999;
                }
 
                #side-bar::-webkit-scrollbar {
                    opacity: 0;
                    -webkit-transition: opacity var(--sidebar-transition-timing);
                    transition: opacity var(--sidebar-transition-timing);
                }
 
                #side-bar .close-menu::before {
                    z-index: 999;
                }
 
                #side-bar .close-menu::after {
                    z-index: 998;
                }
 
                #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);
    }
}

+ Show

@import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/terminus.css');
@import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/profontwindows.css');
@import url('https://scp-wiki.wdfiles.com/local--files/theme:isolated-terminal/vga8.css');
 
#main-content {
    padding: 1rem;
    margin-top: 0;
}
 
:root {
     /* S-CSS-P Integration */
     /* If you're making a new CSS theme, please include the following three variables at minimum. */
     --theme-base: "black-highlighter";
     /* must be either "black-highlighter" or "sigma9" */
     --theme-id: "isolated-terminal";
     /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
     --theme-name: "Isolated Terminal Theme";
     /* set this to your theme's full name */
 
     /* header measurements */
     --header-height-on-desktop: 12.4rem;
     --header-height-on-mobile: 12rem;
     --header-h1-font-size: calc(var(--base-font-size) * 3);
 
     /* Typefaces */
     --body-font: 'terminus_ttfmedium', sans-serif;
     --header-font: 'mxplus_ibm_vga_8x16regular', sans-serif;
     --title-font: 'mxplus_ibm_vga_8x16regular', sans-serif;
     --mono-font: 'profontwindowsregular', monospace;
     --base-font-size: 1.11rem;
 
     /* null logo */
     --logo-image: none;
 
     /* change title */
     --header-title: "SCP FOUNDATION";
 
     /* Header Gradients */
     --diagonal-stripes: initial;
 
/*----*/
 
  --accentColor: 246,196,3;
  --darkColor: 40,26,8;
 
  --bright-accent: var(--accentColor);
  --dark-accent: var(--accentColor);
  --pale-accent: var(--accentColor);
  --medium-accent: var(--accentColor);
 
  --black-monochrome: var(--accentColor);
  --dark-gray-monochrome: var(--darkColor);
  --gray-monochrome: var(--darkColor);
  --light-pale-gray-monochrome: var(--darkColor);
  --pale-gray-monochrome: var(--accentColor);
  --very-light-gray-monochrome: var(--darkColor);
  --white-monochrome: var(--darkColor);
 
  --rating-module-button-color: var(--white-monochrome);
  --rating-module-button-credit-color: var(--white-monochrome);
  --rating-module-text-color: var(--white-monochrome);
  --rating-module-button-cancel-color: var(--gray-monochrome);
 
  --swatch-headerh1-color: var(--black-monochrome);
 
  --swatch-menubg-medium-color: var(--bright-accent);
  --swatch-menubg-light-color: var(--gray-monochrome);
  --swatch-menutxt-light-color: var(--black-monochrome);
  --swatch-menubg-medium-dark-color: var(--black-monochrome);
 
  --swatch-primary-darker: var(--bright-accent);
  --swatch-primary-darkest: var(--gray-monochrome);
  --swatch-text-light: var(--bright-accent);
  --swatch-topmenu-bg-color: var(--bright-accent);
 
  --gradient-header: none;
  --gradient-background: rgb(var( --gray-monochrome));
 
  /* Desktop Sidebar button */
  --toggle-button-bg: rgb(var(--black-monochrome));
  --toggle-border-width: 0;
  --toggle-icon-color: rgb(var(--swatch-primary-darkest));
  --toggle-roundness: 0;
}
 
/* ------------------------------- */
 
/* header title adjustments */
#header::before { opacity: 1; } /* change logo opacity */
#header { filter: none; }
#header h1, #header h1 a, #header h1 a::before {
    top: 1.46rem;
    text-shadow: none;
    letter-spacing: 0.1rem;
}
#header h2 { display: none; }  /* hide header subtitle */
/* svg logo mask */
#header::before {
    background-color: rgb(var(--black-monochrome));
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='1040' height='1040'%3E%3Cpath d='M437 969v-10h-73v-18h-36v-18h-36v-18h-36v-18h-56v18h-72v-36h-18v-36H92v-37H74v-36H55v-36H37v-36H19v-56h18v-18h18v-18h19V451h18v-72h18v-38h18v-36h18v-36h18v-18h18v-18h18v-19h20v-18h18v-18h18v-18h36v-18h36v-18h18v-18h18V50h19V32h272v18h19v56h18v18h18v18h36v18h36v18h18v18h20v18h18v19h18v18h18v18h18v36h18v36h18v38h18v72h18v145h19v18h18v18h18v56h-18v36h-18v36h-19v36h-18v37h-18v36h-18v36h-72v-18h-56v18h-36v18h-36v18h-36v18h-73v20H437v-10zm146-37v-9h72v-18h37v-18h36v-18h18v-18h92v18h54v-36h18v-37h18v-36h18v-36h18v-36h19v-38h-19v-18h-18v-18h-18V469h-18v-72h-18v-38h-18v-36h-18v-18h-18v-36h-18v-18h-20v-18h-18v-19h-36v-18h-18v-18h-36v-18h-18v-18h-19v-36h-18V70H401v36h-18v36h-19v18h-18v18h-36v18h-18v18h-36v19h-18v18h-18v18h-20v36h-18v18h-18v36h-18v38h-18v72h-18v145H92v18H74v18H55v38h19v36h18v36h18v36h18v37h18v36h54v-18h92v18h18v18h36v18h37v18h72v18h128v-9z'/%3E%3Cpath d='M437 805v-9h-54v-18h-37v-18h-18v-18h-18v-18h-18v-18h-36v18h-36v18h-20v-18h-18v-36h38v-18h18v-20h18v-18h-18v-72h-18v-73h18v-72h18v-36h18v-38h18v-18h18v-18h18v-18h18v-18h37v-18h36v-18h72v-55h56v55h72v18h36v18h37v18h18v18h18v18h18v18h18v38h18v36h18v72h20v73h-20v72h-18v18h18v20h20v18h36v36h-18v18h-18v-18h-38v-18h-36v18h-18v18h-18v18h-18v18h-37v18h-54v18H437v-9zm164-54v-9h36v-18h37v-18h18v-18h18v-18h-18v-20h-37v-18h-18v38h-18v-20h-18v-36h-18v-18h-18v-18h-18v-36h90v18h55v18h-18v18h18v18h36v18h18v-54h18V469h-18v-54h-18v-36h-18v-20h-18v-18h-18v-18h-37v-18h-36v-18h-54v92h36v36h-18v36h-18v36h-18v18h-20v-18h-18v-36h-18v-36h-18v-36h36v-92h-54v18h-36v18h-37v18h-18v18h-18v20h-18v36h-18v54h-18v109h18v54h18v-18h36v-18h18v-18h-18v-18h55v-18h90v36h-18v18h-18v18h-18v36h-18v20h-18v-38h-18v18h-37v20h-18v18h18v18h18v18h37v18h36v18h164v-9z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='1040' height='1040'%3E%3Cpath d='M437 969v-10h-73v-18h-36v-18h-36v-18h-36v-18h-56v18h-72v-36h-18v-36H92v-37H74v-36H55v-36H37v-36H19v-56h18v-18h18v-18h19V451h18v-72h18v-38h18v-36h18v-36h18v-18h18v-18h18v-19h20v-18h18v-18h18v-18h36v-18h36v-18h18v-18h18V50h19V32h272v18h19v56h18v18h18v18h36v18h36v18h18v18h20v18h18v19h18v18h18v18h18v36h18v36h18v38h18v72h18v145h19v18h18v18h18v56h-18v36h-18v36h-19v36h-18v37h-18v36h-18v36h-72v-18h-56v18h-36v18h-36v18h-36v18h-73v20H437v-10zm146-37v-9h72v-18h37v-18h36v-18h18v-18h92v18h54v-36h18v-37h18v-36h18v-36h18v-36h19v-38h-19v-18h-18v-18h-18V469h-18v-72h-18v-38h-18v-36h-18v-18h-18v-36h-18v-18h-20v-18h-18v-19h-36v-18h-18v-18h-36v-18h-18v-18h-19v-36h-18V70H401v36h-18v36h-19v18h-18v18h-36v18h-18v18h-36v19h-18v18h-18v18h-20v36h-18v18h-18v36h-18v38h-18v72h-18v145H92v18H74v18H55v38h19v36h18v36h18v36h18v37h18v36h54v-18h92v18h18v18h36v18h37v18h72v18h128v-9z'/%3E%3Cpath d='M437 805v-9h-54v-18h-37v-18h-18v-18h-18v-18h-18v-18h-36v18h-36v18h-20v-18h-18v-36h38v-18h18v-20h18v-18h-18v-72h-18v-73h18v-72h18v-36h18v-38h18v-18h18v-18h18v-18h18v-18h37v-18h36v-18h72v-55h56v55h72v18h36v18h37v18h18v18h18v18h18v18h18v38h18v36h18v72h20v73h-20v72h-18v18h18v20h20v18h36v36h-18v18h-18v-18h-38v-18h-36v18h-18v18h-18v18h-18v18h-37v18h-54v18H437v-9zm164-54v-9h36v-18h37v-18h18v-18h18v-18h-18v-20h-37v-18h-18v38h-18v-20h-18v-36h-18v-18h-18v-18h-18v-36h90v18h55v18h-18v18h18v18h36v18h18v-54h18V469h-18v-54h-18v-36h-18v-20h-18v-18h-18v-18h-37v-18h-36v-18h-54v92h36v36h-18v36h-18v36h-18v18h-20v-18h-18v-36h-18v-36h-18v-36h36v-92h-54v18h-36v18h-37v18h-18v18h-18v20h-18v36h-18v54h-18v109h18v54h18v-18h36v-18h18v-18h-18v-18h55v-18h90v36h-18v18h-18v18h-18v36h-18v20h-18v-38h-18v18h-37v20h-18v18h18v18h18v18h37v18h36v18h164v-9z'/%3E%3C/svg%3E");
    -webkit-mask-size: calc(var(--header-height-on-desktop) - var(--header-h1-font-size) - 1rem);
            mask-size: calc(var(--header-height-on-desktop) - var(--header-h1-font-size) - 1rem);
    -webkit-mask-position: center 0;
            mask-position: center 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}
 
@media only screen and (max-width: 768px) {
    :root {
        --header-h1-font-size: calc(var(--base-font-size) * 2.25);
    }
    #header h1, #header h1 a, #header h1 a::before {
        top: 1.91rem;
    }
    #header::before {
        top: 1.25rem;
        -webkit-mask-size: calc(var(--header-height-on-mobile) - var(--header-h1-font-size) - 2rem);
                mask-size: calc(var(--header-height-on-mobile) - var(--header-h1-font-size) - 2rem);
        -webkit-mask-position: center 0.8rem;
                mask-position: center 0.8rem;
    }
}
 
/* Account Stuff */
#login-status .printuser { color: rgb(var(--pale-gray-monochrome)); }
#account-options { background: var(--gradient-background); }
 
/* Search Bar */
@media only screen and (min-width: 769px) {
    #search-top-box-form input[type="submit"], #search-top-box-input:focus, #search-top-box-input:hover, #search-top-box-form>input {
        box-shadow: none;
        border: var(--border-styling);
    }
    #search-top-box-form input[type="submit"]:hover {
        color: rgb(var(--swatch-primary-darkest));
        border-width: 0;
    }
}
 
/* Desktop Top Bar Config */
@media only screen and (min-width: 769px) {
    #top-bar div.top-bar>ul>li>ul>li>a:hover {
        color: rgb(var(--gray-monochrome));
    }
}
/* Mobile Top Bar Config */
@media only screen and (max-width: 768px) {
    :root {
      --swatch-menutxt-light-color: var(--white-monochrome);
    }
    #top-bar div.mobile-top-bar>ul>li>ul>li>a {
        color: rgb(var(--swatch-menubg-medium-dark-color));
    }
    #top-bar div.mobile-top-bar > ul > li:hover > a,
    #top-bar div.mobile-top-bar > ul > li.sfhover > a {
        color: rgb(var(--black-monochrome));
    }
    #top-bar div.mobile-top-bar>ul>li>a {
        letter-spacing: -0.07rem;
    }
    #search-top-box:not(:focus-within):before {
        background-color: rgb(var(--black-monochrome));
    }
}
 
#side-bar .side-block.media, #side-bar .heading, #side-bar .side-block>.collapsible-block:first-child .collapsible-block-folded {
    background-color: rgb(var(--swatch-primary-darker))!important;
}
#side-bar .heading p {
    text-shadow: none;
    color: rgb(var(--swatch-primary-darkest));
}
 
/* ----- PAGE ELEMENT ----- */
 
body {
    font-size: calc(var(--base-font-size) * 1.2);
    letter-spacing: -0.063rem;
    line-height: calc(var(--base-font-size) * 1.57);
    text-shadow: 0 0 5px rgba(var(--black-monochrome), 0.13);
 
  /* Ayers Info Bar */
  --barColour: rgb(var(--black-monochrome));
  --linkColour: rgb(var(--white-monochrome));
}
#page-title {
    line-height: calc(var(--base-font-size) * 2);
}
#page-title, h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.07rem;
}
 
/* teletype */
tt {
    font-size: calc(var(--base-font-size) * 1.12);
    letter-spacing: 0;
}
#edit-page-textarea, .code pre, .code p, .code, .page-source {
    font-family: var(--mono-font);
    font-size: calc(var(--base-font-size) * 1.12);
    letter-spacing: 0;
}
 
/* Rate Module */
.page-rate-widget-box, #page-content .rate-box-with-credit-button {
    box-shadow: none;
    border: none;
    background: rgb(var(--pale-gray-monochrome));
}
#page-content .page-rate-widget-box .rateup a:hover {
    background-color: rgba(var(--rating-module-button-plus-color), 0.8);
}
#page-content .page-rate-widget-box .ratedown a:hover {
    background-color: rgba(var(--rating-module-button-negative-color), 0.8);
}
#page-content .page-rate-widget-box .cancel a:hover {
    background-color: rgba(var(--rating-module-button-cancel-color), 0.8);
}
 
#page-content .modalbox {
     background: rgb(var(--swatch-menubg-light-color)) !important;
     box-shadow: none;
     border: solid 1px rgb(var(--black-monochrome));
     border-radius: 0;
}
#page-content .modalbox hr {
    margin: 1em;
    margin-left: -0.25em;
    margin-right: -0.25em;
}
.close-credits,
.credit-back {
    filter: hue-rotate(70deg) brightness(4);
}
 
/* tab*/
.yui-navset .yui-nav .selected a {
    color: rgb(var(--swatch-primary-darkest))!important;
}
 
/* Blockquote-style */
blockquote, div.blockquote, #toc {
    border: var(--border-styling);
    background-color: rgba(var(--pale-gray-monochrome), 0.04);
}
 
/* Code */
div.code {
   background-color: #f4f4f4;
   text-shadow: none;
}
 
/* hr */
hr {
    background-color: rgb(var(--swatch-menubg-medium-color));
    height: 0;
    margin-top: 1.5em; margin-bottom: 1.5em;
}
blockquote > hr, div.blockquote > hr {
    margin-left: calc(-1em - 0.7px);
    margin-right: calc(-1em - 0.7px);
}
 
/* LINK */
a, a:visited, a:hover, #footer-bar a:not(.image) {
    font-weight: bold;
    color: rgb(var(--gray-monochrome));
    background-color: rgb(var(--black-monochrome));
}
a:hover {
    box-shadow: 0 0 0.7em 0.1em rgba(var(--black-monochrome),0.3);
}
#content-wrap a { padding: 0.13em; }
/* patch */
#side-bar .close-menu {
    background: transparent;
}
#side-bar .close-menu:hover { box-shadow: none; }
 
span.printuser a:not(a:last-child) {
    background-color: initial;
    padding: 0;
    box-shadow: initial;
}
#header a:hover {
    box-shadow: initial; /* suppress header links from being affected */
}
form#edit-page-form a, div#action-area a {
    color: rgb(var(--swatch-menubg-light-color));
}
a.footnoteref {
    display: initial;
    margin-left: 0.05em;
}
 
/* obligatory ACS compatibility */
.danger-diamond a, .danger-diamond a:hover {
   background: initial;
   text-shadow: none;
   box-shadow: none;
}
 
/* table */
table.wiki-content-table th {
    color: rgb(var(--white-monochrome));
}
#page-content .wiki-content-table tr th,
#page-content .wiki-content-table tr td {
    border: solid 1px rgb(var(--black-monochrome));
}
 
/* Image Block */
.scp-image-block {
    box-sizing: border-box;
    box-shadow: none;
    border-color: rgba(var(--black-monochrome), 0);
    border-width: 0;
}
.scp-image-block .scp-image-caption {
    color: rgb(var(--swatch-menubg-light-color));
    background-color: rgb(var(--swatch-text-light));
    border-color: rgba(var(--swatch-menubg-light-color),0);
    padding: 0.125rem;
    margin-top: 6px;
}
 
/* Pop-Up Windows */
.owindow {
    border-color: rgb(var(--black-monochrome));
}
 
/* CUSTOM BLOCKS */
 
.expoblock {
    box-sizing: border-box;
    border: solid 0.7rem rgb(var(--black-monochrome));
    padding: 1rem;
}
.expoblock hr {
    height: 0.6rem;
    margin: 1.5em 0;
}
 
span.hilighter {
    background-color: rgb(var(--black-monochrome));
    color: rgb(var(--gray-monochrome));
    font-weight: bold;
    padding: 0.2em;
    font-size: 108%;
    line-height: 1.2;
}
 
/* OTHER */
 
/*licencebox link override */
.licensebox .collapsible-block-link {
    color: rgb(var(--gray-monochrome));
}
 
form#edit-page-form .wd-editor-toolbar-panel a { padding: 0; }
 
#lock-info {
    background-color: rgb(var(--swatch-menubg-light-color));
    border-color: rgb(var(--swatch-text-light));
}
 
div#ohandle-1.title {
    color: rgb(var(--swatch-primary-darkest));
    background-color: rgb(var(--swatch-menubg-medium-dark-color));
}
 
div.page-source {
    border-color: rgb(var(--swatch-text-light));
}
 
/* Tags */
#main-content .page-tags a {
    padding: 0.2em;
    padding-top: 0; padding-bottom: 0;
    margin: .25rem .2rem; .5rem .2rem;
}
.page-tags span {
    border-top: 1px solid rgb(var(--swatch-text-light));
}
 
/* Article Bottom Buttons */
div#page-options-bottom > a,
div#page-options-bottom-2 > a,
div#page-options-bottom > a:hover,
div#page-options-bottom-2 > a:hover {
    color: rgb(var(--swatch-text-light));
    background-color: rgb(var(--swatch-menubg-light-color));
    border-color: rgb(var(--swatch-text-light));
    border-radius: 0;
}
 
/* other buttons */
 
div#revision-list a { background-color: rgb(var(--swatch-text-light)); }
 
table.page-history td.optionstd a,
.buttons .btn,
.owindow .button-bar a {
    color: rgb(var(--swatch-text-light));
    background-color: rgb(var(--swatch-menubg-light-color));
    border-color: rgb(var(--swatch-text-light));
}
.buttons .btn:hover, .owindow .button-bar a:hover {
    color: rgb(var(--swatch-menubg-light-color));
    background-color: rgb(var(--swatch-text-light));
    border-color: rgb(var(--swatch-menubg-light-color));
}
#license-area {
     color: rgb(var(--swatch-text-light));
}
#action-area span.printuser a:not(a:last-child) {
    background-color: initial;
    padding: 0;
    box-shadow: initial;
}
 
/* SCANLINE */
div#extrac-div-1 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background: repeating-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.15) 50%,rgba(0,0,0,0));
    background-size: auto 8px;
    opacity: 0.7;
}
 
div#extrac-div-2 {
    position: fixed;
    width: 100vw;
    height : 1rem;
    top: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,0,0,0) 0%,rgba(255,250,250,1) 50%,rgba(255,255,255,0.98) 51%,rgba(255,0,0,0) 100%);
    opacity : .1;
    animation: scanm 6s linear infinite;
}
@keyframes scanm {
  0%   { top: -1rem; opacity : .05;}
  25% { top: 50%; opacity: .03;}
  37.5% { top: 75%; opacity: 0.06;}
  50% { top: 100%; opacity: .03;}
  100% { top: 100%;}
}
 
div#extrac-div-3 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background-image: radial-gradient(circle, rgb(230,210,200) 0%, rgb(177,158,152) 60%, rgb(55,28,30) 100%);
    opacity: 0.25;
    mix-blend-mode: color-dodge;
    background-repeat: no-repeat;
    background-size: cover;
}
/* fixes a chrome bug */
html { background: rgb(var(--dark-gray-monochrome)); }

WOULD YOU LIKE TO ACCESS FOLDER: [NOTES]?

Hello. I have presently been stuck on this train for 2 days. Whoever is reading this, I hope you find some way off off this thing.

It started when I was trying to get to my job in ████████. I’d normally have taken my car, but it decided not to work and I was already late so I decided to take the train. Currently that is the worst decision I have ever made, it put me in this nightmare. After boarding and seeing no one else here I was worried and then some freaky aliens appear out of no where and I’ve got some robots that think they are my personal servants! I just started freaking out and the servant guys were telling me to stay calm and that I wasn’t in any danger, which made me even more terrified. They tried to give me pamphlets and stuff to calm me down. They grabbed me and placed me on a chair by myself, telling me to calm down. When I passed out, they must have put me here. They were all like ‘Your species has reserved a room. Enjoy your stay and please don’t panic again.’ WHAT IS THAT SUPPOSED TO MEAN?!

They gave me this computer to do stuff on, though it seems that all I can do is make notes.

---

It’s the 4th day now. I’ve discovered that the cabinets seem to replenish themselves after I’ve taken stuff out. I’ve stayed up just staring at the walls for like 26 hours and no one has come in so I don’t know how they are resupplied. I just tried to break through the wall to my right and get out, but a ‘Steward’ (that’s what the staff/servant guys call themselves) came and stopped my efforts. He didn’t like that I was damaging the train.

---

My interpretation of the logo. (apologies, I drew it on the computer myself)

Day 5, and I’ve figured how the food is supplied. I watched the inside of the cabinet and about an hour after I took everything out, the bottom opened and a platform came up with food on it. I’ve seen this logo everywhere on the train, and asked the Stewards about it, they said it was the ‘Interius-Ratio Service Logo’ they said it belongs to their species, the people who made the train. I don’t know why I’m writing this. No one is reading it.

---

Day 6, feeling depressed. No way out found yet.

---

It’s now day 10, and I’m feeling a lot happier. Still coming to terms with possibly eternally being stuck in an alien train. I’ve been speaking with some passengers since my last entry. I built up the courage to go out of my room a few days ago. A was approached by a octopus looking dude who asked where the bathroom was. I told him I didn’t know and he just shuffled off. I hope he made it. A few hours later I went looking for one myself and turns out there’s one at the back of this carriage. I never noticed there were more carriages, I’ll have to search around those later.

---

Day 12, I searched the surrounding carriages and found nothing, they seemed to be identical to the one I showed up in but with different graffiti and stuff. I tried to go into the room on the second floor there. When I opened the door it was the exact same as mine. I ran back to the other one I was first in, placed an apple on the counter and ran back. The other room has the apple. If I wasn’t confused before, I am now.

---

I’m on day 14 now, I think? 2 weeks in a weird train. It’s getting depressing now. I’ve been trying to avoid the passengers lately, I had a run in with a rock wearing clothes that hit me up pretty bad before the Stewards stepped in. Did I mention that the environment changes every so often? It seems to be about every 24 hours, the lights flicker like they did when I first came on and then the outside changes and 1 new type of passenger appears. At the moment it looks like I’m underwater, with a massive kelp forest on either side.

---

I’m not sure what day this is. I’ve been trying to think of ways to escape for a while. I don’t know why I didn’t think of the doors earlier. I asked a Steward how to leave and it just said ‘The doors are the easiest ways’. I don’t know if I’ll end up in the environment outside so I’ll see if I can find a better way.

---

It’s been about 5 months since my last entry. I think it’s been that long anyway. I need answers. I’ve been really depressed lately. I don’t know if you who is reading this knows a way out. You probably think I’m stupid for not figuring it out yet.

---

I did it. I walked for 20 minutes, there must be at least 30 carts in this train. The outside changed to a space setting, with a bunch of planets surrounding us. The contestant rumbling of the engine is getting sickening. I reached the end. The room at the front of the train. I saw hundreds of different creatures on the way. The door to the driver’s compartment was unlocked. I saw what this is. What the whole system runs on. The lights flickering, that’s when we make a stop. When the train turns up in my town, I’ve forgotten it’s name, that’s the stop. For everyone here, the lights flicker and I appear. I saw diagrams in that room. The railways of different realities, different dimensions, ones we can’t perceive. That’s what this is. The Stewards, they created this railway between the fabrics of time and space. I am no where. This train is no where. That’s what the logo means. The line in the centre is this carriage. We are truly no where, like the Stewards say. I’m going to jump out of the doors today. If I survive then I just hope I don’t teleport back to this forsaken place.

Goodbye.