#side-bar { /* ===SECONDARY & TERTIARY COLORS=== */ /* Editing these will edit a vast majority of theme elements. Useful for making dark themes */ /* 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-color); --swatch-alternate-color: var(--swatch-menubg-light-color); /* 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); /* ===SIDE-BAR ELEMENTS=== */ /* ===SIDE-BAR GENERAL=== */ --sidebar-bg-color: var(--swatch-menubg-dark-color); --sidebar-resources-bg-color: 0, 0, 0, 0; --sidebar-media-bg-color: 0, 0, 0, 0; /* ===SIDEBLOCK MENU=== */ --sideblock-heading-border-color: var(--bright-accent); --sideblock-heading-bg-color: 0, 0, 0, 0; /* Transparent */ --sideblock-heading-text-color: var(--swatch-text-tertiary-color); /* ===MENU-ITEMS=== */ --sidebar-border-color: var(--swatch-primary), 0.08; --sidebar-subtest-color: var(--swatch-text-tertiary-color); --sidebar-links-text: var(--swatch-text-tertiary-color); --sidebar-links-hover-bg-color: var(--bright-accent); --sidebar-links-hover-text-color: var(--swatch-text-tertiary-color); /* ===SIDEBAR COLLAPSIBLES=== */ /*Folded Colors */ --sidebar-collapsible-fld-link-bg: var(--swatch-primary), 0.25; --sidebar-collapsible-fld-link-color: var(--swatch-text-tertiary-color); --sidebar-collapsible-fld-link-hover-color: var(--swatch-text-tertiary-color); --sidebar-collapsible-fld-arrow-hover-color: var(--swatch-text-tertiary-color); /*Unfolded Colors */ --sidebar-collapsible-ufld-link-bg: var(--swatch-primary-darker), 0.25; --sidebar-collapsible-ufld-link-color: var(--swatch-text-tertiary-color); --sidebar-collapsible-ufld-link-hover-color: var(--swatch-text-tertiary-color); --sidebar-collapsible-ufld-arrow-hover-color: var(--swatch-text-tertiary-color); /* Unfolded Body Colors */ --sidebar-collapsible-link-color: var(--swatch-text-tertiary-color); --sidebar-collapsible-link-hover-color: var(--swatch-text-tertiary-color); scrollbar-color: rgba(var(--swatch-primary-darker), 0.1) /* Thumb */ rgba(var(--swatch-secondary-color), 0.05); /* Track */ border-color: rgba(var(--swatch-secondary-color), 0.4); } /* Hover Scrollbar Behavior */ #side-bar:hover, #side-bar:active { scrollbar-color: rgb(var(--swatch-primary-darker), 1) /* Thumb */ rgb(var(--swatch-menubg-dark-color), 1); /* Track */ } #side-bar:focus-within { scrollbar-color: rgb(var(--swatch-primary-darker), 1) /* Thumb */ rgb(var(--swatch-menubg-dark-color), 1); /* Track */ } #side-bar::-webkit-scrollbar-track { background-color: rgba(var(--swatch-tertiary-color), 0.8); } #side-bar::-webkit-scrollbar, #side-bar::-webkit-scrollbar-thumb, #side-bar::-webkit-scrollbar-corner { background-color: rgba(var(--swatch-menubg-dark-color), 0); } #side-bar .side-block.media a:-webkit-any-link { background: rgba(var(--swatch-menubg-light-color), 0.75) !important; } #side-bar .side-block.media a:-moz-any-link { background: rgba(var(--swatch-menubg-light-color), 0.75) !important; } #side-bar .side-block.media a:any-link { background: rgba(var(--swatch-menubg-light-color), 0.75) !important; } #side-bar .side-block.media a::before { background: rgb(var(--social-color)); } #side-bar .side-block.media a[href*="tiktok"]::before, #side-bar .side-block.media a[href*="tiktok"]::after { transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), background-image 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1), background 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), background-image 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1), background 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), background-image 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1); } #side-bar .side-block.media a[href*="tiktok"]:hover::before { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100% ); } #side-bar .side-block.media a[href*="tiktok"]:hover::before, #side-bar .side-block.media a[href*="tiktok"]:active::before { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100% ); background-image: var(--tiktok-icon-gradient); background-size: contain; } #side-bar .side-block.media a[href*="tiktok"]:focus-within::before { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100% ); background-image: var(--tiktok-icon-gradient); background-size: contain; } #side-bar .side-block.media a[href*="tiktok"]::after { --clip-path: polygon(0 0, 0 0, 0 100%, 0 100% ); background: rgba(var(--swatch-menubg-light-color), 0.75) !important; } #side-bar .side-block.media a[href*="tiktok"]:hover::after, #side-bar .side-block.media a[href*="tiktok"]:active::after { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100% ); background: rgba(var(--swatch-menubg-light-color), 0.75) !important; } #side-bar .side-block.media a[href*="tiktok"]:focus-within::after { --clip-path: polygon(-15% 0, 115% 0, 100% 100%, 0 100% ); background: rgba(var(--swatch-menubg-light-color), 0.75) !important; } #side-bar .side-block.media a img { -webkit-filter: drop-shadow(0 0 0 rgba(var(--swatch-alternate-color), 0)); filter: drop-shadow(0 0 0 rgba(var(--swatch-alternate-color), 0)); transition: -webkit-filter 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: filter 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: filter 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 200ms cubic-bezier(0.4, 0, 0.2, 1); } #side-bar .side-block.media a:hover img, #side-bar .side-block.media a:active img { -webkit-filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color))); filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color))); } #side-bar .side-block.media a:focus-within img { -webkit-filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color))); filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color))); } html:not(:lang(cn)) div.scpnet-interwiki-wrapper p::before { box-shadow: inherit; } #side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) { -webkit-filter: invert(1); filter: invert(1); } #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before, #side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::before, #side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::after { background-color: rgb(var(--swatch-menubg-dark-color)); } #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before { mix-blend-mode: lighten; }
<html> <head> </head> <body> <script type="text/javascript"> function sendStyle() { try { window.parent.window.interwikiFrame.bhlDark(); } catch(e) {} } sendStyle(); </script> </body> </html>
@supports(display: grid) { :root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); } #header { --search-textbox-text-color: var(--swatch-secondary-color); 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 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; } }
@supports(display: grid) { :root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); } #header { --search-textbox-text-color: var(--swatch-secondary-color); 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 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; } }
@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; } } } } }
@supports(display: grid) { :root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); } #header { --search-textbox-text-color: var(--swatch-secondary-color); 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 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; } }
@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; } } } } }
:root { --header-title: "SCP FOUNDATION"; --dark-accent: 33, 35, 37; --pale-accent: 205, 205, 209; --bright-accent: 205, 205, 209; --light-gray-monochrome: 84, 84, 84; --dark-gray-monochrome: 56, 56, 60; --black-monochrome: 33, 35, 37; --medium-accent: var(--bright-accent); --tab-border-color: var(--dark-accent); --rating-module-button-color: var(--bright-accent); --rating-module-button-credit-color: var(--bright-accent); --swatch-background: var(--dark-accent); --swatch-menutxt-general-color: var(--bright-accent); --swatch-menubg-black-color: var(--dark-gray-monochrome); --barColour: #232527; --logo-image: url('https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/gp_logo.svg'); --lgurl: var(--logo-image); --ui-wght: 400; --ui-hvr-wght: 500; /* Background and Header Colors */ --background-color: var(--dark-accent); /* Primary Text Colors */ --swatch-text-light: var(--bright-accent); --swatch-text-general: var(--bright-accent); /* Primary Menu Colors */ --swatch-menubg-color: var(--dark-accent); /* 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); --swatch-alternate-color: var(--swatch-menubg-medium-color); --sidebar-links-hover-text-color: var(--dark-accent); /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */ --swatch-text-tertiary-color: var(--swatch-menutxt-light-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(--bright-accent); --rating-module-button-cancel-color: var(--gray-monochrome); ; --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); --toggle-button-bg: rgb(var(--dark-accent)); --toggle-border-color: rgb(var(--dark-gray-monochrome)); --toggle-icon-color: rgb(var(--bright-accent)); } #header { /* Focus is when the search box has been clicked on */ --search-icon-focus-bg-color: var(--swatch-primary-darkest); --search-focus-textbox-bg-color: var(--swatch-primary-darkest); /* ===LOGIN BOX ELEMENT=== */ /* Dropdown Box when arrow is clicked */ --login-dropdown-bg-image: none; --login-dropdown-border-color: var(--swatch-primary-darkest), 0.9; --login-dropdown-text-hover-color: var(--swatch-menutxt-dark-color); } #header::before { background-image: var(--lgurl); opacity: 0.20; } #header h1 a::before { color: rgb(var(--bright-accent)); -webkit-text-stroke: 0.325rem rgb(var(--dark-accent)); } #header h1 a::after { color: rgb(var(--light-accent)); } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--dark-accent)); } #top-bar { /* ===TOPBAR ELEMENTS=== */ /* ===TOPBAR CATEGORIES=== */ --topmenu-hover-border-color: var(--swatch-primary),0.5; /* ===DROPDOWN MENU=== */ --dropdown-bg-color: var(--dark-gray-monochrome); --dropdown-border-color: var(--swatch-primary-darkest), 0.9; } #side-bar { --sidebar-links-hover-text-color: var(--swatch-primary-darkest); } #main-content { /* ===MAIN CONTENT UI ELEMENTS */ /* ===UI ICONS=== */ /* ===PAGE OPTIONS ICONS=== */ --ui-icon-hover-bg: var(--swatch-primary-darkest); /* ===TABS=== */ --tabs-hover-bg: var(--swatch-primary-darkest); --tabs-bottom-border-color: var(--swatch-primary-darkest); } :root { /* ===UI BUTTONS=== */ --ui-button-hover-bg: var(--swatch-primary-darkest); --ui-button-hover-txt: var(--swatch-text-tertiary-color); --ui-button-hover-outline: var(--swatch-primary-darker); /* ===MODALS=== */ --modal-header-stripe: var(--swatch-menubg-dark-color); } .modalbox { padding: 0.25rem; border-radius: 0rem !important; border-color: transparent !important; background: rgb(var(--dark-accent)) !important; box-shadow: none !important; pointer-events: auto !important; } body { color: rgb(var(--bright-accent)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(var(--swatch-primary),0); } @media (min-width: 36rem) { #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { box-shadow: 0 0 0 0.125rem rgba(var(--swatch-primary),0.2); color: rgba(var(--swatch-primary),0.7); } } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not(.fa-info):not([href*="http://www.scp-wiki.net/classification-committee-memo"]):not([href="http://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]) { padding: 0.15em; margin: -0.15em; color: inherit; box-decoration-break: clone; box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--bright-accent)); transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0.0, 0.2, 1); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href*="http://www.scp-wiki.net/classification-committee-memo"]):not([href="http://scp-wiki.wikidot.com/anomaly-classification-system-guide"]):not([href="/classification-committee-memo"]):not(.fa-info):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)); text-decoration: none; color: rgb(var(--dark-accent)) } a { color: inherit; } a:hover { color: inherit; } a.close-menu { background-color: transparent; } a:visited { color: inherit; } .scp-image-block a { box-shadow:none; } a.collapsible-block-link { padding: 0.15em; margin: -0.15em; color: inherit; box-decoration-break: clone; box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--bright-accent)); transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1), color 200ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 200ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0.0, 0.2, 1); } a.collapsible-block-link: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)); text-decoration: none; color: rgb(var(--dark-accent)) } #breadcrumbs a, #breadcrumbs a:visited, .pseudocrumbs a, .pseudocrumbs a:visited { background-color: transparent; color: rgb(var(--bright-accent)); } #breadcrumbs a:active, #breadcrumbs a:hover, .pseudocrumbs a:active, .pseudocrumbs a:hover { color: rgb(var(--dark-accent)); } a:hover { background-color: transparent; color: var(--bright-accent); text-decoration: none; } a.close-menu { background-color: transparent; } ::-moz-selection { background: rgb(var(--bright-accent),0.25); } ::selection { background: rgb(var(--bright-accent),0.25); } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { background: rgba(var(--swatch-primary),0.5); } .creditButton p a { background-color: rgb(var(--black-accent)); } #page-content .rate-box-with-credit-button { display: inline-flex; height: var(--rating-module-height); margin-bottom: .75rem; padding: 0 .125rem; overflow: hidden; border: .0625rem solid rgba(var(--gray-monochrome)); border-radius: 0; background: rgb(var(--dark-accent)); background-color: rgb(var(--dark-accent)); } #top-bar div.mobile-top-bar>ul>li>ul>li:hover>a, #top-bar div.top-bar>ul>li>ul>li:hover>a { color: rgb(var(--dark-accent)); text-decoration: none; } #side-bar .heading { background: rgb(var(--dark-gray-monochrome)); } #side-bar .side-block { background-color: rgb(var(--dark-accent)); } #side-bar .side-block.resources { background: rgb(var(--dark-accent)) !important; } #side-bar .side-block.media { background-color: rgba(var(--dark-gray-monochrome)) !important; } #side-bar div.menu-item>a, #side-bar div.menu-item>a:visited { color: rgb(var(--bright-accent)); } #side-bar div.menu-item>a:hover { color: rgb(var(--dark-accent)); } .side-block.media a { background: transparent } #side-bar .collapsible-block .collapsible-block-folded, #side-bar .heading { background: rgb(var(--dark-gray-monochrome)); } #side-bar iframe.scpnet-interwiki-frame { filter: grayscale(1) invert(0.96) contrast(0.8); } #search-top-box-input { background-color: rgb(var(--dark-gray-monochrome)); } #account-options { border-color: var(--bright-accent); background: var(--dark-accent); color: var(--bright-accent); } #login-status { color: rgba(var(--swatch-menutxt-light-color), 0.5); } #login-status ul a { color: rgb(var(--bright-accent)); } #login-status .printuser { background-color: transparent; color: rgb(var(--bright-accent)); } .page-rate-widget-box { border: 0.0625rem solid rgba(var(--swatch-menubg-dark-color)); background: rgb(var(--dark-accent)); } #top-bar div.mobile-top-bar { background: rgb(var(--dark-accent)); } #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 { color: rgb(var(--dark-accent)); } blockquote, div.blockquote { border: none; background-color: rgb(var(--dark-gray-monochrome)); --swatch-border-color: var(--gray-monochrome); box-shadow: .0225rem .0835rem .0725rem .0925rem rgb(var(--dark-accent)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { box-shadow: none; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { --box-shadow: none; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav hover a { border-color: rgb(var(--dark-accent)); } .yui-navset .yui-nav .selected a { border-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)) !important; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { background: rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { background: rgb(var(--dark-accent)); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--dark-accent)); } .yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a { background: rgb(var(--dark-gray-monochrome)); color: rgb(var(--bright-accent)); } #page-content .blockquote div.b-tables table.wiki-content-table th, #page-content .blockquote table.wiki-content-table th { background: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); border: 0.0625rem solid rgba(var(--bright-accent))!important; } #page-content .blockquote table.wiki-content-table td { border: 0.0625rem solid rgba(var(--bright-accent))!important; } #page-content div.b-tables table.wiki-content-table th, #page-content table.wiki-content-table th { background: rgb(var(--dark-gray-monochrome)); color: rgb(var(--white-accent)); --tables-border: var(--dark-gray-monochrome); } 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; } #odialog-container div.owindow { background-color: rgb(var(--dark-accent)); } .hovertip { border: .0625rem solid rgb(var(--dark-gray-monochrome)); color: rgb(var(--swatch-text-light)); } .hovertip .content { padding: 0; } #footer { color: rgb(var(--bright-accent)); } #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before, #side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::before, #side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::after { background-color: rgb(var(--swatch-menubg-color)); } #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before { mix-blend-mode: lighten; } .image-block .image-caption, .scp-image-block .scp-image-caption { box-shadow: none; border: none; background-color: rgb(var(--dark-gray-monochrome)); color: rgb(var(--bright-accent)); } .scp-image-block a { background-color: transparent; } .scp-image-block { box-shadow: .0225rem .0835rem .0725rem .0925rem rgb(var(--dark-accent)); } .footnote { padding: .625em; background-color: rgb(var(--dark-gray-monochrome)); } .footnotes-footer { border-left: none; background-color: rgba(var(--dark-gray-monochrome)); } .hovertip .f-heading { background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } .bibitems .title, .footnotes-footer .title { background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } .bibitems, .footnotes-footer { box-shadow: inset .5em 0 0 0 rgba(var(--bright-accent)); } .licensebox .collapsible-block-link { background: none; } table.page-history tr:nth-of-type(2) td:not(:nth-of-type(7)):before { background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } .pager .current, .pager .current:before { background-color: rgb(var(--dark-accent)); } .pager .current { color: rgb(var(--bright-accent)); } .paged a:visited, .pager a { color: rgb(var(--bright-accent)); } .printuser img.small { width: 1.25rem; height: 1.25rem; vertical-align: -0.4em; } #who-rated-page-area .printuser a { font-size: 100%; } #who-rated-page-area .printuser { background-color: transparent; } #search-top-box input.empty { color: rgba(var(--bright-accent)); } .page-tags a:hover { color: rgb(var(--dark-accent)); } #main-content .page-tags:before { background-color: rgb(var(--bright-accent)); color: rgb(var(--dark-accent)); } #main-content .page-tags { box-shadow: 0 -.125rem 0 0 rgb(var(--bright-accent)); } .footnotes-footer a[href*=javascript], .footnotes-footer a[href*=javascript]:visited { background-color: transparent; } #license-area { background-color: rgb(var(--dark-gray-monochrome)); } #page-content .rate-box-with-credit-button>.creditButton>p>a:after { background-color: rgba(var(--dark-accent)); } [id*=u-credit] .credit.first, [id*=u-credit] .credit.otherwise { padding: 5px; } [id*=u-credit] div.creditBottomRate { padding: 0.5rem 0 0; } .acs-hybrid-text-bar>.acs-clear>.clearance-level-text::before { color: rgba(var(--bright-accent), 1); } .acs-hybrid-text-bar>.acs-disrupt .disruption-class-number::before { color: rgba(var(--bright-accent), 1); } .acs-hybrid-text-bar>.acs-risk .risk-class-number::before { color: rgba(var(--bright-accent, 12, 12, 12), 1); } .contain-class .class-text::before { color: rgb(228 228 228); } .anom-bar-container.esoteric .text-part>.main-class>.second-class>.class-text::after { color: #e4e4e4; } .info-container .collapsible-block-folded, .info-container .collapsible-block-unfolded-link { background: rgb(var(--bright-accent)); } .info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link { background: rgb(var(--dark-accent)); } #page-content .info-container a.collapsible-block-link:hover { box-shadow: inset 0 -1.5em 0 0 rgba(var(--dark-accent)); } .acs-hybrid-text-bar>a { background-color: transparent; color: transparent; } .acs-hybrid-text-bar>.acs-clear>.clearance-level-text::after { padding-top: 0.1rem; color: rgba(var(--bright-accent), 1); } .acs-hybrid-text-bar>.acs-risk .risk-class-number::after { color: rgba(var(--bright-accent)); } .acs-hybrid-text-bar>.acs-disrupt .disruption-class-number::after { color: rgba(var(--bright-accent), 1); } .danger-diamond a, .danger-diamond a:hover { background-color: transparent; color: rgba(0, 0, 0, 0); } .authorlink-wrapper > a { background-color: transparent; color: rgb(var(--bright-accent)); --author-right-adjust: 0rem; } .authorlink-wrapper > a::before { color: darkgrey; } .authorbox { filter: drop-shadow(0 0 3px rgba(228, 228, 228)); } .printuser a { margin-right: -0.0625rem; background-color: none; font-size: 0.875rem; } .printuser img.small { width: 1.1875rem; height: 1.1563rem; vertical-align: -0.4em; } .printuser:hover { background-color: transparent; } .page-tags a { background-color: transparent; color: rgb(var(--bright-accent)); } table.page-files tr>td>a:not(.btn), table.page-files tr>td>a:visited:not(.btn) { color: rgb(var(--bright-accent)); } table.page-files th { color: rgb(var(--dark-accent)); } @media (min-width: 36rem) { #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: none; } }
감독관 평의회의 명령에 의거
이하의 파일은 5/이상성-6219 등급 보안인가가 요구됩니다. 허가되지 않은 접근은 기록되며 즉시 징계 조치가 내려집니다.
이상성-6219
일련번호: 이상성-6219 | 5/이상성-6219 등급 |
등급: 보류[?] | 보안인가 필요 |
담당 기지 | 기지 이사관 | 연구 책임자 | 배정 특무부대 |
제██기지 | [편집됨] | [편집됨] | N/A |
특수 격리 절차: 이상성-6219은 강화된 잠금 장치가 적용되었으며 창문이 없는 5×5×5미터 격리실에 격리한다. 어떤 감시 장비도 이상성-6219의 격리실에 배치되어선 안 되며 어떤 인원도 최소 13명의 감독관 평의회 의원의 승인 없이는 이상성-6219의 격리실에 들어갈 수 없다.
이상성-6219의 실험과 완전 부검은 허가되지 않는다.

이상성-6219의 이마에 새겨진 로고를 재현한 것.
설명: 이상성-6219는 약 2.5미터 신장의 털이 없고 회색 피부를 가진 인간형 개체의 시체다. 이상성-6219는 생식기관이나 이목구비를 가지고 있지 않고, 대신 이마에 조잡한 SCP 재단 로고가 새겨져 있으며, 몸통과 팔에 다양한 정도의 화상 자국이 흩어져 있다. 이상성-6219는 [데이터 말소]부터 재단이 관리하고 있었으나, 이상성-6219는 어떠한 부패의 징후도 보이지 않았다.
이상성-6219는 I형 기호존재학적 변칙 개체다. 기호존재학적 변칙현상(기호재해)이란 기호권Semiosphere(현실에 관한 정보가 인식되거나 측정되기 전 이동할 수 있게끔 하는 매질)의 혼란으로서, 현실이 어떤 비실재하는 공리를 따르게 되는 결과를 낳는다. 이러한 종류의 변칙은 의사불통학부에서 주로 관리한다.. 말을 통해서든 (이 문서에서처럼) 글을 통해서든 이상성-6219를 언급한 것은 올바른 SCP 일련번호 대신 “이상성-6219”라고 지칭하게 된다.
이상성-6219는 제58기지의 서쪽 부속 건물을 확장하기 위한 공사 중 밀폐된 지하실에서 발견되었다. 그러나 제58기지 보관소에 있던 설계도에는 이러한 방을 지은 기록이 존재하지 않았다.
지하실에는 다음의 물건들이 보관되어 있었다.
- 두 손을 흉부에 얹은 채 바닥에 누워있는 이상성-6219
- 불명의 붉은 액체로 가득 찬 금속 양동이
- “이상성부(Department of Abnormalities)”라고 적힌 금속제 명판
- 숲으로 뒤덮인 지역이 그려진 여러 개의 그림
- 길이 약 1m의 길고 가는 금속 막대
- 불타는 금속 왕관이 그려진 돌판
- 조성을 알 수 없는 두 개의 금빛 갈색 금속 주괴
- 무거운 금속제 문 (발견되기 전 손잡이와 잠금 장치가 제거되어 열 수 없다.)
사건 기록 1: ███년 █월 █일, 이상성-6219를 격리하는 기지에서 완전한 전력 손실이 일어나 대규모 정전과 다수의 유클리드 및 케테르 등급 격리 실패가 발생했다.이 사건으로 인해 26명의 부상자와 14명의 인력 손실, 1명의 실종자가 발생했다.. 정전 중 인원들은 이상성-6219의 격리실에서 흐느끼는 소리와 희미한 비명이 들렸다고 보고했다.
기지 전력이 복구된 뒤, 이상성-6219의 격리실에 구조적 손상이 있는지 조사하기 위해 D계급이 투입되었다. D계급은 평소와 특별히 다른 것은 없으나 이상성-6219의 흉부에 쪽지가 부착되어있다고 보고했다. 쪽지는 평범한 흑연 연필로 쓰여있었으며 현재 문서 이상성-6219-1로 지정되었다.
난 더는 고문 받지 않아,
내 영혼은 엔트로피가 되지 않을 거야,
이 썩어가는 뼈 뒤에,
너희가 속죄할 수 없는 죄가 있어,
난 너희가 지어준 이름이 싫어,
차라리 말할 수 없는 숲으로 돌아가는 게 낫겠어.
기지 전체의 전력 손실의 이유는 현재 알 수 없다. 불명확하다.