@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @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; z-index: -1; } #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.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%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(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) 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: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; 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); 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; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; 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: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); 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: var(--body-width-on-desktop, 45.75rem); max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; 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 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #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: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } } }
정보
SCP-6000: 뱀, 무스, 방랑자의 도서관(The Serpent, the Moose, and the Wanderers' Library)
원작: http://www.scpwiki.com/scp-6000
저자: Rounderhouse
역자: Crssk
@import url("https://use.typekit.net/mst2dnj.css"); @supports(display: grid) { :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: "ouroborous-theme"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Ouroborous Theme"; /* set this to your theme's full name */ --header-title: "The Foundation"; --header-subtitle: "Office of the Overseer"; /* Header */ --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aouroborous-theme/ouroborous_logo.svg"); /* Typefaces */ --header-font: korolev-condensed, sans-serif; --title-font: korolev, sans-serif; --ui-wght: 550; --ui-hvr-wght: 700; /* Standard Colors */ --white-monochrome: 246, 246, 246; /* white */ --pale-gray-monochrome: 244, 244, 244; /* v light gray for blockquotes and stuff */ --light-pale-gray-monochrome: 244, 244, 244; /* very light pale gray for misc. use */ --very-light-gray-monochrome: 215, 215, 215; --light-gray-monochrome: 133, 133, 133; /* light accent gray for login status */ --gray-monochrome: 66, 66, 66; /* gray */ --dark-gray-monochrome: 59, 59, 59; /* dark accent gray for sidebar background */ --black-monochrome: 15, 5, 5; /* black */ --bright-accent: 185, 5, 4; /* bright red */ --medium-accent: 140, 20, 25; /* medium red */ --dark-accent: 153, 1, 0; /* dark red */ --newpage-color: 221, 102, 17; /* pale orange */ /* Primary Text Colors */ --swatch-text-general: var(--swatch-text-light); /* Primary Menu Colors */ --swatch-menutxt-general-color: var(--swatch-menutxt-light-color); --swatch-menubg-color: var(--black-monochrome); --swatch-border-color: var(--swatch-menubg-black-color); --sidebar-links-text: var(--swatch-menutxt-light-color); /* Primary Theme Colors */ --swatch-background: var(--black-monochrome, 26, 25, 24); /* ===SECONDARY & TERTIARY COLORS=== */ /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */ --swatch-secondary-color: var(--swatch-menubg-dark-color); --swatch-tertiary-color: var(--swatch-menubg-light-color); --swatch-alternate-color: var(--swatch-background); /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */ --swatch-text-secondary-color: var(--swatch-menutxt-dark-color); --swatch-text-tertiary-color: var(--swatch-menutxt-light-color); /* Rating Module Colors */ --rating-module-button-color: var(--bright-accent); --rating-module-button-plus-color: 45, 65, 25; --rating-module-button-negative-color: 70, 35, 30; --rating-module-button-cancel-color: 50, 45, 50; --rating-module-button-credit-color: 50, 45, 50; --rating-module-text-color: var(--dark-accent); --rating-module-button-color: var(--dark-accent); --rating-module-text-hover-color: var(--swatch-menutxt-light-color); /* Background and Header Colors */ --background-gradient-color: var(--very-light-gray-monochrome); --header-gradient-color-bottom: var(--bright-accent); --header-gradient-color-middle: var(--black-monochrome); --header-gradient-color-top: var(--black-monochrome); --background-gradient-distance: 40rem; --diagonal-stripes: none; --scrollbar-width: 0.5rem; /*Toggle Sidebar Button Colors*/ --toggle-button-bg: rgb(var(--black-monochrome)); --toggle-border-color: rgb(var(--bright-accent)); --toggle-icon-color: rgb(var(--white-monochrome)); } /* ===PAGE ELEMENTS COLORS=== */ /* Colors for Buttons, Tabs, Tables, & Footnotes Hover/Modal */ :root { /* ===UI BUTTON COLORS=== */ --ui-button-bg: var(--swatch-background); /* ===TABS COLORS=== */ --tabs-bg: var(--swatch-primary-darkest), 0.15; /* ===TABLES COLORS=== */ --tables-header-bg: var(--swatch-primary-darkest); --tables-header-txt: var(--swatch-text-secondary-color); --tables-border: var(--swatch-primary), 0.5; /* ===FOOTNOTES HOVER BLOCK COLORS=== */ --hoverblock-bg: var(--swatch-background); } #header, #footer, #license-area { --swatch-text-secondary-color: var(--swatch-menutxt-light-color); } #header { /* ===LOGIN BOX ELEMENT=== */ --login-line-divider-color: var(--swatch-text-tertiary-color); --login-username-color: var(--swatch-text-tertiary-color); --login-myaccount-color: var(--swatch-text-tertiary-color); /* Dropdown Box when arrow is clicked */ --login-dropdown-text-color: var(--swatch-text-tertiary-color); --login-dropdown-text-hover-color: var(--swatch-text-tertiary-color); --login-dropdown-bg-hover-color: var(--dark-accent); } #side-bar { --sidebar-links-hover-text-color: var(--swatch-menutxt-general-color); } ::-moz-selection { background: rgba(var(--swatch-primary), 1); color: rgb(var(--black-monochrome)) !important; text-shadow: none; } ::selection { background: rgba(var(--swatch-primary), 1); color: rgb(var(--black-monochrome)) !important; text-shadow: none; } html, body { color: rgb(var(--swatch-text-light)); } a { color: rgb(var(--swatch-primary)); } div.buttons.alignleft>input { cursor: pointer; } .autocomplete-list li { background-color: rgb(var(--black-monochrome)) !important; } .autocomplete-list li.yui-ac-highlight { background-color: rgb(var(--dark-accent)) !important; color: rgb(var(--black-monochrome)) !important; } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]) { padding: 0.15em; margin: -0.15em; -webkit-box-decoration-break: clone; box-decoration-break: clone; box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--light-gray-monochrome)); 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-animation-delay: -300ms; animation-delay: -300ms; transition-delay: 300ms; } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]):hover { padding: 0.3em 0.25em 0.2em 0.25em; margin: -0.25em; box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.6667); text-decoration: none; color: rgb(var(--white-monochrome)); -webkit-animation: neondrop 1.5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate; animation: neondrop 1.5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite alternate; -webkit-animation-delay: -300ms; animation-delay: -300ms; transition-delay: 0; } @supports (background-blend-mode: screen) { #extra-div-1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-image: linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), linear-gradient(to bottom, rgb(var(--bright-accent)) var(--header-height-on-desktop), rgb(var(--black-monochrome)) calc(var(--header-height-on-desktop) + 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), linear-gradient(to bottom, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-size: var(--header-background-image-size), 100% var(--final-header-height-on-desktop), 100% var(--background-gradient-distance); background-repeat: no-repeat; background-blend-mode: darken; pointer-events: none; } #extrac-div-1 { position: absolute; top: 0; left: 0; width: 100%; height: var(--background-gradient-distance); z-index: -2; background-color: rgb(var(--bright-accent)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='40' viewBox='0 0 50 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%230f0505' fill-opacity='0.1'%3E%3Cpath d='M40 10L36.67 0h-2.11l3.33 10H20l-2.28 6.84L12.11 0H10l6.67 20H10l-2.28 6.84L2.11 10 5.44 0h-2.1L0 10l6.67 20-3.34 10h2.11l2.28-6.84L10 40h20l2.28-6.84L34.56 40h2.1l-3.33-10H40l2.28-6.84L47.89 40H50l-6.67-20L50 0h-2.1l-5.62 16.84L40 10zm1.23 10l-2.28-6.84L34 28h4.56l2.67-8zm-10.67 8l-2-6h-9.12l2 6h9.12zm-12.84-4.84L12.77 38h15.79l2.67-8H20l-2.28-6.84zM18.77 20H30l2.28 6.84L37.23 12H21.44l-2.67 8zm-7.33 2H16l-4.95 14.84L8.77 30l2.67-8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events: none; } } #header { background-repeat: no-repeat; background-position: left 0 top 1rem; background-clip: border-box; background-size: auto calc(var(--header-height-on-desktop) - 2rem); -webkit-filter: initial; filter: initial; } #header h1, #header h2 { --wght: 400; font-weight: 400; } #header h1 a { --wght: 500; font-size: 175%; font-weight: 500; overflow-wrap: normal; padding: 0; margin-top: calc((var(--header-height-on-desktop) - 0.5em)/2); margin-left: calc(var(--header-height-on-desktop) - .75rem); } #header h1 a::before { color: rgb(255, 219, 90); color: rgb(var(--bright-accent)); text-shadow: inherit; -webkit-animation: neon-end 300ms ease-in-out 1 normal forwards; animation: neon-end 300ms ease-in-out 1 normal forwards; transition: all 0.5s; } #header h1 a:hover::before, #header h1 a:active::before { -webkit-animation: neon-start 300ms ease-in-out 1 normal forwards, neon 1.5s ease-in-out 300ms infinite alternate; animation: neon-start 300ms ease-in-out 1 normal forwards, neon 1.5s ease-in-out 300ms infinite alternate; } #header h1 a:focus-within::before { -webkit-animation: neon-start 300ms ease-in-out 1 normal forwards, neon 1.5s ease-in-out 300ms infinite alternate; animation: neon-start 300ms ease-in-out 1 normal forwards, neon 1.5s ease-in-out 300ms infinite alternate; } #top-bar a:hover, #top-bar a:active { -webkit-animation: neon-start 300ms ease-in-out 1 normal forwards, neon 1.5s ease-in-out 300ms infinite alternate; animation: neon-start 300ms ease-in-out 1 normal forwards, neon 1.5s ease-in-out 300ms infinite alternate; } #top-bar a:focus-within { -webkit-animation: neon-start 300ms ease-in-out 1 normal forwards, neon 1.5s ease-in-out 300ms infinite alternate; animation: neon-start 300ms ease-in-out 1 normal forwards, neon 1.5s ease-in-out 300ms infinite alternate; } #header h2 span { margin-left: calc(var(--header-height-on-desktop) + 0.75rem); } #top-bar { --swatch-text-secondary-color: var(--swatch-text-tertiary-color); } #top-bar div.mobile-top-bar>ul>li:hover, #top-bar div.top-bar>ul>li:hover { background: rgb(var(--swatch-menubg-black-color)); } #top-bar div.mobile-top-bar>ul>li>ul, #top-bar div.top-bar>ul>li>ul { background: rgba(var(--swatch-menubg-black-color), .93); } #side-bar { background-color: rgb(var(--black-monochrome)); } #side-bar div.menu-item { border-bottom: 0.0625rem solid rgb(var(--swatch-menubg-dark-color)); border-top: 0.0625rem solid rgb(var(--swatch-menubg-dark-color)); margin-top: -0.0625rem; } #side-bar div.menu-item a, #side-bar div.menu-item .text { color: rgb(var(--swatch-menutxt-light-color)); line-height: inherit; } #side-bar div.menu-item a:hover { background-color: rgba(var(--bright-accent), .15); } #side-bar div.menu-item a:hover::before, #top-bar div.top-bar>ul>li>ul>li>a:hover::before, #top-bar div.top-bar>ul>li>ul>li>ul>li>a:hover::before { -webkit-animation: neonbg 1.5s ease-in-out infinite alternate; animation: neonbg 1.5s ease-in-out infinite alternate; } #side-bar .heading, #side-bar .side-block>.collapsible-block:nth-child(1) .collapsible-block-folded { --wght: 700; background: initial; font-weight: 700; } #side-bar .heading p, #side-bar .side-block>.collapsible-block .collapsible-block-link { --wght: 900; color: rgb(var(--swatch-menutxt-dark-color)); text-shadow: inherit; letter-spacing: 0.05rem; font-weight: 900; font-size: 1.25rem; position: relative; display: flex; justify-content: center; margin: 1rem 0 0.25rem 0.5rem; color: rgb(255, 219, 90); color: rgb(var(--bright-accent)); text-shadow: inherit; font-family: var(--header-font); text-transform: none; } #side-bar .heading p::after, #side-bar .side-block>.collapsible-block .collapsible-block-link::after, #side-bar .heading p::before, #side-bar .side-block>.collapsible-block .collapsible-block-link::before { content: " "; position: absolute; width: 100%; height: 0.35rem; } #side-bar .side-block[style*="background-color:"] * { margin-left: 0 !important; } #side-bar .side-block[style*="background-color:"] .heading { margin-top: .25rem; } #side-bar .heading p::after, #side-bar .side-block>.collapsible-block .collapsible-block-link::after { bottom: -0.6rem; } #side-bar .heading p::before, #side-bar .side-block>.collapsible-block .collapsible-block-link::before { top: -0.6rem; } #side-bar div.menu-item .sub-text { color: rgba(var(--swatch-primary-darker), 1); } html:not(:lang(cn)) div.scpnet-interwiki-wrapper p::before { box-shadow: inherit; } #side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) { filter: invert(1); } #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before { mix-blend-mode: lighten; } #page-title { color: rgb(var(--swatch-menutxt-dark-color)); -webkit-animation: neon-end 300ms ease-in-out 1 normal forwards; animation: neon-end 300ms ease-in-out 1 normal forwards; cursor: default; transition: all 0.5s; border-bottom: none; } #page-title:hover, #page-title:active { -webkit-animation: neon-start 500ms ease-in-out 1 normal forwards, neon 1.5s ease-in-out 500ms infinite alternate; animation: neon-start 500ms ease-in-out 1 normal forwards, neon 1.5s ease-in-out 500ms infinite alternate; color: rgb(var(--bright-accent)); } blockquote, .blockquote { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .yui-navset .yui-content { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: rgb(var(--swatch-menubg-dark-color)); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgb(var(--swatch-menubg-black-color)); color: rgb(var(--swatch-text-light)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { background-color: rgb(var(--swatch-menubg-dark-color)); } .yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover { -webkit-animation: neonbg 1.5s ease-in-out infinite alternate; animation: neonbg 1.5s ease-in-out infinite alternate; } table.wiki-content-table th { background: rgb(var(--swatch-primary-darkest)); } .code { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .hl-main { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); } .scp-image-block .scp-image-caption { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .scp-image-block img { border: 0.5rem solid rgba(var(--black-monochrome)); } a:visited { color: rgb(var(--swatch-primary-darker)); } h1 { color: rgb(var(--swatch-primary)) !important; } hr { border-top: none; background: linear-gradient(10deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); -webkit-filter: blur(0.04rem); filter: blur(0.04rem); height: 0.03125rem; margin: 1.25em 0; } hr::before { content: " "; position: absolute; top: 0.1125rem; left: 0; border-top: none; width: 100%; height: 0.125rem; background: linear-gradient(10deg, rgba(var(--bright-accent), 0.15) 0%, rgba(var(--bright-accent), 1) 50%, rgba(var(--bright-accent), 0.15) 100%); background-position: center center; -webkit-filter: blur(0.04rem); filter: blur(0.04rem); } .page-rate-widget-box { background: linear-gradient(to bottom left, rgba(var(--swatch-primary-darkest), 0.1) 0, rgba(var(--black-monochrome), 1) 100%) !important; } form#edit-page-form { background-color: rgba(var(--bright-accent), 0.25); } textarea, input.text { background-color: rgb(var(--black-monochrome)); color: rgb(var(--white-monochrome)); padding: 0.5em; } .owindow .title { background-color: rgb(var(--swatch-menubg-dark-color)); } #odialog-container, .title.modal-header, .owindow, .hovertip { background-color: rgb(var(--swatch-primary-darkest)); color: rgb(var(--white-monochrome)); } .owindow .button-bar a { background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--white-monochrome)); } @media only screen and (max-width: 56.25rem) { #header { --size: calc(var(--final-header-height-on-mobile) - 0.875rem); --y-offset: 1.5rem; background-position: calc((var(--header-height-on-mobile) - 3.75rem) - var(--size)) calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2); background-size: var(--size), 100% var(--header-height-on-mobile); background-repeat: no-repeat, repeat; } #header>h1>a>span { height: var(--header-height-on-mobile); } #header h1 a { line-height: 1; margin-left: calc(var(--header-height-on-mobile) - 3.5rem); margin-top: calc(((var(--header-height-on-mobile) / 2)) - 2rem); font-size: 3rem; } #header h2 span { line-height: 1.1; margin-left: calc(var(--header-height-on-mobile) - 3rem); margin-top: calc(((var(--header-height-on-mobile) / 2) + 0.75rem)); font-size: 1rem; } #extra-div-1 { background-image: linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-gray-monochrome)) 100%), linear-gradient(to bottom, rgb(var(--bright-accent)) var(--header-height-on-mobile), rgb(var(--black-monochrome)) calc(var(--header-height-on-mobile) + 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--black-monochrome)) calc(100% - 0.125rem), rgb(var(--bright-accent)) 100%), linear-gradient(to bottom, rgba(var(--black-monochrome), 0) 0, rgba(var(--black-monochrome), 0.5) 10rem, rgba(var(--black-monochrome), 1) 25rem, rgba(var(--black-monochrome), 1) 100%); background-size: var(--header-background-image-size), 100% var(--final-header-height-on-mobile), 100% var(--background-gradient-distance); } } @media only screen and (min-width: 37.5rem) and (max-width: 56.25rem) { #header { --size: calc(var(--final-header-height-on-mobile) - 0.875rem); --y-offset: 1.5rem; background-position: calc((var(--header-height-on-mobile) - 3.75rem) - var(--size)) calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2); background-size: var(--size), 100% var(--header-height-on-mobile); background-repeat: no-repeat, repeat; } } @-webkit-keyframes neon-start { from { text-shadow: 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)); } to { text-shadow: 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--black-monochrome)), 0 0 0.9375rem rgb(var(--black-monochrome)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 2.1875rem rgb(var(--bright-accent)), 0 0 2.5rem rgb(var(--bright-accent)), 0 0 3.125rem rgb(var(--bright-accent)), 0 0 4.6875rem rgb(var(--bright-accent)); } } @keyframes neon-start { from { text-shadow: 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)); } to { text-shadow: 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--black-monochrome)), 0 0 0.9375rem rgb(var(--black-monochrome)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 2.1875rem rgb(var(--bright-accent)), 0 0 2.5rem rgb(var(--bright-accent)), 0 0 3.125rem rgb(var(--bright-accent)), 0 0 4.6875rem rgb(var(--bright-accent)); } } @-webkit-keyframes neon-end { from { text-shadow: 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--black-monochrome)), 0 0 0.9375rem rgb(var(--black-monochrome)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 2.1875rem rgb(var(--bright-accent)), 0 0 2.5rem rgb(var(--bright-accent)), 0 0 3.125rem rgb(var(--bright-accent)), 0 0 4.6875rem rgb(var(--bright-accent)); } to { text-shadow: 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)); } } @keyframes neon-end { from { text-shadow: 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--black-monochrome)), 0 0 0.9375rem rgb(var(--black-monochrome)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 2.1875rem rgb(var(--bright-accent)), 0 0 2.5rem rgb(var(--bright-accent)), 0 0 3.125rem rgb(var(--bright-accent)), 0 0 4.6875rem rgb(var(--bright-accent)); } to { text-shadow: 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--black-monochrome)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)), 0 0 0 rgb(var(--bright-accent)); } } @-webkit-keyframes neon { from { text-shadow: 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--black-monochrome)), 0 0 0.9375rem rgb(var(--black-monochrome)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 2.1875rem rgb(var(--bright-accent)), 0 0 2.5rem rgb(var(--bright-accent)), 0 0 3.125rem rgb(var(--bright-accent)), 0 0 4.6875rem rgb(var(--bright-accent)); } to { text-shadow: 0 0 0.1565rem rgb(var(--black-monochrome)), 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.469rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--bright-accent)), 0 0 1.094rem rgb(var(--bright-accent)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 1.5625rem rgb(var(--bright-accent)), 0 0 2.344rem rgb(var(--bright-accent)); } } @keyframes neon { from { text-shadow: 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--black-monochrome)), 0 0 0.9375rem rgb(var(--black-monochrome)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 2.1875rem rgb(var(--bright-accent)), 0 0 2.5rem rgb(var(--bright-accent)), 0 0 3.125rem rgb(var(--bright-accent)), 0 0 4.6875rem rgb(var(--bright-accent)); } to { text-shadow: 0 0 0.1565rem rgb(var(--black-monochrome)), 0 0 0.3125rem rgb(var(--black-monochrome)), 0 0 0.469rem rgb(var(--black-monochrome)), 0 0 0.625rem rgb(var(--bright-accent)), 0 0 1.094rem rgb(var(--bright-accent)), 0 0 1.25rem rgb(var(--bright-accent)), 0 0 1.5625rem rgb(var(--bright-accent)), 0 0 2.344rem rgb(var(--bright-accent)); } } @-webkit-keyframes neonbg { 0% { background: rgba(var(--bright-accent), calc(2/3)); } 100% { background: rgba(var(--bright-accent), 0.125); } } @keyframes neonbg { 0% { background: rgba(var(--bright-accent), calc(2/3)); } 100% { background: rgba(var(--bright-accent), 0.125); } } @-webkit-keyframes neondrop { 0% { box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), calc(2/3)); } 100% { box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125); } } @keyframes neondrop { 0% { box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), calc(2/3)); } 100% { box-shadow: inset 0 -1.5em 0 0 rgba(var(--bright-accent), 0.125); } } }
@import url('http://xcninety.github.io/fonts/Cafe24Ohsquareair.css'); @font-face { font-family: 'Cafe24Ohsquare'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff'); font-weight: normal; font-style: normal; } @supports(display: grid) { :root:lang(ko) { --header-title: "재단"; --header-subtitle: "감독관실"; --header-font: 'Cafe24Ohsquare', sans-serif; --title-font: 'Cafe24Ohsquare', sans-serif; } }
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @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; z-index: -1; } #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.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%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(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) 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: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; 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); 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; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; 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: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); 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: var(--body-width-on-desktop, 45.75rem); max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; 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 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #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: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } } }
암구호:
동산은 뱀의 곳이다.


SCP-6000, 공중 촬영 화상

SCP-6000.
특수 격리 절차: SCP-6000의 격리는 실패했다. 지구에 잔류하고 있는 모든 재단/일제사격 프로젝트 인원은 추가 지시를 받기 위해 담당 기지의 HMCL 감독관에게 보고해야 한다.
설명: SCP-6000은 방랑자의 도서관으로 알려진 외부차원 공간의 한 구획으로 변형된 지구의 일부 구획이다. 현재 SCP-6000은 서반구 전역을 뒤덮었으며 크기가 계속 커지고 있다. SCP-6000의 변형 작용은 남아메리카의 아마존 유역에서 시작되었고 재단-GOC가 합작한 일제사격 프로젝트에서 변형을 지연시키려고 시도하였으나 일주일 만에 대상은 서반구 전체로 확대되었다.
SCP-6000 내부의 인구 밀집지역과 재단, GOC, 일제사격 프로젝트의 기지는 소실된 것으로 간주한다. 장막 규약은 폐기되었다.
현재 SCP-6000의 격리 절차는 일제사격 프로젝트의 인원들을 지정된 외부차원 예비 기지로 대피시키는 것이다.
SCP-6000은 지구 표면의 58%에 달하며 그 범위는 더욱 넓어지고 있다. SCP-6000은 2주 반 이내에 지구 전체를 뒤덮을 것으로 예측된다.
부록 6000.1
마지막 기록
다음은 제57시설이 완전히 SCP-6000에 집어삼켜지기 이전에 기록 및 방송된 음성 기록이다. 모든 인원 및 유용한 변칙성들을 대피시킨 것으로 간주되었으나, 조사에 따르면 무스 이사관은 혼란 속에서 대피용 헬리콥터에 탑승하지 않은 것으로 밝혀졌다.
이 음성 파일이 녹음된 후, 둘 모두 제57기지의 생체반응 스캐너에서 사라졌다. 이틀 후 시설은 SCP-6000에 집어삼켜지고 말았다.
«발췌 시작»
무스: 그래서… 지금은 뭐가 일어나는 거지?
SCP-6000-A: 무슨 뜻인가? 우리는 기다리는 중이다. 그 외에 무엇을 할 수 있는가?
무스: 내 생각에도 없는 것 같은데. 우린 기다리고 있지.
SCP-6000-A: 그러면 무엇을 두려워하는가?
무스: 잘 모르겠어.
[침묵]
SCP-6000-A: 알고 있다시피, 두려워할 필요는 전혀 없다.
무스: 어째서지?
SCP-6000-A: 이 세계를 내버려두자는 말은 들리는 것만큼 무섭지 않다.
무스: 너는 무슨 일이 일어나고 있는지 이해하는 거 같아.
SCP-6000-A: 그렇다면 어떤 일이 일어나는가? 항상 일어나는 일이다. 자연스러운 것이다.
무스: 아니, 엿이나 먹으라고 해. 자연스러운 건 하나도 없어. 온 세계가 산 채로 잡아먹히고 있는 중이야. 우리는 가만히 앉아서 세상의 종말을 지켜보는데 아무것도 할 수 없는 판이라고.
[침묵]
SCP-6000-A: 이 일이 끝나면 어떻게 될 것 같은가?
무스: 난 신을 믿지 않아. 이걸 묻고 싶은 거라면 말이야. 재단에서 일하면서 신을 믿는 사람은 교황보다도 더 신실할걸.
SCP-6000-A: 내가 물어본 것이 아니다. 길이 세상을 뒤덮고 나면 어떻게 될 거라고 생각하는가? 아무것도 남지 않게 될 것인가?
무스: 그렇지. 저게 세계를 집어삼키고 있어. 세상을 뒤바꾸고 있다고.
SCP-6000-A: 그래서 자네가 틀린 것이다.
무스: 뭐가?
[SCP-6000-A가 손가락으로 담배에 불을 붙인다]
SCP-6000-A: 이해가 되지 않는다, 이사관. 논리적으로는 태양이 언젠가 모두 타버릴 것임을 알고 있다. 너희들은 매일 움직임을 통해서, 우주에 저장 수명이 있다는 걸 알고 있다. 항상 결말이 있다.
무스: 그래. 그렇지만 -
SCP-6000-A: 이것이 자연적인 것이냐고? 우주의 느리고 고통스러운 열역학적 사망, 모든 별이 하나씩 어두워지고 존재하기 위해서 폭발할 수 없게 되는 것을 바라보는 것, 이것만큼 자연스러운 것이 어디 있겠는가? 이것이 바로 재단의 치명적인 결함이었다. 적응하고 살아남을 능력의 부재 말이다.
무스: 그렇다고 변할 것은 없어.
SCP-6000-A: 변하는 건 많다, 틸다. 우리는 어떤 것도 영원하지 못하다는 것을 알고 있으면서 살아가고 일한다. 하지만 결말의 존재를 인지하고 있다는 것이 우리를 망치는 것이 아니다. 그리고- 바로 이 지점이 중요하다. 언제나 더 많은 이야기들이 있다.
무스: 난… 이해가 안 돼.
SCP-6000-A: 도서관은 모든 이야기다. 그곳에는 한 재단이 세계의 끝에 맞서 용감히 싸우는 이야기가 있었다. 그 안에는 수천만 개의 새로운 이야기와, 수천만 개의 새로운 세계가 있다.
[침묵.]
SCP-6000-A: 도서관은 모든 세계들을 연결하기만 하는 곳이 아니다. 그 자체가 모든 세계다. 모든 세계는 하나의 이야기다. 모든 이야기가 하나의 세계다. 그 모든 것이 중요하다.
무스: 그럼 이건 통제불가능한 게 아니네. 이건 이야기의 결말이야. 그리고 우리는… 도서관의 일부가 되는 중이고.
SCP-6000-A: 그렇게 여겨도 될 것이다. 도서관을 다시 방문하고 싶지는 않은가? 그곳을 그리워했을 것이다. 맥밀런 요원이 그리하였듯 말이다.
[침묵]
SCP-6000-A: 이제 시작한다. 수갑을 풀도록 하라. 세계의 끝을 놓지고 싶지는 않을 것이다. 그렇지 않은가?
[침묵]
SCP-6000-A: 뭐지?
무스: 그럼… 나나 애덤, 그 누구도 이 사태를 막지 못했을 거란 뜻이야? 다 무의미했던 거야?
SCP-6000-A: [한숨] 요점은 항상 같았다. 한 때 아무것도 없던 곳에서 새로운 이야기를 만드는 것이다. 틸다, 행복해져라. 자네의 이야기는 영원히 기억될 것이니까.
무스: 만약... 내가 새 이야기를 원하지 않는다면? | 무스: 사람들이 우리 이야기를 읽을 거라 생각해? |
«기록 종료»
Cite this page as:
"SCP-6000" by ROUNDERHOUSE, from the SCP Wiki. Source: https://scp-wiki.wikidot.com/scp-6000. Licensed under CC-BY-SA.
For more information, see Licensing Guide.
Licensing Disclosures
Filename: center.png, centerred.png
Name: Fusillade Logo
Author:Aethris
License: CC BY-SA 3.0
Filename: 6k.jpg
Author:Rounderhouse
License: CC BY-SA 3.0
Note: Composite of smallsnek.jpg and bubble4.png
Filename: bubble3.png
Name: Borneo rainforest.jpg
Author: Dukeabruzzi/edited byRounderhouse
License: CC BY-SA 4.0
Source: Wikimedia Commons
Filename: smallsnek.jpg, bigsnek.png
Author:Valdevia / Art Page
License: CC BY 4.0
Filename: library.png
Name: County Dublin - Long Room-Trinity College - 20180703092642.jpg
Author: MichaelMaggs/edited byRounderhouse
License: CC BY-SA 4.0
Source: Wikimedia Commons
Filename: tilly.png
Name: Blanche Lincoln, 2007.jpg
Author: Office of Senator Blanche Lincoln/edited byRounderhouse
License: Public Domain
Source: Wikimedia Commons
Filename: bubble4.png
Name: Aerial view of the Amazon Rainforest.jpg
Author: lubasi/edited byRounderhouse
License: CC BY SA 2.0
Source: Wikimedia Commons
Filename: forest2.png
Name: Flickr - Israel Defense Forces - IDF Elite Units' Soldiers Take Cover in the Elyakim Combat Training Base (14).jpg
Author: Israel Defense Forces/edited bystephlynch
License: Public Domain
Source: Wikimedia Commons
Filename: jungleman.png
Author: Pixabay
License: Public Domain
Source: Pixabay
Filename: bubble5.png
Name:working on it
Author: working on it
License: working on it
Source: working on it
Filename: earth.png
Name:
Author: NASA/edited byRounderhouse
License: Public Domain
Source: Wikimedia Commons
Filename: interior.png
Name: Long Room Interior, Trinity College Dublin, Ireland - Diliff.jpg
Author: Diliff
License: CC BY-SA 4.0
Source: Wikimedia Commons
For more information about on-wiki content, visit the Licensing Master List.