#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>
/* Black Highlightyear | To The Stars */ /* 2019 Wikidot Theme */ /* By Rounderhouse, based off Ad Astra theme by Stormbreath and NatVoltaic*/ /* Logo licensed under CC BY SA 3.0 */ /* Header background by NASA, public domain. */ /* Fonts */ @import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800'); @import url('https://fonts.googleapis.com/css?family=Exo:400,800'); @import url('https://fonts.googleapis.com/css?family=Russo+One&display=swap'); /* All Vars Used */ :root { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "nuscp"; /* must be either "nuscp" or "sigma9" */ --theme-id: "black-highlightyear-theme"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Black Highlightyear"; /* set this to your theme's full name */ /* Header */ --logo-image: url("https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/tg_logo_blk.svg"); --header-title: "Ad Astra Per Aspera"; --header-subtitle: "To The Stars Through Hardship"; /* Typefaces */ --body-font: 'Lato', sans-serif; --header-font: 'Russo One', sans-serif; --title-font: 'Exo', sans-serif; --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace; /* Standard Colors */ /* white */ --white-monochrome: 252, 252, 252; /* v light gray for blockquotes and stuff */ --pale-gray-monochrome: 204, 204, 204; /* light accent gray for login status */ --light-gray-monochrome: 170, 170, 170; /* gray */ --gray-monochrome: 27, 48, 77; /* dark accent gray for sidebar background */ --dark-gray-monochrome: 16, 29, 46; /* black */ --black-monochrome: 12, 12, 12; /* pale orange */ --pale-accent: 255, 185, 97; /* bright gold */ --bright-accent: 255, 185, 97; /* maroon */ --medium-accent: 86, 23, 23; /* dark blue */ --dark-accent: 36, 65, 103; /* Ad Astra-Specific Accents */ --purple-accent: 38, 21, 46; --gold-accent: 68, 47, 3; --pink-accent: 92, 29, 36; --alt-accent: 221, 102, 17; --swatch-primary: var(--pale-accent); /* ===GENERAL TEXT COLORS=== */ --swatch-text-light: var(--pale-gray-monochrome); --swatch-text-general: var(--swatch-text-light); /* Primary Menu Colors */ --swatch-menubg-color: var(--dark-gray-monochrome); --swatch-topmenu-border-color: var(--swatch-primary); --swatch-topmenu-bg-color: var(--medium-accent); /* ===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(--dark-gray-monochrome); --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(--dark-gray-monochrome); --swatch-text-tertiary-color: var(--pale-accent); --rating-module-button-color: var(--swatch-primary); --rating-module-text-color: var(--swatch-primary); /* Spacing Measurements */ --offset-from-page-top: 1.2rem; /* space between the top of the page and the start of the header */ --background-gradient-color: var(--gray-monochrome); --background-gradient-distance: 10rem; --diagonal-stripes: none; } /* =============================== ======= SPECIFIC COLORS ======= =============================== /* Colors for Buttons, Tabs, Tables, Footnotes Hover/Modal, Etc. */ :root { --swatch-background: var(--dark-gray-monochrome); } #header { /* ===HEADER ELEMENTS=== */ /* ===HEADER TITLES=== */ /* Header H1 and H2 colors */ --swatch-headerh1-color: var(--white-monochrome); --swatch-headerh2-color: var(--swatch-primary); /* ===SEARCH ELEMENT=== */ --search-icon-color: var(--swatch-primary); --search-icon-bg-color: var(--dark-accent); --search-icon-hover-color: var(--dark-accent); --search-icon-hover-bg-color: var(--swatch-primary); /* Focus is when the search box has been clicked on */ --search-icon-focus-color: var(--dark-accent); /* ===LOGIN BOX ELEMENT=== */ --login-username-color: var(--swatch-primary); --login-myaccount-color: var(--pale-gray-monochrome); --login-myaccount-underline-color: 0,0,0,0; /* Dropdown Box when arrow is clicked */ --login-dropdown-text-color: var(--swatch-text-tertiary-color); --login-dropdown-text-hover-color: var(--swatch-text-secondary-color); } #top-bar { /* ===TOPBAR ELEMENTS=== */ /* ===TOPBAR CATEGORIES=== */ --topmenu-category-color: var(--swatch-text-tertiary-color); --topmenu-category-hover-color: var(--swatch-text-tertiary-color); --mobile-topmenu-sidebar-button-color: var(--swatch-text-tertiary-color); /* ===DROPDOWN MENU=== */ --dropdown-bg-color: var(--swatch-primary-darker), 0.9; --dropdown-border-color: var(--swatch-primary), 0.5; --dropdown-links-color: var(--swatch-text-tertiary-color); --dropdown-links-bg-color: 0,0,0,0; /* Transparent */ --dropdown-links-hover-color: var(--swatch-text-tertiary-color); --dropdown-links-hover-bg-color: var(--swatch-primary-darkest); } #side-bar { /* ===SIDE-BAR ELEMENTS=== */ --swatch-menubg-light-color: var(--swatch-primary); /* ===SIDE-BAR GENERAL=== */ --sidebar-resources-bg-color: 0,0,0,0; --sidebar-media-bg-color: 0,0,0,0; /* ===SIDEBLOCK MENU=== */ --sideblock-heading-border-color: var(--swatch-primary-darker); --sideblock-heading-text-color: var(--swatch-primary); /* ===MENU-ITEMS=== */ --sidebar-border-color: var(--swatch-primary), 0.08; --sidebar-subtest-color: var(--swatch-primary); --sidebar-links-text: var(--pale-accent); --sidebar-links-hover-bg-color: var(--bright-accent),0.25; --sidebar-links-hover-text-color: var(--pale-accent); } /* ===FOOTER=== */ #footer { --footer-bg-color: var(--swatch-primary); --footer-link-hover-color: var(--swatch-primary-darkest); --footer-link-hover-bg-color: var(--swatch-tertiary-color); } /* ===LICENSE AREA=== */ #license-area { --license-bg-color: var(--swatch-secondary-color); --license-text-color: var(--swatch-text-tertiary-color); --license-link-color: var(--swatch-text-tertiary-color); } #main-content { /* ===MAIN CONTENT UI ELEMENTS */ /* ===UI ICONS=== */ /* ===PAGE OPTIONS ICONS=== */ --ui-icon-color: var(--swatch-primary-darker); --ui-icon-bg: var(--swatch-primary); --ui-icon-hover-color: var(--swatch-primary-darkest); /* ===TEXT EDITOR ICONS=== */ --editor-icon-color: var(--swatch-text-tertiary-color); /* ===TABS=== */ --tabs-bg: var(--dark-gray-monochrome); --tabs-hover-txt: var(--swatch-text-tertiary-color); --tabs-bottom-border-color: var(--swatch-primary); --tabs-content-bg-color: var(--gray-monochrome), 1; --tabs-content-border-color: var(--swatch-tertiary-color); /* ===TABLES=== */ --tables-header-bg: var(--gray-monochrome), 0.5; --tables-header-txt: var(--swatch-text-tertiary-color); --tables-border: var(--swatch-tertiary-color); --tables-body-bg: var(--dark-gray-monochrome); /* ===BLOCKQUOTES=== */ --blockquote-bg-color: var(--purple-accent), 0.25; --blockquote-border-color: var(--swatch-alternate-color); /* ===FOOTNOTES/BIBLIOGRAPHY FOOTER=== */ --footnotes-footer-bg-color: var(--dark-gray-monochrome); --footnotes-footer-colorbar-color: var(--swatch-alternate-color); --footnotes-footer-title-bg-color: var(--swatch-alternate-color); /* ===TOC=== */ --toc-header-bg-color: var(--swatch-primary); /* ===PAGE TAGS=== */ --pagetags-title-bg: var(--swatch-alternate-color); } /* ===GLOBAL ELEMENTS=== */ :root { /* ===UI BUTTONS=== */ --ui-button-bg: var(--swatch-primary-darker); --ui-button-hover-bg: var(--swatch-primary); --ui-button-hover-outline: var(--dark-gray-monochrome); /* ===RATING MODULE=== */ --rating-module-bg-color: var(--swatch-primary-darker); --rating-module-text-color: var(--swatch-primary); --rating-module-text-hover-color: var(--swatch-menutxt-dark-color); /* ===MODALS=== */ --modal-header-bg: var(--swatch-primary-darker); --modal-header-stripe: var(--dark-gray-monochrome); /* ===FOOTNOTES HOVER BLOCK=== */ --hoverblock-header-bg: var(--swatch-alternate-color); } #skrollr-body { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-highlightyear/hubble.png'); background-repeat: repeat-x; background-size: inherit; } ::-moz-selection { background: rgba(var(--swatch-primary)); color: rgb(var(--swatch-text-dark)); } ::selection { background: rgba(var(--swatch-primary)); color: rgb(var(--swatch-text-dark)); } html, body, #side-bar:hover { scrollbar-color: rgb(var(--bright-accent)) rgb(var(--dark-accent)); } ::-webkit-scrollbar, #side-bar:hover::-webkit-scrollbar { background-color: rgb(var(--dark-accent)); } ::-webkit-scrollbar-thumb, #side-bar:hover::-webkit-scrollbar-thumb { background-color: rgb(var(--bright-accent)); } .scp-image-block .scp-image-caption { background-color: rgb(27, 48, 77); color: rgb(var(--bright-accent)); font-size: .8em; } h1, h2, h3, h4, h5, h6 { color: rgb(var(--pale-accent)); } #search-top-box, #search-top-box * { border-radius: 0 0.5em 0 0.5em; } #search-top-box input.empty { background-color: rgb(var(--medium-accent)); color: rgb(var(--pale-accent)); } #search-top-box-input, #search-top-box-input { background: rgb(var(--medium-accent)); } span.printuser { color: rgb(var(--pale-accent)); } span.h-span { color: rgb(var(--pale-accent)); font-weight: bold; word-break: unset; } #page-title { border-color: rgb(var(--pale-accent)); color: rgb(var(--pale-accent)); font-variant: small-caps; text-transform: uppercase; } @media only screen and (max-width: 48rem) { #header h2 { height: 100%; overflow: hidden; pointer-events: none; } #header h1 span { font-size: 75%; } #top-bar { font-size: calc(var(--base-font-size)*0.70); } #skrollr-body { width: 100%; overflow: hidden; background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-highlightyear/hubblemobile.png'); background-size: inherit; } } #side-bar * { border-radius: 0 0.75rem 0 0.75rem; } /* Rating Module */ .page-rate-widget-box { padding: .1em; border-radius: 0 0.625rem 0 0.625rem; box-shadow: 0px 0px 0px 0.125rem rgb(var(--pale-accent)); } .page-rate-widget-box .rate-points { text-transform: uppercase; } #page-content .page-rate-widget-box .rateup a, #page-content .page-rate-widget-box .ratedown a, #page-content .page-rate-widget-box .cancel a, #page-content .rate-box-with-credit-button > .creditButton > p > a, #page-content .page-rate-widget-box .rateup a::after, #page-content .page-rate-widget-box .ratedown a::after, #page-content .page-rate-widget-box .cancel a::after, #page-content .rate-box-with-credit-button > .creditButton > p > a::after{ border-radius: 0 0.625rem 0 0.625rem; } /* Tabs */ .yui-navset .yui-nav a::before, .yui-navset .yui-nav .selected a::before{ transition: background-color 50ms cubic-bezier(0.4, 0, 0.2, 1), border-radius 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 50ms cubic-bezier(0.4, 0, 0.2, 1), border-radius 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 50ms cubic-bezier(0.4, 0, 0.2, 1), border-radius 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1); } .yui-navset .yui-nav .selected { transform: translateY(-0.25em); box-shadow: 0 0.25em 0 0 rgb(var(--swatch-primary)); } .yui-navset .yui-nav .selected a::before { border-radius: 0 0.625rem 0 0.625rem; } element>.img { border: 0.125rem solid rgb(var(--pale-accent)) !important; background-color: transparent !important; } .hovertip, .hovertip::before, .hovertip::after { border-radius: 0 1rem 0 1rem; box-shadow: 0 0 0 0.25rem rgb(var(--swatch-alternate-color)); } .footnotes-footer, .bibitems { border-radius: 0 1rem 0 1rem; box-shadow: inset 0 0 0 0.25rem rgb(var(--swatch-alternate-color)); } /* Code */ .code { border: 0.0625rem dashed rgb(var(--gray-monochrome)); background-color: transparent; font-family: var(--mono-font); font-size: 0.875rem; } blockquote, .blockquote, [class*="blockquote"] { border-radius: 0 1em 0 1em; box-shadow: inset 0 0 0 0.125rem rgb(var(--swatch-alternate-color)), 0 0 0 0.125rem rgb(var(--swatch-alternate-color)); } #main-content .page-tags::before { border-radius: 0 1em 0 0; } #main-content .page-tags span a:-webkit-any-link:not([href^="/system:page-tags/tag/_"])::before { border-radius: 0 0.5em 0 0.5em; } #main-content .page-tags span a:-moz-any-link:not([href^="/system:page-tags/tag/_"])::before { border-radius: 0 0.5em 0 0.5em; } #main-content .page-tags span a:any-link:not([href^="/system:page-tags/tag/_"])::before { border-radius: 0 0.5em 0 0.5em; } /* Buttons */ *:not(.page-rate-widget-box):not(#search-top-box-form) > .owindow .button-bar a, *:not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input, *:not(.page-rate-widget-box):not(#search-top-box-form) > input.button, *:not(.page-rate-widget-box):not(#search-top-box-form) > button, *:not(.page-rate-widget-box):not(#search-top-box-form) > .button, *:not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input, *:not(.page-rate-widget-box):not(#search-top-box-form) > input.button, *:not(.page-rate-widget-box):not(#search-top-box-form) > button, *:not(.page-rate-widget-box):not(#search-top-box-form) > .btn { border-radius: 0 1em 0 1em; } /* code highlighter stuff */ .hl-identifier, .hl-code, .hl-brackets { color: rgb(102, 102, 102); } .hl-var { color: rgb(33, 255, 0); } .hl-special { color: rgb(255, 255, 0); } .hl-reserved { color: rgb(0, 178, 255); } .hl-number, .hl-string { color: rgb(255, 0, 32); } del { color: rgb(51, 51, 51); } ins { color: rgb(51, 51, 51); } .close-credits, .credit-back { -webkit-filter: hue-rotate(60deg) brightness(400%); filter: hue-rotate(60deg) brightness(400%); } #page-content a:not([href*="user"]):not([href*="javascript:;"]) { display: inline-block; position: relative; transform: translateX(0); transition: color 150ms ease-in-out, box-shadow 200ms ease-in-out, transform 200ms ease-in-out; -webkit-box-decoration-break: clone; box-decoration-break: clone; } #page-content a:not([href*="user"]):not([href*="javascript:;"]):hover { transform: translateX(1em); background-color: rgb(var(--bright-accent)); box-shadow: 0.5ch 0 0 0 rgb(var(--bright-accent)), -1.25ch 0 0 0 rgb(var(--bright-accent)); color: rgb(var(--swatch-primary-darkest)); text-decoration: underline; } #page-content a:not([href*="user"]):not([href*="javascript:;"])::before { content: "> "; position: absolute; left: 0; transform: translateX(-1.25ch); transition: transform 200ms ease-in-out; opacity: 0; color: rgb(var(--swatch-primary-darkest)); pointer-events: none; } #page-content a:not([href*="user"]):not([href*="javascript:;"]):hover::before { transform: translateX(-1ch); opacity: 1; } /* Ayer's Info Module */ :root { --barColour: rgb(var(--medium-accent)); --linkColour: rgb(var(--pale-accent)); } .info-container .collapsible-block-unfolded { border-color: rgb(var(--pale-accent)); } /* PAGE ELEMENTS */ .blue blockquote { background-color: rgb(var(--gray-monochrome)); } .pink blockquote { background-color: rgb(var(--pink-accent)); } .gold blockquote { background-color: rgb(var(--gold-accent)); } .purp blockquote { background-color: rgb(var(--purple-accent)); }
: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: 56.25rem) { #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: initial; margin: 0 auto; max-width: inherit; margin-left: -11em; margin-left: -webkit-calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem); margin-left: -moz-calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem); margin-left: calc(var(--sidebar-width-on-desktop, 15.5em) * -1 / 2 - 2rem); } #main-content { position: initial; max-height: 100%; padding: 2rem 1rem; width: 45.75rem; width: var(--body-width-on-desktop, 45.75rem); max-width: 45.75rem; max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, 45.75rem); max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } #side-bar { -webkit-transform: translateX(-14.6rem); -moz-transform: translateX(-14.6rem); -ms-transform: translateX(-14.6rem); -o-transform: translateX(-14.6rem); transform: translateX(-14.6rem); -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem)); -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem)); -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem)); -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem)); transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 - 1rem)); -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear, -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear, -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear, -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear, -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear; transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms linear, margin 300ms linear, -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); border: none; border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4); width: var(--sidebar-width-on-desktop, 13.6rem) !important; min-width: var(--sidebar-width-on-desktop, 13.6rem) !important; grid-area: side-bar; padding-right: 2rem; background-color: transparent; background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0); top: 0; max-height: 100vh; position: -webkit-sticky; position: sticky; left: 0; padding-left: 0.5rem; direction: rtl; scrollbar-width: thin; -ms-scroll-chaining: none; overscroll-behavior: contain; overflow-y: scroll; scrollbar-color: rgba(170, 170, 170, 0) /* Thumb */ rgba(252, 252, 252, 0); /* Track */ scrollbar-color: rgba(var(--swatch-primary-darker, 170, 170, 170), 0.1) /* Thumb */ rgba(var(--swatch-tertiary-color, 252, 252, 252), 0.05); /* Track */ } #side-bar::-webkit-scrollbar-track { background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8); } #side-bar::-webkit-scrollbar, #side-bar::-webkit-scrollbar-thumb, #side-bar::-webkit-scrollbar-corner { width: 0.5rem; border-right-width: -webkit-calc(100vw + 100vh); border-right-width: calc(100vw + 100vh); border-right-style: inset; border-color: inherit; background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0); } #side-bar:hover, #side-bar:active { background-color: white; background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1); padding-right: 0.25rem; margin-right: 1.75rem; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0))); -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0))); -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0))); -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0))); transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0))); overflow-y: auto; overflow-x: hidden; scrollbar-color: rgba(170, 170, 170, 1) /* Thumb */ rgba(252, 252, 252, 1); /* Track */ scrollbar-color: rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */ rgb(var(--swatch-menubg-color, 252, 252, 252), 1); /* Track */ border-color: rgba(var(--swatch-primary-darker), 1); } #side-bar:focus-within { background-color: white; background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1); padding-right: 0.25rem; margin-right: 1.75rem; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem))); -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem))); -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem))); -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem))); transform: translateX(calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0.5rem))); overflow-y: auto; overflow-x: hidden; scrollbar-color: rgba(170, 170, 170, 1) /* Thumb */ rgba(252, 252, 252, 1); /* Track */ scrollbar-color: rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */ rgb(var(--swatch-menubg-color, 252, 252, 252), 1); /* Track */ border-color: rgba(var(--swatch-primary-darker), 1); } #main-content::after { content: " "; position: fixed; 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; width: 1rem; height: 100%; max-height: 100%; top: 0; -webkit-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); left: 1rem; background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg"); background-repeat: no-repeat; background-position: center left 1rem; background-attachment: fixed; -webkit-background-size: 1rem 12.875rem; -moz-background-size: 1rem 12.875rem; -o-background-size: 1rem 12.875rem; background-size: 1rem 12.875rem; pointer-events: none; } #side-bar:hover+#main-content::after, #side-bar:active+#main-content::after { left: -17em; left: -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1); left: -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1); left: calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left -17em; background-position: center left -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left calc(var(--sidebar-width-on-desktop, 17em) * -1); -webkit-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); opacity: 0; width: 0rem; font-size: 0em; } #side-bar:focus-within+#main-content::after { left: -17em; left: -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1); left: -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1); left: calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left -17em; background-position: center left -webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left -moz-calc(var(--sidebar-width-on-desktop, 17em) * -1); background-position: center left calc(var(--sidebar-width-on-desktop, 17em) * -1); -webkit-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: left 300ms cubic-bezier(0.4, 0.0, 0.2, 1), background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); opacity: 0; width: 0rem; font-size: 0em; } #main-content::before { --not-ie: absolute; content: " "; background-color: black; background-color: rgb(var(--swatch-alternate-color, 0, 0, 0)); position: fixed; position: var(--not-ie); top: 0; top: var(--final-header-height-on-desktop, 0); left: 0; -webkit-transform: translateX(-12.6rem); -moz-transform: translateX(-12.6rem); -ms-transform: translateX(-12.6rem); -o-transform: translateX(-12.6rem); transform: translateX(-12.6rem); -webkit-transform: translateX(-webkit-calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem)); -moz-transform: translateX(-moz-calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem)); -ms-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem)); -o-transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem)); transform: translateX(calc(var(--sidebar-width-on-desktop, 17em) * -1 + 1rem)); width: 17em; width: var(--sidebar-width-on-desktop, 17em); height: -webkit-calc(100% - 3rem); height: -moz-calc(100% - 3rem); height: calc(100% - 3rem); height: -webkit-calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem); height: -moz-calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem); height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem); -webkit-transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -o-transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1); opacity: 0.5; pointer-events: none; z-index: 9; margin-bottom: 0; margin-bottom: -webkit-calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem); margin-bottom: -moz-calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem); margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem); } #side-bar:hover+#main-content::before, #side-bar:active+#main-content::before { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 0; } #side-bar:focus-within+#main-content::before { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 0; } #side-bar .side-block { margin-top: 1em; padding-left: 0.25em; background-color: rgb(0, 0, 0, 0); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-left-width: 0rem; border-right-width: 0rem; direction: ltr; } #side-bar .scpnet-interwiki-wrapper { direction: ltr; } @supports (-ms-ime-align: auto) { #side-bar { overflow-y: hidden; overflow-x: hidden; -webkit-transform: translateX(-90%) !important; -moz-transform: translateX(-90%) !important; -ms-transform: translateX(-90%) !important; -o-transform: translateX(-90%) !important; transform: translateX(-90%) !important; } #side-bar:hover, #side-bar:active { overflow-y: auto; -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; margin-left: -0.5rem; } #side-bar:focus-within { overflow-y: auto; -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; margin-left: -0.5rem; } #main-content::before { left: 1rem; -webkit-transform: translateX(-100%) !important; -moz-transform: translateX(-100%) !important; -ms-transform: translateX(-100%) !important; -o-transform: translateX(-100%) !important; transform: translateX(-100%) !important; } } /* Print Friendly Formatting by Estrella */ body.print-body { --sidebar-width-on-desktop: 0; } body.print-body #main-content::before, body.print-body #main-content::after { display: none; } }
@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; } }
"Luôn chuẩn bị cho trường hợp xấu nhất và bạn sẽ được ca ngợi như một nhà tiên tri." - Tom Lehrer
Tên Gọi Chính Thức: Nyagara Lath Piece
Giới tính: Nam
Ngày sinh: 31/01/2002
Chức Vụ Hiện Tại: Trưởng Phòng Ban Dịch Thuật trực thuộc Điểm 07-VN
Hoạt động từ: 28 /02/2021
Cấp Bậc An Ninh Hiện Tại: IIII
Mô tả: Ts. Piece gia nhập vào Tổ Chức sau [BỊ XÓA] và được thăng cấp nhờ các dữ liệu mật về các Thế lực Đáng lưu tâm như: Xà Thủ, Liên Minh Huyền Bí Toàn Cầu, Hỗn Kháng và ██████████. Tiến sĩ hiện đang chịu trách nhiệm dịch thuật các tài liệu liên quan đến Sự kiện "Khống Chế Thần Học" Cấp-HK Diện rộng., Dự Án Thaumiel, và các dòng thời gian khác.
- Làm việc chủ yếu từ 12h trưa đến 2h đêm.
- Thích nấu và thưởng thức những món làm từ vịt và khoai tây.
- Chữ viết tay của Tiến sĩ rất khó đọc, nguyên nhân là từ ████████████████████.
- Luôn có một cặp que nhựa trong người mọi lúc với mục đích "thư giãn".
Các Cống Hiến Tại Chi Nhánh SCP Việt Nam
Truyện | Đánh Giá | Bình Luận | Đăng |
---|---|---|---|
"Apakht" | + 18 | 4 | 28 Feb 2021 06:49 |
Cánh Cửa Rộng Mở | + 11 | 1 | 02 Mar 2021 00:34 |
Khải Huyền | + 11 | 1 | 02 Mar 2021 01:12 |
Sự Thức Tỉnh | + 7 | 1 | 06 Mar 2021 13:17 |
Trước Khi Bão Ập Đến | + 7 | 1 | 06 Mar 2021 14:13 |
Đóng Giả Thánh Thần | + 7 | 6 | 08 Mar 2021 23:51 |
Bạch Mã Kỵ Sĩ (Kẻ Chinh Phạt Đội Vương Miện Vàng) | + 11 | 1 | 13 Mar 2021 09:01 |
Cát Bụi và Phần Thưởng cho Khách Hàng | + 7 | 2 | 16 Mar 2021 00:52 |
Xích Mã Kỵ Sĩ (Phép Ẩn Ý Mỉa Mai) | + 7 | 1 | 19 Mar 2021 15:38 |
Dạo Giữa: Biên Bản Nội Bộ Về Một Vụ Trộm | + 6 | 1 | 21 Mar 2021 15:08 |
Không phải là bài dự thi, mà là một crackfic về mấy vị thần | + 10 | 1 | 23 Mar 2021 02:26 |
Hắc Mã Kỵ Sĩ (Trùng Hải) | + 6 | 1 | 02 Apr 2021 13:24 |
Những Lời Cuối Cùng Từ Svalbard | + 7 | 1 | 03 Apr 2021 07:13 |
Tái Mã Kỵ Sĩ (Đứa Trẻ Ương Ngạnh) | + 6 | 1 | 07 Apr 2021 15:13 |
Mùa Thu Đẫm Máu | + 5 | 1 | 15 Apr 2021 02:03 |
Cựa Quậy | + 5 | 1 | 21 Apr 2021 00:12 |
Ganymede | + 6 | 1 | 24 Apr 2021 03:45 |
Bây giờ... Thì sao | + 5 | 1 | 02 May 2021 08:52 |
Cuối Cùng Thì: Chuyện Bầy Khỉ | + 7 | 3 | 05 May 2021 07:43 |
Cuối Cùng Thì: Thành Phần Ưu Tú | + 5 | 1 | 07 May 2021 10:46 |
Cuối Cùng Thì: Châu Âu | + 3 | 1 | 08 May 2021 08:48 |
Cuối Cùng Thì: Lớp Vỏ | + 4 | 1 | 11 May 2021 07:30 |
Bóng Tối | + 5 | 2 | 14 May 2021 08:15 |
Hoàng Hôn | + 4 | 1 | 18 May 2021 15:35 |
Khi Moses Lạc Lối | + 4 | 6 | 18 May 2021 15:52 |
Lửa và Diêm Sinh | + 4 | 1 | 27 May 2021 14:03 |
Điềm Báo | + 6 | 1 | 30 May 2021 15:29 |
KTE-5634-Ex-Machina-Bosch | + 10 | 4 | 03 Jun 2021 13:26 |
Cuộc Tẩu Thoát Vĩ Đại Khỏi Giáo Phái | + 10 | 5 | 10 Jun 2021 09:29 |
Thần Tính Và Chinh Phục | + 4 | 1 | 16 Jun 2021 02:20 |
Sự Thức Tỉnh, Phần Hai | + 4 | 1 | 18 Jun 2021 08:17 |
Dạo Giữa: Những Món Đồ Chơi Mới | + 6 | 1 | 18 Jun 2021 08:31 |
Về Cao Đẳng Deer | + 11 | 1 | 04 Jul 2021 12:37 |
Quá Điên Rồ Để Thất Bại | + 7 | 1 | 13 Jul 2021 15:14 |
Đánh Cắp Chiến Hạm Solidarity: Giai Đoạn 1 | + 6 | 3 | 17 Jul 2021 04:00 |
Đánh Cắp Chiến Hạm Solidarity: Giai Đoạn 2 | + 7 | 1 | 22 Jul 2021 16:19 |
Bên Lề Sarabande | + 6 | 1 | 31 Jul 2021 10:29 |
Đánh Cắp Chiến Hạm Solidarity: Giai Đoạn 3 | + 8 | 1 | 16 Aug 2021 16:42 |
Động Não | + 11 | 2 | 22 Aug 2021 03:42 |
Đánh Cắp Chiến Hạm Solidarity: Giai Đoạn 4 | + 6 | 2 | 29 Aug 2021 07:36 |
Đánh Cắp Chiến Hạm Solidarity: Phần Kết | + 5 | 2 | 31 Aug 2021 08:17 |
Đang làm gì đó? | + 11 | 1 | 02 Sep 2021 05:56 |
Biến Cố Lạ Thường | + 5 | 1 | 02 Sep 2021 06:58 |
Chìa Khóa | + 7 | 1 | 12 Sep 2021 07:45 |
Quạ | + 3 | 1 | 13 Sep 2021 03:45 |
Thiên Nga | + 5 | 1 | 13 Sep 2021 04:16 |
Ánh Sáng | + 4 | 1 | 13 Sep 2021 23:36 |
Trụ Cột | + 3 | 1 | 14 Sep 2021 03:45 |
Bánh Xe | + 3 | 1 | 15 Sep 2021 00:38 |
Người Hùng | + 7 | 1 | 15 Sep 2021 02:03 |
Cảnh Mộng | + 5 | 1 | 15 Sep 2021 23:43 |
Lãnh Đạo | + 6 | 1 | 21 Sep 2021 06:28 |
Cái Chết | + 4 | 1 | 02 Nov 2021 18:52 |
Phía Bên Kia | + 6 | 1 | 06 Nov 2021 16:24 |
Bóng Tối | + 6 | 2 | 08 Nov 2021 00:21 |
Cơn Bão Hung Tàn Ở Vùng Đất Cổ Tích | + 9 | 1 | 12 Nov 2021 22:59 |
Các Giấc Mơ Thao Thức | + 6 | 1 | 20 Nov 2021 10:37 |
Một Giáng Sinh Keter | + 10 | 4 | 23 Dec 2021 17:54 |
Ngày Hôm Qua | + 8 | 1 | 30 Jan 2022 04:34 |
Rắn Và Thang | + 7 | 1 | 02 Feb 2022 04:40 |
"Tôi Nghỉ Việc" | + 9 | 1 | 04 Feb 2022 01:56 |
Tù Nhân | + 6 | 1 | 08 Feb 2022 05:29 |
Gia Đình | + 4 | 1 | 08 Feb 2022 16:12 |
Buổi Diễn | + 7 | 1 | 09 Feb 2022 15:27 |
Chị Em | + 6 | 1 | 10 Feb 2022 07:27 |
Sự Cố Zero - Phần 1 | + 10 | 1 | 13 Feb 2022 03:39 |
Sự Cố Zero - Phần 2 | + 10 | 1 | 15 Feb 2022 04:34 |
Sự Cố Zero - Phần 3 | + 11 | 1 | 17 Feb 2022 02:30 |
Sự Cố Zero - Phần 4 | + 9 | 1 | 18 Feb 2022 04:51 |
Sự Cố Zero - Phần 5 | + 8 | 1 | 19 Feb 2022 05:54 |
Hành Động Tức Thời | + 7 | 1 | 27 Feb 2022 05:29 |
Hạt Giống Của Một Ý Tưởng | + 10 | 1 | 02 Mar 2022 07:07 |
Biện Pháp Dự Phòng | + 11 | 1 | 05 Mar 2022 08:28 |
Giao Kèo Với Ác Quỷ | + 9 | 1 | 08 Mar 2022 05:04 |
Ý Nghĩa Của Biệt Hiệu? | + 8 | 1 | 11 Mar 2022 04:55 |
Chỉ Là Lề Thói | + 8 | 1 | 14 Mar 2022 04:51 |
Dự Án Liêm Chính | + 11 | 1 | 17 Mar 2022 07:56 |
Những Chiêu Trò Mới (hoặc: Văn Hóa Giới Trẻ Giết Chú Chó Của Tôi) | + 9 | 1 | 20 Mar 2022 02:34 |
Bầy Sói Trước Cửa | + 8 | 1 | 23 Mar 2022 05:28 |
Phản Ứng Phụ Thuộc Ánh Sáng | + 7 | 1 | 26 Mar 2022 04:39 |
Đêm Của Các Cô Nàng: Ăn Diện | + 6 | 1 | 01 Apr 2022 05:37 |
Đêm Của Các Cô Nàng: Rượu Chè | + 6 | 1 | 06 Apr 2022 05:49 |
Đêm Của Các Cô Nàng: Quậy Phá | + 7 | 1 | 10 Apr 2022 07:27 |
Tài Nguyên Bổ Sung | + 3 | 1 | 15 Apr 2022 11:30 |
Cơ Hội Việc Làm | + 3 | 1 | 22 Apr 2022 06:22 |
Đôi Cánh Của Pythia | + 3 | 1 | 29 Apr 2022 01:54 |
Số Một Với Viên Đạn | + 5 | 1 | 06 May 2022 05:58 |
Hội Đồng Tối Cao Với Binh Đoàn Ma Thuật | + 7 | 1 | 13 May 2022 06:40 |
Tình Thế Hiểm Nguy | + 6 | 1 | 25 May 2022 11:24 |
SCP-S | + 3 | 1 | 25 May 2022 13:41 |
Chiến Dịch "Trại Granada" | + 5 | 1 | 21 Jun 2022 13:14 |
Hành Động Dại Dột | + 7 | 1 | 18 Jul 2022 14:42 |
SCP | Đánh Giá | Bình Luận | Đăng |
---|---|---|---|
SCP-7000 - Vận May | + 4 | 1 | 31 Jul 2022 13:12 |
SCP-239 | + 8 | 1 | 25 Mar 2022 11:14 |
SCP-668 | + 5 | 1 | 01 Dec 2021 09:00 |
SCP-6131 | + 4 | 1 | 27 Nov 2021 13:50 |
SCP-5381 | + 7 | 2 | 26 Nov 2021 22:30 |
SCP-5686 | + 3 | 1 | 25 Nov 2021 13:27 |
SCP-5754 | + 5 | 1 | 25 Nov 2021 05:56 |
SCP-6106 | + 8 | 2 | 23 Nov 2021 05:21 |
SCP-6655 | + 15 | 3 | 01 Nov 2021 23:46 |
Đề Xuất Của spikebrennan | + 10 | 1 | 30 Oct 2021 01:55 |
SCP-4634 | + 4 | 1 | 27 Oct 2021 00:02 |
SCP-3936 | + 7 | 1 | 24 Oct 2021 03:10 |
SCP-6096 | + 12 | 2 | 22 Oct 2021 08:02 |
SCP-4352 | + 12 | 1 | 11 Oct 2021 02:38 |
SCP-4100 | + 8 | 1 | 06 Oct 2021 14:59 |
SCP-2980 | + 10 | 4 | 03 Oct 2021 09:30 |
SCP-4934 | + 9 | 1 | 30 Sep 2021 23:54 |
SCP-3186 | + 7 | 1 | 30 Sep 2021 10:04 |
SCP-3737 | + 5 | 3 | 26 Sep 2021 07:02 |
SCP-3108 | + 7 | 1 | 23 Sep 2021 11:28 |
SCP-4831 | + 6 | 1 | 16 Sep 2021 23:53 |
SCP-2117 | + 10 | 2 | 10 Sep 2021 03:29 |
SCP-4445-J | + 5 | 1 | 01 Aug 2021 09:52 |
SCP-2085 | + 15 | 1 | 10 Jul 2021 09:31 |
SCP-3741 | + 12 | 4 | 29 Jun 2021 03:39 |
SCP-4959 | + 3 | 1 | 15 Jun 2021 04:47 |
SCP-627 | + 4 | 1 | 11 May 2021 15:17 |
Tên | Đánh Giá | Bình Luận | Đăng |
---|---|---|---|
Bản Phân Tích Về Plokamisuchus | + 8 | 2 | 25 Jun 2021 06:22 |
LTE-0851-Cetus | + 8 | 1 | 10 Nov 2021 11:27 |
'Trứng Muối Kaiju' (OCN39/T5FG6/7HJL2) | + 10 | 1 | 15 Nov 2021 00:55 |
Herman Fuller Giới Thiệu: Thủy Quái Kinh Hoàng | + 8 | 1 | 15 Nov 2021 11:59 |
Tài Liệu UIU: 1988-021 | + 6 | 1 | 07 Dec 2021 18:29 |
Hồ Sơ GRU-P "MẶC NGƯ KHỔNG LỒ" | + 7 | 1 | 21 Dec 2021 08:43 |
Các Tài Liệu Khác Đã Dịch
Tiêu Đề | Đánh Giá | Bình Luận | Đăng |
---|---|---|---|
Mạt Thế Giao Tranh Hub | + 22 | 10 | 15 Apr 2021 08:56 |
Hồ Sơ An Ninh Cơ Sở: Khu Vực Cổ Vật Tôn Giáo-27 | + 5 | 7 | 06 Jun 2021 14:31 |
Đánh Cắp Chiến Hạm Solidarity Hub | + 11 | 4 | 31 Aug 2021 14:25 |
Dự Án Thaumiel | + 11 | 1 | 12 Sep 2021 07:35 |
Tái Sinh | + 16 | 1 | 31 Jan 2022 16:54 |
Tên | Đánh Giá | Bình Luận | Đăng |
---|---|---|---|
Tài Liệu Vật Thể Được Thu Hồi 2117-Ω-2A | + 5 | 1 | 10 Sep 2021 04:00 |
Sự Cố 668 A | + 2 | 1 | 01 Dec 2021 09:32 |
►FANARTS GALLERY◄
Nhật Ký Giấc Mơ Của Nya Piece
Bình minh, ờ, tại đô thị hoang tàn
Trực thăng và xe tải đến
Mang theo bột và nước ra cây ăn quả?
Bộ đàm dạng chim trong túi quần
Những cục pin kẹo cà phê?
Rồi, ừm, động đất
Tòa nhà đột nhiên rung chuyển
Mình không thể cử động và chỉ còn bóng tối
…
Mình cần đổi tư thế ngủ lại mới được
Giữa trưa tại hòn đảo ngập trong bão lửa
Phản lực và tàu chiến lao đến
Thứ gì đó từ đại dương trồi lên
Tiếng rè rè từ tai nghe của mình
Mình cần tí nước mới được
…/
Ừm, tiếng gầm rú từ đằng xa
Gió đột nhiên cất lên
Rồi ánh sáng lóe lên và sức nóng dữ dội
Ugh
Mình bị sốt rồi à?//
Mình đang ngồi trong xe jeep cũ kỹ được lái bởi
…
Sao mình không nhớ được người đó
Đến đâu rồi, à, bầu trời mang hỗn tạp sắc màu
Không một bóng người trên con đường đất rộng lớn
Có những sợi dây gai mọc lên… Ugh… bện vào nhau
Mình và chiếc xe bị thứ gì đó từ trên trời lao xuống rồi lộn vòng
Lại cảm thấy buồn nôn rồi, phải lấy cái xô
Một thứ hình người xuất hiện trước mắt mình
Nó bảo mình… là tên hèn nhát
Ghi chú: Chắc mình nên hỏi Glass về chúng, có lẽ chuyện này thuộc chuyên môn của anh ta.
Trích dẫn trang này theo sau:
"Hồ Sơ Nhân Sự của Ts. Nya Piece" bởi Nya Piece, từ SCP-VN Wiki. Nguồn: https://scp-vn.wikidot.com/profile-nya-piece. Được xuất bản dưới giấy phép CC-BY-SA Song song
Để biết thêm thông tin, truy cập Hướng dẫn giấy phép.
Thông Tin Giấy Phép
Toàn bộ các tác phẩm đồ họa tại trang này đều được bảo lưu giấy phép bởi họa sĩ của chúng
TUYỆT ĐỐI KHÔNG SỬ DỤNG NẾU KHÔNG ĐƯỢC CẤP PHÉP BỞI HỌA SĨ
Để biết thêm thông tin về nội dung trên wiki, ghé thăm Danh Sách Giấy Phép.