Per 
EVERY SINGLE MINUTE
@import url("https://use.typekit.net/afb2wxe.css"); @supports((display: -ms-grid) or (display: grid)) { :root { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "black-highlighter"; /* must be either "black-highlighter" or "sigma9" */ --theme-id: "AESTHETIC-theme"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "AESTHETIC Theme"; /* set this to your theme's full name */ /* Header */ --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:aesthetic-theme/AESTHETIC_logo.png"); /* Typefaces */ --body-font: prenton, serif; --header-font: flood-std, sans-serif; --title-font: eurostile-extended, sans-serif; --mono-font: novel-mono-pro, monospace; /* Standard Colors */ --white-monochrome: 217, 233, 251; --pale-gray-monochrome: 1, 245, 252; --light-pale-gray-monochrome: 170, 207, 251; --very-light-gray-monochrome: 26, 139, 235; --light-gray-monochrome: 150, 62, 184; --gray-monochrome: 92, 42, 95; --dark-gray-monochrome: 39, 6, 75; --black-monochrome: 14, 12, 45; --bright-accent: 250, 245, 45; --medium-accent: 255, 52, 131; --dark-accent: 195, 42, 158; --newpage-color: 204, 5, 166; --swatch-text-general: var(--swatch-text-light); --swatch-menutxt-general-color: var(--swatch-menutxt-light-color); --swatch-headerh2-color: var(--dark-gray-monochrome); --swatch-topmenu-border-color: var(--pale-gray-monochrome); --swatch-topmenu-bg-color: var(--dark-gray-monochrome); --swatch-border-color: var(--pale-gray-monochrome); --rating-module-text-color: var(--bright-accent); --rating-module-button-color: var(--bright-accent); --swatch-background: var(--black-monochrome, 14, 12, 45); --background-gradient-color: var(--dark-accent); --header-gradient-color-bottom: var(--light-gray-monochrome); --header-gradient-color-middle: var(--dark-accent); --header-gradient-color-top: var(--medium-accent); --gradient-header: linear-gradient(355deg, rgb(var(--header-gradient-color-bottom)) 0%, rgb(var(--header-gradient-color-middle)) 20%, rgb(var(--header-gradient-color-top)) 100%); --rating-module-text-color: var(--dark-gray-monochrome); --rating-module-button-color: var(--dark-gray-monochrome); --scrollbar-width: 0.5rem; } ::-webkit-scrollbar, #side-bar:hover::-webkit-scrollbar { background-color: rgba(var(--dark-gray-monochrome), 1); } ::-webkit-scrollbar-thumb, #side-bar:hover::-webkit-scrollbar-thumb { background-color: rgba(var(--pale-gray-monochrome), 1); } ::-moz-selection { background: rgba(var(--pale-gray-monochrome), 0.25); } ::selection { background: rgba(var(--pale-gray-monochrome), 0.25); } html { background: white; } html, body { color: rgb(var(--swatch-text-light)); -webkit-font-feature-settings: "onum"0; -moz-font-feature-settings: "onum"0; font-feature-settings: "onum"0; font-variant-numeric: tabular-nums; scrollbar-color: rgb(var(--pale-gray-monochrome)) rgb(var(--dark-gray-monochrome)); } a { color: rgb(var(--swatch-primary-darker)); } @supports((-webkit-mask-image: inherit) or (mask-image: inherit)) { #extra-div-1 { width: 100%; height: -webkit-calc(100% - var(--final-header-height-on-desktop)); height: -moz-calc(100% - var(--final-header-height-on-desktop)); height: calc(100% - var(--final-header-height-on-desktop)); position: absolute; top: var(--final-header-height-on-desktop); left: 0; background-image: var(--gradient-background); -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 2580' xml:space='preserve'%3E%3Cg id='Outrun Lines'%3E%3Cg%3E%3Crect width='1000' height='60'/%3E%3Crect y='63' width='1000' height='12'/%3E%3Crect y='78' width='1000' height='13'/%3E%3Crect y='94' width='1000' height='12'/%3E%3Crect y='109' width='1000' height='13'/%3E%3Crect y='125' width='1000' height='12'/%3E%3Crect y='141' width='1000' height='12'/%3E%3Crect y='157' width='1000' height='12'/%3E%3Crect y='172' width='1000' height='12'/%3E%3Crect y='187' width='1000' height='12'/%3E%3Crect y='203' width='1000' height='12'/%3E%3Crect y='219.5' width='1000' height='11'/%3E%3Crect y='234.5' width='1000' height='11'/%3E%3Crect y='249.5' width='1000' height='11'/%3E%3Crect y='265.5' width='1000' height='11'/%3E%3Crect y='281' width='1000' height='10'/%3E%3Crect y='297' width='1000' height='10'/%3E%3Crect y='313' width='1000' height='9'/%3E%3Crect y='328' width='1000' height='9'/%3E%3Crect y='343.5' width='1000' height='9'/%3E%3Crect y='359' width='1000' height='8'/%3E%3Crect y='374' width='1000' height='9'/%3E%3Crect y='391' width='1000' height='8'/%3E%3Crect y='407' width='1000' height='8'/%3E%3Crect y='422' width='1000' height='8'/%3E%3Crect y='437' width='1000' height='8'/%3E%3Crect y='453' width='1000' height='8'/%3E%3Crect y='469' width='1000' height='6'/%3E%3Crect y='485' width='1000' height='6'/%3E%3Crect y='501' width='1000' height='4'/%3E%3Crect y='517' width='1000' height='4'/%3E%3Crect y='533' width='1000' height='4'/%3E%3Crect y='549' width='1000' height='3'/%3E%3Crect y='564' width='1000' height='3'/%3E%3Crect y='579' width='1000' height='3'/%3E%3Crect y='595' width='1000' height='3'/%3E%3Crect y='611' width='1000' height='2'/%3E%3Crect y='627' width='1000' height='2'/%3E%3Crect y='643' width='1000' height='2'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%3E%3C/g%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' xmlns='https://www.w3.org/2000/svg' xmlns:xlink='https://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 2580' xml:space='preserve'%3E%3Cg id='Outrun Lines'%3E%3Cg%3E%3Crect width='1000' height='60'/%3E%3Crect y='63' width='1000' height='12'/%3E%3Crect y='78' width='1000' height='13'/%3E%3Crect y='94' width='1000' height='12'/%3E%3Crect y='109' width='1000' height='13'/%3E%3Crect y='125' width='1000' height='12'/%3E%3Crect y='141' width='1000' height='12'/%3E%3Crect y='157' width='1000' height='12'/%3E%3Crect y='172' width='1000' height='12'/%3E%3Crect y='187' width='1000' height='12'/%3E%3Crect y='203' width='1000' height='12'/%3E%3Crect y='219.5' width='1000' height='11'/%3E%3Crect y='234.5' width='1000' height='11'/%3E%3Crect y='249.5' width='1000' height='11'/%3E%3Crect y='265.5' width='1000' height='11'/%3E%3Crect y='281' width='1000' height='10'/%3E%3Crect y='297' width='1000' height='10'/%3E%3Crect y='313' width='1000' height='9'/%3E%3Crect y='328' width='1000' height='9'/%3E%3Crect y='343.5' width='1000' height='9'/%3E%3Crect y='359' width='1000' height='8'/%3E%3Crect y='374' width='1000' height='9'/%3E%3Crect y='391' width='1000' height='8'/%3E%3Crect y='407' width='1000' height='8'/%3E%3Crect y='422' width='1000' height='8'/%3E%3Crect y='437' width='1000' height='8'/%3E%3Crect y='453' width='1000' height='8'/%3E%3Crect y='469' width='1000' height='6'/%3E%3Crect y='485' width='1000' height='6'/%3E%3Crect y='501' width='1000' height='4'/%3E%3Crect y='517' width='1000' height='4'/%3E%3Crect y='533' width='1000' height='4'/%3E%3Crect y='549' width='1000' height='3'/%3E%3Crect y='564' width='1000' height='3'/%3E%3Crect y='579' width='1000' height='3'/%3E%3Crect y='595' width='1000' height='3'/%3E%3Crect y='611' width='1000' height='2'/%3E%3Crect y='627' width='1000' height='2'/%3E%3Crect y='643' width='1000' height='2'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%3E%3C/g%3E%3C/svg%3E%0A"); -webkit-mask-size: 8%; mask-size: 8%; -webkit-mask-position: top; mask-position: top; -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; pointer-events: none; opacity: 0.5; } } #header { -webkit-filter: initial; filter: initial; background: inherit; } #header-extra-div-1 { --drop-shadow: rgb(var(--pale-gray-monochrome)); width: 100%; position: absolute; top: 0; left: 0; z-index: -1; height: var(--final-header-height-on-desktop); background-image: url("https://nu-scptheme.github.io/Black-Highlighter/images/logo.svg"); background-image: var(--logo-image); background-repeat: no-repeat; background-position: left 0 top 0.1875rem; background-clip: border-box; -webkit-background-size: auto -webkit-calc(var(--header-height-on-desktop) - 00.75rem); -moz-background-size: auto -moz-calc(var(--header-height-on-desktop) - 0.75rem); -o-background-size: auto calc(var(--header-height-on-desktop) - 0.75rem); background-size: auto calc(var(--header-height-on-desktop) - 0.75rem); -webkit-filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow)); filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow)); display: block; pointer-events: none; } #extra-div-2 { --drop-shadow: rgb(var(--pale-gray-monochrome)); display: block; width: 100%; height: var(--header-height-on-desktop); top: 0; left: 0; position: absolute; background: url("https://scp-wiki.wdfiles.com/local--files/theme:aesthetic-theme/AESTHETIC_mtns.svg"); background-position: bottom; background-repeat: no-repeat; -webkit-background-size: 200% 200%; -moz-background-size: 200% 200%; -o-background-size: 200% 200%; background-size: 200% 200%; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); -webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); -webkit-filter: drop-shadow(-0.125rem 0.125rem 0rem var(--drop-shadow)); filter: drop-shadow(-0.125rem 0.125rem 1rem var(--drop-shadow)); pointer-events: none; } #header h1 { width: var(--body-width-on-desktop); } #header h1 a { width: var(--body-width-on-desktop); font-size: 2em; overflow-wrap: normal; margin-top: -webkit-calc(var(--header-height-on-desktop)/2 - 0.8em); margin-top: -moz-calc(var(--header-height-on-desktop)/2 - 0.8em); margin-top: calc(var(--header-height-on-desktop)/2 - 0.8em); margin-left: var(--header-height-on-desktop); } #header h1 a::after { --text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, )); content: "SCP Foundation"; content: var(--header-title); color: transparent; text-shadow: .063rem .063rem .063rem #0c0c0c; text-shadow: .063rem .063rem .063rem var(--text-shadow); overflow-wrap: normal; position: absolute; z-index: -1; width: var(--body-width-on-desktop); left: var(--header-height-on-desktop); } @supports(-webkit-background-clip: text) { #header h1 a::before { color: rgb(255, 219, 90); color: rgb(var(--bright-accent)); text-shadow: inherit; background: -webkit-gradient(linear, left bottom, left top, from(rgb(var(--dark-gray-monochrome))), color-stop(20%, rgb(var(--dark-gray-monochrome))), color-stop(40%, rgb(var(--dark-accent))), color-stop(70%, rgb(var(--pale-gray-monochrome)))); background: -webkit-linear-gradient(bottom, rgb(var(--dark-gray-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 20%, rgb(var(--dark-accent)) 40%, rgb(var(--pale-gray-monochrome)) 70%); background: -moz-linear-gradient(bottom, rgb(var(--dark-gray-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 20%, rgb(var(--dark-accent)) 40%, rgb(var(--pale-gray-monochrome)) 70%); background: -o-linear-gradient(bottom, rgb(var(--dark-gray-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 20%, rgb(var(--dark-accent)) 40%, rgb(var(--pale-gray-monochrome)) 70%); background: linear-gradient(to top, rgb(var(--dark-gray-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 20%, rgb(var(--dark-accent)) 40%, rgb(var(--pale-gray-monochrome)) 70%); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow-wrap: normal; padding-right: 1em; } } #header h2 span { margin-left: -webkit-calc(var(--header-height-on-desktop)); margin-left: -moz-calc(var(--header-height-on-desktop)); margin-left: calc(var(--header-height-on-desktop)); } #header h2 span::before { --text-shadow: rgb(var(--pale-gray-monochrome)); text-shadow: .063rem .063rem .063rem var(--text-shadow); letter-spacing: 0.5em; } #search-top-box input.empty { color: rgba(var(--swatch-primary-darker)); } #top-bar { font-size: var(--base-font-size); } #top-bar div.top-bar > ul > li > a, #top-bar div.mobile-top-bar > ul > li > a { --text-shadow: rgb(var(--pale-gray-monochrome)); padding: .3rem; color: rgb(var(--swatch-primary)) !important; text-shadow: -0.0625rem -0.0625rem 0 var(--text-shadow); text-transform: uppercase; } #top-bar div.top-bar > ul > li > ul { top: -webkit-calc(0.0625rem * -3); top: -moz-calc(0.0625rem * -3); top: calc(0.0625rem * -3); } #top-bar div.top-bar > ul > li > a::after { background: -webkit-gradient(linear, left top, right top, from(rgba(var(--swatch-topmenu-border-color), 0.5)), to(rgba(var(--swatch-topmenu-border-color), 1))); background: -webkit-linear-gradient(left, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: -moz-linear-gradient(left, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: -o-linear-gradient(left, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: linear-gradient(to right, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); } #top-bar div.top-bar > ul > li > a::before { background: -webkit-gradient(linear, right top, left top, from(rgba(var(--swatch-topmenu-border-color), 0.5)), to(rgba(var(--swatch-topmenu-border-color), 1))); background: -webkit-linear-gradient(right, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: -moz-linear-gradient(right, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: -o-linear-gradient(right, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); background: linear-gradient(to left, rgba(var(--swatch-topmenu-border-color), 0.5), rgba(var(--swatch-topmenu-border-color), 1)); } #top-bar li ul, #top-bar:not(:hover) li ul { -webkit-transform: translate(0, 0.3rem); -ms-transform: translate(0, 0.3rem); -o-transform: translate(0, 0.3rem); -moz-transform: translate(0, 0.3rem); transform: translate(0, 0.3rem); } #top-bar div.top-bar > ul > li > ul > li > a { --wght: 600; font-weight: 600; } #top-bar div.top-bar > ul > li > ul > li > a::before, #top-bar div.top-bar > ul > li > ul > li > ul > li > a::before, #top-bar div.top-bar > ul > li > ul > li > a:hover::before { background: var(--gradient-header); background-attachment: fixed; background-position: top; -webkit-background-origin: border-box; -moz-background-origin: border-box; -o-background-origin: border-box; background-origin: border-box; -webkit-background-size: 100vh 100vh; -moz-background-size: 100vh; -o-background-size: 100vh; background-size: 100vh; } #side-bar, #side-bar:hover { background: -webkit-gradient(linear, left top, left bottom, from(rgb(var(--black-monochrome))), color-stop(50%, rgb(var(--dark-gray-monochrome))), to(rgb(var(--dark-accent)))); background: -webkit-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 50%, rgb(var(--dark-accent)) 100%); background: -moz-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 50%, rgb(var(--dark-accent)) 100%); background: -o-linear-gradient(top, rgb(var(--black-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 50%, rgb(var(--dark-accent)) 100%); background: linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 50%, rgb(var(--dark-accent)) 100%); background-attachment: fixed; -webkit-background-size: 400vh 400vh; -moz-background-size: 400vh; -o-background-size: 400vh; background-size: 400vh; -webkit-background-origin: border-box; -moz-background-origin: border-box; -o-background-origin: border-box; background-origin: border-box; background-position: top left; } #side-bar div.menu-item { --text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, )); border-bottom: 0.0625rem solid rgb(var(--swatch-border-color)); border-top: 0.0625rem solid rgb(var(--swatch-border-color)); margin-top: -0.0625rem; text-shadow: .063rem .063rem .063rem #0c0c0c; text-shadow: .063rem .063rem .063rem var(--text-shadow); } #side-bar div.menu-item > :not(:nth-child(2)):not(.collapsible-block) { border-left: 0.0625rem solid rgb(var(--swatch-border-color)); } #side-bar div.menu-item a, #side-bar div.menu-item a:visited, #side-bar div.menu-item a:active, #side-bar div.menu-item .text { --text-shadow: rgb(var(--black-monochrome)); --wght: 600; color: rgb(var(--swatch-primary)); letter-spacing: 0.1em; word-spacing: 0.1em; font-weight: 600; text-shadow: -0.0625rem -0.0625rem 0 var(--text-shadow); } #side-bar div.menu-item a::before, #side-bar div.menu-item a:hover::before { background: var(--gradient-header); background-attachment: fixed; background-position: top; -webkit-background-origin: border-box; -moz-background-origin: border-box; -o-background-origin: border-box; background-origin: border-box; -webkit-background-size: 100vh 100vh; -moz-background-size: 100vh; -o-background-size: 100vh; background-size: 100vh; } #side-bar div.menu-item > a:last-of-type { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #side-bar .heading, #side-bar .side-block > .collapsible-block:nth-child(1) .collapsible-block-folded { background: initial; } #side-bar .heading p, #side-bar .side-block > .collapsible-block .collapsible-block-link { --text-shadow: rgb(var(--swatch-text-dark, 12, 12, 12, )); --wght: 900; letter-spacing: 0.05rem; font-weight: 900; font-size: 1.25rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1rem 0 1rem 0.5rem; color: rgb(var(--pale-gray-monochrome)); font-family: var(--header-font); text-transform: none; } /*@supports(-webkit-background-clip: text) { #side-bar .heading p, #side-bar .side-block > .collapsible-block .collapsible-block-link { background: linear-gradient(to top, rgb(var(--dark-gray-monochrome)) 0%, rgb(var(--dark-gray-monochrome)) 20%, rgb(var(--dark-accent)) 40%, rgb(var(--pale-gray-monochrome)) 70%); -webkit-background-size: cover; background-size: 400vh; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-attachment: fixed; background-repeat: repeat; } }*/ #side-bar .side-block[style*="background-color:"] { padding-bottom: 0.5rem; } #side-bar .side-block[style*="background-color:"] * { margin-left: 0 !important; } #side-bar .side-block[style*="background-color:"] .heading { margin-top: .25rem; } #side-bar .heading p::after, #side-bar .side-block > .collapsible-block .collapsible-block-link::after { bottom: -0.6rem; } #side-bar .heading p::before, #side-bar .side-block > .collapsible-block .collapsible-block-link::before { top: -0.6rem; } #side-bar div.menu-item .sub-text { color: rgba(var(--swatch-primary), 1); } #main-content { z-index: 1; position: relative; } #page-title { color: rgb(var(--pale-gray-monochrome)); border-color: rgba(0, 0, 0, 0); } blockquote, .blockquote { background-color: rgba(var(--gray-monochrome), 0.25); border: 0.0625rem solid rgb(var(--swatch-border-color)); } blockquote:nth-of-type(odd) { border-color: rgb(var(--swatch-border-color)); } blockquote:nth-of-type(even) { border-color: rgb(var(--swatch-primary)); } .yui-navset .yui-content { background-color: rgba(var(--gray-monochrome), 0.25); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { --box-shadow: rgb(var(--swatch-border-color)); border-color: rgb(var(--swatch-border-color)); -webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 var(--box-shadow); -moz-box-shadow: 0 -moz-calc(0.0625rem * 5) 0 0 var(--box-shadow); box-shadow: 0 calc(0.0625rem * 5) 0 0 var(--box-shadow); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { --wght: 600; background-color: rgb(var(--swatch-menubg-black-color)); color: rgb(var(--swatch-text-light)); font-weight: 600; } .yui-navset .yui-nav .selected a { color: rgb(var(--black-monochrome)) !important; } table.wiki-content-table th { background: rgb(var(--swatch-primary-darker)); color: rgb(var(--dark-gray-monochrome)); } table.wiki-content-table, table.wiki-content-table th, table.wiki-content-table td { border: .0625rem solid rgba(var(--swatch-border-color), 1) !important; border-collapse: collapse; } .code { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); border-color: rgb(var(--swatch-border-color)); } .hl-main { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); } .scp-image-block .scp-image-caption { background-color: rgba(var(--swatch-menubg-dark-color), 0.25); } .scp-image-block img { border: 0.0625rem solid rgba(var(--swatch-border-color)); } a:visited { color: rgb(var(--swatch-primary-darker)); } h1 { color: rgb(var(--swatch-primary)) !important; } hr { border-top: none; position: relative; height: 0.35rem; background: rgba(0, 0, 0, 0); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } hr::before { content: " "; position: absolute; top: 0.1125rem; left: 0; border-top: none; width: 100%; height: 0.125rem; background: -webkit-linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: -o-linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: -moz-linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: -webkit-linear-gradient(80deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: -moz-linear-gradient(80deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: -o-linear-gradient(80deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background: linear-gradient(10deg, rgba(var(--gray-monochrome), 0.15) 0%, rgba(var(--pale-gray-monochrome), 1) 50%, rgba(var(--gray-monochrome), 0.15) 100%); background-position: center center; -webkit-filter: blur(0.04rem); filter: blur(0.04rem); } .page-rate-widget-box { background: -webkit-gradient(linear, right bottom, left top, color-stop(0, rgba(var(--swatch-primary), 1)), to(rgba(var(--swatch-primary-darkest), 1))) !important; background: -webkit-linear-gradient(bottom right, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important; background: -moz-linear-gradient(bottom right, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important; background: -o-linear-gradient(bottom right, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important; background: linear-gradient(to top left, rgba(var(--swatch-primary), 1) 0, rgba(var(--swatch-primary-darkest), 1) 100%) !important; } form#edit-page-form { background-color: rgba(var(--dark-accent), 0.25); border: 0.0625rem solid rgb(var(--light-gray-monochrome)); } textarea, input.text { background-color: rgb(var(--black-monochrome)); color: rgb(var(--white-monochrome)); padding: 0.5em; } #lock-info { background-color: rgb(var(--black-monochrome)); } div.buttons input, input.button, button, file, a.button { --wght: 600; font-weight: 600; background-color: rgb(var(--gray-monochrome)); color: rgb(var(--medium-accent)); border: 0.0625rem solid rgb(var(--light-gray-monochrome)); -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } div.buttons input:hover, input.button:hover, button:hover, a.button:hover { background-color: rgb(var(--dark-gray-monochrome)); color: rgb(var(--pale-gray-monochrome)); cursor: pointer; } div#page-info, div.page-watch-options { padding: 0 1em; } div#page-options-bottom { width: 90%; margin-bottom: 2.125rem; margin-left: auto; margin-right: auto; } div#page-options-bottom-2 { width: 90%; margin-top: -2.125rem; margin-left: auto; margin-right: auto; } div#page-options-bottom, div#page-options-bottom-2 { text-align: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } div#page-options-bottom, div#page-options-bottom-2, div#page-options-bottom > a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } div#page-options-bottom > a, div#page-options-bottom-2 > a { --wght: 700; -webkit-box-flex: 2; -webkit-flex-grow: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding: .25rem; -webkit-border-radius: .25rem; -moz-border-radius: .25rem; border-radius: .25rem; color: rgb(var(--medium-accent)); background-color: rgba(var(--swatch-menubg-dark-color), 0.25); border: 0.125rem solid rgba(var(--swatch-border-color), 0.25); font-weight: 700; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -o-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } div#page-options-bottom-2 > a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } div#page-options-bottom > a:hover, div#page-options-bottom > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom-2 > a:active { text-decoration: none; background-color: rgb(var(--dark-gray-monochrome)); color: rgb(var(--pale-gray-monochrome)); } .owindow .title { background-color: rgb(var(--swatch-menubg-dark-color)); } .title.modal-header, .owindow, .hovertip { background-color: rgb(var(--swatch-primary-darkest)); background: var(--gradient-header); } .owindow .button-bar a { background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--white-monochrome)); } iframe.scpnet-interwiki-frame { -webkit-filter: invert(0.8) hue-rotate(120deg) saturate(6); filter: invert(0.8) hue-rotate(120deg) saturate(6); } #license-area { color: rgba(var(--pale-gray-monochrome), 0.75); } @media only screen and (max-width: 768px) { :root { --header-h1-font-size:-webkit-calc(var(--header-h1-font-size)*1.25); --header-h1-font-size:-moz-calc(var(--header-h1-font-size)*1.25); --header-h1-font-size:calc(var(--header-h1-font-size)*1.25) } #search-top-box:not(:focus-within)::before { color: rgb(var(--swatch-primary)); } #header-extra-div-1 { --size: -webkit-calc(var(--final-header-height-on-mobile) - 0.875rem); --size: -moz-calc(var(--final-header-height-on-mobile) - 0.875rem); --size: calc(var(--final-header-height-on-mobile) - 0.875rem); --y-offset: 1.5rem; -webkit-background-size: var(--size), 100% var(--header-height-on-mobile); -moz-background-size: var(--size), 100% var(--header-height-on-mobile); -o-background-size: var(--size), 100% var(--header-height-on-mobile); position: -webkit-sticky; position: absolute; top: 0; margin: 0; background-image: url(https://nu-scptheme.github.io/Black-Highlighter/images/logo.svg); background-image: var(--logo-image); background-position: -webkit-calc(var(--header-height-on-mobile) - .75rem - var(--size)) -webkit-calc((var(--size)*-1 + var(--header-height-on-mobile) + var(--y-offset))/2); background-position: -moz-calc(var(--header-height-on-mobile) - .75rem - var(--size)) -moz-calc((var(--size)*-1 + var(--header-height-on-mobile) + var(--y-offset))/2); background-position: calc(var(--header-height-on-mobile) - .75rem - var(--size)) calc((var(--size)*-1 + var(--header-height-on-mobile) + var(--y-offset))/2); background-repeat: no-repeat, repeat; background-size: var(--size), 100% var(--header-height-on-mobile); width: 100vw; height: var(--header-height-on-mobile); grid-area: header; z-index: -1; } #header h1 a { font-size: -webkit-calc(var(--header-h1-font-size)*1.25); font-size: -moz-calc(var(--header-h1-font-size)*1.25); font-size: calc(var(--header-h1-font-size)*1.25); margin-top: -webkit-calc(var(--header-height-on-mobile)/2 - 1.25em); margin-top: -moz-calc(var(--header-height-on-mobile)/2 - 1.25em); margin-top: calc(var(--header-height-on-mobile)/2 - 1.25em); } #header h1 a::before { -webkit-filter: drop-shadow(0.15rem 0.15rem 0rem rgba(var(--black-monochrome))); filter: drop-shadow(0.15rem 0.15rem 0rem rgba(var(--black-monochrome))); } #header h2 span { --wght: 600; margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + 0.8em); margin-top: -moz-calc(var(--header-height-on-mobile)/2 + 0.8em); margin-top: calc(var(--header-height-on-mobile)/2 + 0.8em); font-size: 115%; font-weight: 600; line-height: 1; width: 50%; -webkit-filter: drop-shadow(-0.25rem 0.25rem 0rem rgba(var(--light-gray-monochrome))); filter: drop-shadow(-0.25rem 0.25rem 0rem rgba(var(--light-gray-monochrome))); } #header h2 span::before { color: rgb(var(--black-monochrome)); letter-spacing: 0.15em; } #top-bar div.mobile-top-bar > ul > li > a { font-size: 100%; } #extra-div-2 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #header h2 span::before { letter-spacing: 0.25em; } } }
@supports((display: -ms-grid) or (display: grid)) { :root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); } #header { background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center -3.5rem; -webkit-background-size: auto 8rem; -moz-background-size: auto 8rem; -o-background-size: auto 8rem; background-size: auto 8rem; background-position: center top; opacity: 0.45; pointer-events: none; } #header h1, #header h1 a, #header h1 a::before { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-height: inherit; z-index: 0; } #header>h1>a>span { width: 100%; height: 100%; top: 0; left: 0; max-width: inherit; } #header h1 { height: -webkit-calc(100% - 2.25rem); height: -moz-calc(100% - 2.25rem); height: calc(100% - 2.25rem); } #header h1 a::before, #header h1 a { text-align: center; line-height: 0.8; } #header h2, #header h2 span, #header h2 span::before { position: absolute; left: 0; top: 0.15em; margin-left: 0; padding: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; max-height: inherit; z-index: 0; text-transform: uppercase; pointer-events: none; } #login-status { min-height: -webkit-calc(var(--base-font-size) * 1.5); min-height: -moz-calc(var(--base-font-size) * 1.5); min-height: calc(var(--base-font-size) * 1.5); -webkit-border-radius: .0625rem; -moz-border-radius: .0625rem; border-radius: .0625rem; -webkit-border-radius: var(--border-radius-width); -moz-border-radius: var(--border-radius-width); border-radius: var(--border-radius-width); color: rgb(var(--pale-gray-monochrome)); background-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; left: 3%; right: initial; } #login-status .printuser { --wght: 900; position: relative; top: 0; left: 0; color: rgb(var(--swatch-menutxt-light-color)); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0.25rem; margin: 0; font-weight: 900; } #login-status #my-account { --wght: 300; color: rgb(var(--pale-gray-monochrome)); font-weight: 300; } #login-status #account-topbutton { border: initial; padding: 0.5em 0.5em 0.5em 0.25em; position: relative; height: 100%; top: 0; left: 0; margin: 0; font-size: 1em; } #account-options { width: auto; padding: 0.5em; border-color: rgba(var(--bright-accent)); background: var(--gradient-header); color: rgb(var(--swatch-text-light)); } #account-options ul li a { color: rgb(var(--swatch-text-light)); } #account-options li a:hover { color: rgb(var(--swatch-text-light)); text-decoration: underline; } @media only screen and (min-width: 769px) { #search-top-box { right: 3%; top: 0.5rem; } #search-top-box-form>input, #search-top-box-form>input:hover, #search-top-box-form>input:focus { background: rgb(var(--black-monochrome)); } #search-top-box-form>input { -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color)); -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color)); box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color)); } #search-top-box-form>input:hover, #search-top-box-form>input:focus { -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color)); -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color)); box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color)); } #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover { border: none; border-left: 0.0625rem solid rgb(var(--swatch-primary-darkest)); -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color)); -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color)); box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color)); } #search-top-box-form input[type="submit"] { background: rgb(var(--swatch-primary-darkest)); color: rgb(var(--swatch-menutxt-light-color)); } #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover { background: rgb(var(--swatch-primary)); -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color)); -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color)); box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color)); } } #page-title { text-align: center; } @media only screen and (max-width:768px) { :root { --header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); } #header h1, #header h1 a, #header h1 a::before { top: 0.25rem; } #header h2, #header h2 a, #header h2 a::before { top: 0; } #header h2 span { margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem); margin-top: -moz-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem); margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - .25rem); } }
#header::before { display: none; } #header-extra-div-1 { background-position: center top 0.1875rem; } #header h1 a::after { left: initial; margin-left: 0.25rem; } #extra-div-2 { background-size: 250% 200%; }
