@supports((display: -ms-grid) or (display: grid)) { @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.25rem; left: 0.5rem; width: 3rem; opacity: 1; pointer-events: all; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.25rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; -webkit-transition: opacity var(--sidebar-transition-timing); -o-transition: opacity var(--sidebar-transition-timing); -moz-transition: opacity var(--sidebar-transition-timing); transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='32px' id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--swatch-menubg-color))) !important; -webkit-border-radius: var(--toggle-roundness, 50%); -moz-border-radius: var(--toggle-roundness, 50%); border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--swatch-border-color))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; } #side-bar { display: block; position: fixed; top: 0; left: -webkit-calc(var(--sidebar-width-on-desktop)*-1); left: -moz-calc(var(--sidebar-width-on-desktop)*-1); left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; -webkit-transition: left var(--sidebar-transition-timing); -o-transition: left var(--sidebar-transition-timing); -moz-transition: left var(--sidebar-transition-timing); transition: left var(--sidebar-transition-timing); height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; -webkit-transition: opacity var(--sidebar-transition-timing), width var(--sidebar-transition-timing); -o-transition: opacity var(--sidebar-transition-timing), width var(--sidebar-transition-timing); -moz-transition: opacity var(--sidebar-transition-timing), width var(--sidebar-transition-timing); transition: opacity var(--sidebar-transition-timing), width var(--sidebar-transition-timing); margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within~#main-content::before { width: -webkit-calc(100% - var(--sidebar-width-on-desktop)); width: -moz-calc(100% - var(--sidebar-width-on-desktop)); width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: -webkit-calc(100vw - (100vw - 100%)); width: -moz-calc(100vw - (100vw - 100%)); width: calc(100vw - (100vw - 100%)); min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem))); min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem))); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); -webkit-box-flex: 2; -webkit-flex-grow: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; width: 45.8rem; max-width: 45.8rem; margin: 0 auto; } @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { #side-bar { -webkit-transition: left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing); -o-transition: left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing); -moz-transition: left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing); transition: left var(--sidebar-transition-timing), padding-right var(--sidebar-transition-timing), background-color var(--sidebar-transition-timing); padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity var(--sidebar-transition-timing); transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: -webkit-calc(100% - var(--sidebar-width-on-desktop)); width: -moz-calc(100% - var(--sidebar-width-on-desktop)); width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } } }
@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); } }
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); @import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap); @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: "penumbra-bhl"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Penumbra BHL Theme"; /* set this to your theme's full name */ --lgurl: var(--logo-image); --header-subtitle: "SECURE - CONTAIN - PROTECT"; /* Typefaces */ --body-font: "Roboto", sans-serif; --header-font: "Josefin Sans", sans-serif; --title-font: "Josefin Sans", sans-serif; --mono-font: "Fira Code", "Andale Mono", "Courier New", Courier, monospace; /* Standard Colors */ --white-monochrome: 248, 248, 248; /* white */ --pale-gray-monochrome: 237, 237, 237; /* v light gray for blockquotes and stuff */ --light-pale-gray-monochrome: 237, 237, 237; /* very light pale gray for misc. use */ --very-light-gray-monochrome: 215, 215, 215; /* very light accent gray for misc. use */ --light-gray-monochrome: 160, 160, 160; /* light accent gray for login status */ --gray-monochrome: 66, 66, 72; /* gray */ --dark-gray-monochrome: 47, 51, 60; /* dark accent gray for sidebar background */ --black-monochrome: 33, 37, 46; /* black */ --accentColor: 30, 181, 232; /*Penumbra Accent Color*/ --pale-accent: var(--accentColor); /* light red, for visited links */ --bright-accent: var(--accentColor); /* bright red */ --medium-accent: var(--accentColor); /* medium red - the "default" accent color */ --dark-accent: var(--accentColor); /* dark red */ --alt-accent: 221, 102, 17; /* pale orange, for newpage links */ /* Background and Header Colors */ --background-gradient-color: var(--black-monochrome); /* Primary Theme Colors */ --swatch-background: var(--dark-gray-monochrome); /* Primary Text Colors */ --swatch-text-light: var(--pale-gray-monochrome); --swatch-text-general: var(--swatch-text-light); /* Primary Menu Colors */ --swatch-menubg-color: var(--black-monochrome); --swatch-menutxt-general-color: var(--swatch-menutxt-light-color); /* Primary Header Colors */ --swatch-headerh1-color: var(--bright-accent); --swatch-headerh2-color: var(--bright-accent); /* Link Colors */ --sidebar-links-text: var(--bright-accent); /* Rating Module Colors */ --rating-module-button-color: var(--white-monochrome); --rating-module-text-color: var(--swatch-menutxt-light-color); /* Header Gradients */ --diagonal-stripes: initial; /* header measurements */ --header-height-on-desktop: 8.750rem; --header-height-on-mobile: 8.750rem; --header-h1-font-size: -webkit-calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h1-font-size: -moz-calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h1-font-size: calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h2-font-size: -webkit-calc(var(--base-font-size) * 1.15); --header-h2-font-size: -moz-calc(var(--base-font-size) * 1.15); --header-h2-font-size: calc(var(--base-font-size) * 1.15); /* Toggle Sidebar Variable */ --toggle-roundness: 0; } html, body { scrollbar-color: rgb(var(--swatch-primary)) rgb(var(--black-monochrome)); } body { background-image: var(--gradient-background); -webkit-background-size: 100% var(--background-gradient-distance); -moz-background-size: 100% var(--background-gradient-distance); background-size: 100% var(--background-gradient-distance); } .danger-diamond a, .danger-diamond a:hover { color: rgba(0, 0, 0, 0) !important; -webkit-box-shadow: initial !important; -moz-box-shadow: initial !important; box-shadow: initial !important; } #header::before { background-image: var(--lgurl); opacity: 0.15; -webkit-background-size: auto 8rem; -moz-background-size: auto 9.5rem; background-size: auto 9.5rem; } #header h1 a { text-transform: uppercase; } #header h1, #header h1 a, #header h1 a::before { top: 0.35rem; } #header h2, #header h2 span, #header h2 apan::before { top: calc(var(--header-h2-font-size) * 0.6); ; } #side-bar .heading, #side-bar .side-block>.collapsible-block:first-child .collapsible-block-folded { background: none; border-bottom: 0.0625rem solid rgb(var(--pale-gray-monochrome)); -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; flex-basis: 90%; margin: 0.5rem auto 0.125rem; font-family: var(--header-font); } #side-bar .heading p, #side-bar .side-block>.collapsible-block .collapsible-block-link { text-transform: none; text-align: left; text-indent: 1rem; font-size: 0.94rem; } #page-content { font-size: 0.9rem !important; } #page-title { color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-text-general)); padding: 0; } h1, h2, h3, h4, h5, h6 { color: rgb(var(--swatch-primary)); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: rgb(var(--white-monochrome)); } #login-status #my-account { --wght: 400; font-weight: 400; } #top-bar div.mobile-top-bar > ul > li > ul > li > a, #top-bar div.top-bar > ul > li > ul > li > a { --wght: 400; font-weight: 400; } #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(--black-monochrome)); } #page-content a:not([href*="user"]):not([href*="javascript:;"]) { padding: 0.15em; margin: -0.15em; color: rgb(var(--white-monochrome)); -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -webkit-transition: color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):hover { padding: 0.3em 0.25em 0.2em 0.25em; margin: -0.25em; -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } .page-rate-widget-box { background: rgb(var(--black-monochrome)); } /* Ayer's info-bar patch by Monkatraz */ #page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #page-content .info-container .collapsible-block-link::before, #page-content .info-container .collapsible-block-unfolded-link::before { content: " "; display: none; } #page-content .info-container .collapsible-block-content::after { display: none; } blockquote, div.blockquote, #toc { background-color: rgb(var(--black-monochrome)); border: solid 0.125rem rgb(var(--dark-gray-monochrome)); -webkit-box-shadow: -0.188rem 0px 0px -0.006rem rgb(var(--swatch-primary)); -moz-box-shadow: -0.188rem 0px 0px -0.006rem rgb(var(--swatch-primary)); box-shadow: -0.188rem 0px 0px -0.006rem rgb(var(--swatch-primary)); } .code { background-color: rgb(var(--black-monochrome)); border: solid 0.1875rem rgb(var(--dark-gray-monochrome)); box-shadow: none; } .code pre, .code p, .code { font-size: 0.87rem; background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); } .code pre { white-space: pre-wrap; } .code pre span[class*="hl-"] { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); } .yui-navset .yui-nav { width: 100%; } .yui-navset .yui-nav a { -webkit-transition: background-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); transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { -webkit-box-shadow: initial; -moz-box-shadow: initial; box-shadow: initial; } .yui-navset .yui-nav li { background-color: rgb(var(--black-monochrome)); padding-top: 0.25em; -webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forward; -moz-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; animation-play-state: paused; } .yui-navset .yui-nav li:hover { background-color: rgb(var(--swatch-primary)); } .yui-navset .yui-nav li em { -webkit-transition: -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1); color: rgb(var(--swatch-menutxt-light-color)); } .yui-navset .yui-nav li:hover em { color: rgb(var(--swatch-menutxt-dark-color)); } .yui-navset .yui-nav .selected { margin-top: -0.5em; padding-top: 0.5em; margin-right: 0.0625rem; background-color: rgb(var(--swatch-primary)); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-play-state: running; -moz-animation-play-state: running; animation-play-state: running; } .yui-navset .yui-nav .selected a em { -webkit-transform: translateY(-0.25em); -moz-transform: translateY(-0.25em); -ms-transform: translateY(-0.25em); transform: translateY(-0.25em); color: rgb(var(--black-monochrome)); } .yui-navset .yui-nav a, .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:active, .yui-navset .yui-nav a:focus-within { background: rgba(0, 0, 0, 0) !important; font-family: var(--title-font); font-weight: 700; isolation: isolate; } .yui-navset .yui-nav a::before, .yui-navset .yui-nav a::after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; pointer-events: none; } .yui-navset .yui-nav a:hover::before, .yui-navset .yui-nav a:focus::before, .yui-navset .yui-nav .selected a::before { -webkit-mask-position: center 0px !important; mask-position: center 0px !important; background-position: 100% 200vh; } .yui-navset .yui-nav a:hover::after, .yui-navset .yui-nav a:focus::after, .yui-navset .yui-nav .selected a::after { opacity: 0; -webkit-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-direction: backwards; -moz-animation-direction: backwards; animation-direction: backwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; } .yui-navset .yui-content { background: rgb(var(--black-monochrome)); border: none; margin-top: 0.25rem; } table.wiki-content-table tr { border: none !important; } table.wiki-content-table th { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-primary)); ; font-family: var(--title-font); font-weight: 700; text-transform: uppercase; padding-top: 0.4em; } table.wiki-content-table th, table.wiki-content-table td { border: solid 0.0625rem rgb(var(--swatch-primary)) !important; } hr { border-color: rgb(var(--accentColor)); background-color: rgb(var(--accentColor)); } /*---- TAB ANIMATION by Croquembouche ---- */ .yui-navset .yui-content>div { display: block; top: 0; overflow: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .yui-navset .yui-content>div[style*="none"] { display: block !important; -webkit-box-flex: 0; -webkit-flex: 0; -moz-box-flex: 0; -ms-flex: 0; flex: 0; max-height: 0; padding: 0 0.5em; border-width: 0; /* The following transition affects the one that DISAPPEARS */ -webkit-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, -webkit-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s, -webkit-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; -moz-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s, -moz-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0s; -webkit-animation: tab-disappear 0.5s ease-in-out 0s 1 both; -moz-animation: tab-disappear 0.5s ease-in-out 0s 1 both; animation: tab-disappear 0.5s ease-in-out 0s 1 both; } .yui-navset .yui-content>div[style*="block"] { display: block !important; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-height: 9999rem; /* The following transition affects the one that APPEARS */ -webkit-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, -webkit-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s, -webkit-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; -moz-transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, -moz-box-flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18, .51, .54, .9) 0.5s; -webkit-animation: tab-appear 0.5s ease-in-out 0.5s 1 both; -moz-animation: tab-appear 0.5s ease-in-out 0.5s 1 both; animation: tab-appear 0.5s ease-in-out 0.5s 1 both; } @-webkit-keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @-moz-keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @-webkit-keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } @-moz-keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } @keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } /* fancy collapsible */ #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { background: rgb(var(--black-monochrome)); -webkit-transition: background 0.25s linear; -moz-transition: background 0.25s linear; transition: background 0.25s linear; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; width: -webkit-min-content; width: -moz-min-content; width: min-content; white-space: nowrap; overflow: hidden; margin: auto; } #page-content .collapsible-block-folded .collapsible-block-link::before { content: "▷ "; } #page-content .collapsible-block-unfolded .collapsible-block-link::before { content: "▽ "; } #page-content .collapsible-block-link { text-decoration: none; color: rgb(var(--white-monochrome)); font-weight: 700; } #page-content .collapsible-block-link:hover { color: rgb(var(--black-monochrome)); } #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover { background: rgb(var(--swatch-primary)); } #page-content .collapsible-block-unfolded-link { -webkit-box-shadow: 0px -0.26rem 0px 0px rgb(var(--swatch-primary)); -moz-box-shadow: 0px -0.26rem 0px 0px rgb(var(--swatch-primary)); box-shadow: 0px -0.26rem 0px 0px rgb(var(--swatch-primary)); } #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { margin-top: 0.625rem; margin-bottom: 0.625rem; } .scp-image-block { border: solid 0.5rem rgb(var(--black-monochrome)); border-bottom: solid 0px rgb(var(--black-monochrome)); -webkit-box-shadow: 0px 0.26rem 0px 0px rgb(var(--accentColor)); -moz-box-shadow: 0px 0.26rem 0px 0px rgb(var(--accentColor)); box-shadow: 0px 0.26rem 0px 0px rgb(var(--accentColor)); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .scp-image-block .scp-image-caption { background-color: rgb(var(--black-monochrome)); border: solid 0.25rem rgb(var(--black-monochrome)); color: rgb(var(--pale-gray-monochrome)); font-size: 0.84rem; } a.footnoteref { padding: 0.05em; color: rgb(var(--swatch-primary)); -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1); box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1); -webkit-transition: color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } a.footnoteref:hover { -webkit-box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1); box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } .footnotes-footer { background-color: rgb(var(--black-monochrome)); } /* Tags */ .page-tags span { border-top: 0.0625rem solid rgb(var(-white-monochrome)); } .page-tags span a { padding: 0.25em; color: rgb(var(--white-monochrome)); -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1); -webkit-transition: color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1), -moz-box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1); transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1); } .page-tags span a:hover { padding: 0.3em 0.25em 0.2em 0.25em; -webkit-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); -moz-box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1); box-shadow: inset 0 -1.75em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } div#page-options-bottom-2>a, div#page-options-bottom>a { border-color: rgba(var(--swatch-primary-darkest), 1); background-color: rgba(var(--swatch-menubg-dark-color), 1); color: rgb(var(--white-monochrome)); border-radius: 0; } div#page-options-bottom-2>a:active, div#page-options-bottom-2>a:hover, div#page-options-bottom>a:active, div#page-options-bottom>a:hover { border-color: rgba(var(--swatch-menubg-dark-color), 1); background-color: rgba(var(--swatch-primary-darkest), 1); color: rgb(var(--black-monochrome)); border-radius: 0; } #footer { color: rgb(var(--black-monochrome)); } #license-area { color: rgb(var(--white-monochrome)); } input.text, textarea { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-menubg-dark-color)); } #lock-info { background-color: rgb(var(--black-monochrome)); color: rgb(var(--swatch-text-general)); border-color: rgb(var(--swatch-menubg-dark-color)); } /* Pop-Up Windows */ .owindow { background-color: rgb(var(--black-monochrome)); border-color: rgb(var(--swatch-primary)); } .owindow .modal-header { background-color: rgb(var(--black-monochrome)); } .owindow .modal-body img { background-color: transparent !important; } .owindow .title { background-color: rgb(var(--black-monochrome)); color: #var(--swatch-primary); border-bottom: 1px solid rgb(var(--swatch-primary)); } .owindow .button-bar a { background-color: rgb(var(--black-monochrome)); border-color: rgb(var(--swatch-primary)); color: rgb(var(--white-monochrome)); } .owindow .button-bar a:hover { background-color: rgb(var(--swatch-primary)); } /* ---- INTERWIKI ---- */ .scpnet-interwiki-frame { -webkit-filter: invert(100%) grayscale(100%) contrast(75%); filter: invert(100%) grayscale(100%) contrast(75%); } .darkbox, .lightbox { border-left: solid 0.26rem rgb(var(--swatch-primary)); border-right: solid 0.26rem rgb(var(--swatch-primary)); padding: .4rem; margin-top: 0.75rem; margin-bottom: 0.75rem; } .darkbox { background-color: rgb(var(--black-monochrome)); } .lightbox { background-color: rgb(var(--white-monochrome)); color: rgb(var(--black-monochrome)); } .lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 { color: rgb(var(--black-monochrome)); } /* Custom Assets by EstrellaYoshte */ .limit { margin-bottom: -1rem; } .anchor { position: -webkit-sticky; position: sticky; height: 0; top: 0; z-index: 9999; } .sidebox { background-color: rgb(var(--black-monochrome)); border-top: solid 2px rgb(var(--swatch-primary)); padding: .14rem 1rem .14rem; margin-top: 0; margin-bottom: 0.5rem; width: -webkit-calc((100vw - (var(--body-width-on-desktop) + 10rem))/2); width: -moz-calc((100vw - (var(--body-width-on-desktop) + 10rem))/2); width: calc((100vw - (var(--body-width-on-desktop) + 10rem))/2); max-height: -webkit-calc(100vh - 18rem); max-height: -moz-calc(100vh - 18rem); max-height: calc(100vh - 18rem); position: absolute; top: 0; left: 103.5%; z-index: 5; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hovertip { color: rgb(var(--swatch-text-general)); } @media (max-width: 1290px) { .sidebox { width: auto; max-width: 50vw; color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 0 rgb(var(--swatch-primary)); -moz-box-shadow: 0 0 0 0 rgb(var(--swatch-primary)); box-shadow: 0 0 0 0 rgb(var(--swatch-primary)); border: none; right: -webkit-calc(((100vw - 45.8rem)/2) * -1); right: -moz-calc(((100vw - 45.8rem)/2) * -1); right: calc(((100vw - 45.8rem)/2) * -1); left: initial; pointer-events: none; -webkit-transition: color 0.2s ease-in-out 0.1s, background-color 0s ease-in-out 0s, -webkit-box-shadow 0.5s ease-in-out 0.1s; -moz-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0s, -moz-box-shadow 0.5s ease-in-out 0.1s; transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0s; overflow-x: hidden; overflow-y: hidden; scrollbar-width: thin; } .sidebox::-webkit-scrollbar { width: 0.5em; } .sidebox * { opacity: 0; -webkit-transition: opacity 0.2s ease-in-out 0.1s; -moz-transition: opacity 0.2s ease-in-out 0.1s; transition: opacity 0.2s ease-in-out 0.1s; } .sidebox::before, .sidebox::after { content: " "; position: absolute; pointer-events: all; right: 0; } .sidebox::before { top: -webkit-calc(50% - 0.75rem); top: -moz-calc(50% - 0.75rem); top: calc(50% - 0.75rem); width: 0; height: 0; border-top: 0.75rem solid transparent; border-bottom: 0.75rem solid transparent; border-right: 0.75rem solid rgb(var(--swatch-primary)); -webkit-transition: border 0.1s ease-in-out 0.1s; -moz-transition: border 0.1s ease-in-out 0.1s; transition: border 0.1s ease-in-out 0.1s; z-index: 10; } .sidebox::after { top: 0; max-width: 0.75rem; width: 100%; height: 100%; -webkit-box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary)); -moz-box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary)); box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary)); max-height: -webkit-calc(100vh - 18rem); max-height: -moz-calc(100vh - 18rem); max-height: calc(100vh - 18rem); background-color: rgb(var(--black-monochrome)); z-index: -1; -webkit-transition: max-width 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-border-top-left-radius 0.5s ease-in-out 0.1s, -webkit-border-bottom-left-radius 0.5s ease-in-out 0.1s; -moz-transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s, border-top-left-radius 0.5s ease-in-out 0.1s, border-bottom-left-radius 0.5s ease-in-out 0.1s, -moz-box-shadow 0.5s ease-in-out 0.1s, -moz-border-radius-topleft 0.5s ease-in-out 0.1s, -moz-border-radius-bottomleft 0.5s ease-in-out 0.1s; transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s, border-top-left-radius 0.5s ease-in-out 0.1s, border-bottom-left-radius 0.5s ease-in-out 0.1s; } .sidebox:hover, .sidebox:active { color: rgb(var(--swatch-text-general)); background-color: rgb(var(--black-monochrome)); pointer-events: all; overflow-y: scroll; -webkit-transition: color 0.5s ease-in-out 0.2s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s; -moz-transition: color 0.5s ease-in-out 0.2s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s, -moz-box-shadow 0.5s ease-in-out 0.1s; transition: color 0.5s ease-in-out 0.2s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s; } .sidebox:hover *, .sidebox:active * { opacity: 1; -webkit-transition: opacity 0.5s ease-in-out 0.2s; -moz-transition: opacity 0.5s ease-in-out 0.2s; transition: opacity 0.5s ease-in-out 0.2s; } .sidebox:hover::before, .sidebox:active::before { border-top: 0vw solid transparent; border-bottom: 0vw solid transparent; } .sidebox:hover::after, .sidebox:active::after { -webkit-box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)); -moz-box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)); box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)); right: 0; max-width: 100%; -webkit-border-top-left-radius: 0rem; -moz-border-radius-topleft: 0rem; border-top-left-radius: 0rem; -webkit-border-bottom-left-radius: 0rem; -moz-border-radius-bottomleft: 0rem; border-bottom-left-radius: 0rem; } } @media only screen and (max-width:768px) { :root { --body-width-on-desktop: 100vw; --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-h2-font-size: var(--base-font-size); } #header h1, #header h1 a, #header h1 a::before { top: 0.5rem; } #header h2, #header h2 a, #header h2 a::before { top: 0.35rem; } .anchor { top: -webkit-calc(var(--topbar-height-on-mobile) + 0.75rem); top: -moz-calc(var(--topbar-height-on-mobile) + 0.75rem); top: calc(var(--topbar-height-on-mobile) + 0.75rem); } .sidebox, .sidebox:hover, .sidebox:active { right: -webkit-calc(((100vw - (100% - 3rem))/2) * -1 + 1.75rem); right: -moz-calc(((100vw - (100% - 3rem))/2) * -1 + 1.75rem); right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.75rem); } .sidebox::before, .sidebox::after { content: " "; position: absolute; pointer-events: all; right: 0; } .blockquote, [class*="blockquote"], blockquote, div.blockquote { margin: 0; } } @media only screen and (min-width: 769px) { #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover { border-left: 0.0625rem solid rgba(var(--swatch-primary-darkest), 0); } #search-top-box-form input[type="submit"] { background: rgba(var(--swatch-primary-darkest), 0.5); } } }
@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); } }
伊波兰内部结构
势力及下行组织
持有伊波兰内容目标:
Pchok-SCP-CN-1563
Gp快递:Un-Phy-C1773846,基金会的加急快递
Pchok-伊波兰的世纪:晨昏线
Pchok-黄金时代
EOFF-布缎计划
EOFF-伊波兰的世纪:破晓
伊波兰全体下行组织
伊波兰拉结尔会议下属机关████
伊波兰拉斐尔下属机关████
伊波兰加百列下属机关████
格式:伊波兰下行机关名称(英文简称 .最新备案日期)
伊波兰拉斐尔和伊波兰加百列统称为中性势力
超自然大会(AOS)
议会权力执行机关(EIpC)
归置职权处理中心(EaH)
审判法院(COH)
超自然理事会(SC)
伊波兰历史备案机关(EHC)
伊波兰超自然委员会(EBLC 2019.9.08)
伊波兰综合防御部门(EIGS 2020.7.06)
伊波兰研究院(EBLA 2017.01.06)
伊波兰应急事故反应机关(EBS 2018.12.09)
DSE基金会(DSE foundation 2019.02.16)
加百列职能处理机关(YIpC 2021.02.07)
机动反应部队(MCT 2018.12.04)
伊波兰化生放核爆控制中心(ECO9C 2020.02.02)
伊波兰-Hod-Splendor
伊波兰超自然委员会(EBLC 2019.9.08)
伊波兰超自然委员会,也称为伊波兰委员会,是伊波兰拉斐尔的实行机关,在拉斐尔的全盘体系内起到举足轻重的作用,其人员构成主要来源于伊波兰取得革命胜利前的人员,主要职能为总体管理拉斐尔的发展动向、对伊波兰主体进行武力性被动防守、对理论级超自然现象进行评估工作等。
伊波兰综合防御部门(EIGS 2020.7.06)
1.部队类别:
- S(收容)
- D(侦察)
- P(维护)
- C(通讯)
- A(进攻)
- L(后勤)
编号也可以拥有一个或多个行动类型标签,标签优先性由字母排列递减。
所有作战部队的出勤认证可以由WSO(WSOA1),伊波兰委员会(EBLCA2),纰缪会议(CEA3),急应事务处(AURA4)发放。
2.部队列表:
- Beta-3-AXCEA3 该亚
- Beta-9-CXEBLCA2 晶体管
- Beta-10-LXWSOA1 军火库
- Delta-4-██████ 第四维度
- Epsilon-4-SXCEA3 破碎
- Zeta-1-LXAURA4 正20面体
3.EIGS部队总效能表格
| SDPCAL | AC | LA | ML | |
| beta-3 | 71 | CEA3 | C | 281 |
| beta-9 | 59 | EBLCA2 | A | 0 |
| beta-10 | 92 | WSOA1 | A | 84 |
| Delta-4 | ██ | ████ | ██ | ██ |
| Epsilon-4 | 15 | CEA3 | B | 23 |
| Zeta-1 | 87 | AURA4 | A | 0 |
- AC:出勤证书
- LA:能力等级
- ML:可调动指数
- SDPCAL值:
- 1~16:S
- 17~33:D
- 34~48:P
- 49~64:C
- 65~80:A
- 81~96:L
- 双重能力指数相加
伊波兰研究院(EBLA 2017.01.06)
超自然学研究中心
熵系研究院
化生放核爆研究院
伊波兰伦理道德研究院
军事研究院
建筑研究院
伊波兰BSL-4生物实验室
伊波兰应急事故反应机关(EBS 2018.12.09)
伊波兰-Yesod-Foundation
DSE基金会(DSE foundation 2019.02.16)
分部DSE基金会站点仅在美国(ST)、英国(BT)、俄罗斯(AT)、澳大利亚(PT)、南极大陆(YT)与埃及(ET)有分部站点,每国家站点代号由XX(专属名称)+I,X,Q,A,O,U,P(兴建站点先后排序)*
- 1.STI(US):01
- 2.STX(US):05
- 3.STQ(US):07
- 4.STA(US):17
- 5.BTI(UK):09
- 6.BTX(UK):11
- 7.BTQ(UK):23
- 8.ATI(RUS):02
- 9.ATX(RUS):06
- 10.ATQ(RUS):10
- 11.ATA(RUS):13
- 12.ATO(RUS):14
- 13.ATU(RUS):22
- 14.ATP(RUS):28
- 15.PTI(AUS):03
- 16.YTI(AN):192
- 17.YTX(AN):231
- 18.YTQ(AN):245
- 19.YTA(AN):255
- 20.ETI(EG):51
- 21.ETX(EG):82
加百列职能处理机关(YIpC 2021.02.07)
机动反应部队(Mobile Combat Troops 2018.12.04)
1.部队类别:
- S(收容)
- D(侦察)
- P(维护)
- C(通讯)
- A(进攻)
- L(后勤)
编号也可以拥有一个或多个行动类型标签,标签优先性由字母排列递减。
所有作战部队的出勤认证可以由WSO(WSOA1),伊波兰委员会(EBLCA2),纰缪会议(CEA3),急应事务处(AURA4)发放。
2.部队列表:
- Alpha-1-PXWSOA1 焰铀齿轮
- Alpha-4-SXEBLCA2 天选之子
- Alpha-5-SXEBLCA2 引雷针
- Alpha-9-SDXAURA4 噬菌体
- Beta-1-SXWSOA1卡巴拉生命之树
- Gamma-2-CXWSOA1 蛛网
- Gamma-7-DXAURA4 湮灭之眼
- Delta-9-AXCEA3 幸存者
- Epsilon-1-AXEBLCA2 扭曲机器
- Epsilon-12-SXWSOA1 电子波阵
- Psi-0-PXEBLA2 响尾蛇
- Iota-0-EBLCA2 法律之锤
3.MCT部队总效能表格:
| SDPCAL | AC | LA | ML | |
| Alpha-1 | 37 | WSOA1 | A | 701 |
| Alpha-4 | 15 | EBLCA2 | A | 912 |
| Alpha-5 | 5 | EBLCA2 | B | 891 |
| Alpha-9 | 10+31 | AURA4 | A | 612 |
| Beta-1 | 13 | WSOA1 | A | 379 |
| Gamma-2 | 50 | WSOA1 | A | 348 |
| Gamma-7 | 29 | AURA4 | A | 728 |
| Delta-9 | 78 | CEA3 | ██ | 104 |
| Epsilon-1 | 72 | EBLCA2 | A | 46 |
| Epsilon-12 | 1 | WSOA1 | B | 629 |
| Psi-0 | 47 | EBLCA2 | B | 37 |
| iota-0 | ██ | EBLCA2 | ██ | 62 |
- AC:出勤证书
- LA:能力等级
- ML:可调动指数
- SDPCAL值:
- 1~16:S
- 17~33:D
- 34~48:P
- 49~64:C
- 65~80:A
- 81~96:L
- 双重能力指数相加
伊波兰化生放核爆控制中心(ECO9C 2020.02.02)
- 化生放核爆防范中心
- 化生放核爆处理中心
- 化生放核爆研究中心
- Omega-CBRNE-09化生放核爆处理部队(Chemistry Biology Radioactive Nuclear Explosion)
伊波兰内部结构
“归属权”
- 权利——神性界(Atziluth)——最高地阶——一科
- 科技——创造界(Beriah)——缔结万物——二科
- 查缉——形成界(Yetzirah)——具象特征——三科
- 办理——物质界(Assiah)——抽离虚无——四科
伊波兰科技主要与伊波兰有关科技研发部门有关,伊波兰科技被运用在军事、民生等方面,可以面对各种性质的国家、组织、个体进行发售。
您可以在任何地方见到来自伊波兰科技的智慧结晶。
伊波兰科技主要包括:伊波兰科技研发过程、研发专利、科技出售、科技使用、科技使用产生影响等。
由伊波兰科技部门研发
275910492-WSOA1-0029
伊波兰拉结尔会议下行科技

伊波兰“投影技术”委员会
Ebolen synthetic system - Technology Section
壹:基础内容
原理:重叠两个宇宙,对不同处进行定向投影
条件:AArvMa.Xy
投影模式:
- 1.定向投影AArvMa.Xy1
- 可以随即对小型物体以及生命体进行投影,所用时间短,投影位置精度准,且支持碰撞体积。
- 2.打印投影AArvMa.Xy2
- 通常投影大规模级军队,所用时间取决于人群数目,投影前需要对投影人员进行排序,投影次数不限,每次可以支持7人同时投影。
- 3.层次投影AArvMa.Xy3
- 通常投影大型非精密机械、人工设施和自然地形,其投影顺序为从下至上的程序,每次投影仅可投影一层平行于海平面的物体。
- 4.延时投影AArvMa.Xy4
- 其投影物存在于所想宇宙的缓冲区,可以随即打开其碰撞体积,通常利用于军事作战。
支持碰撞体积的模式:
- AArvMa.Xy1
- AArvMa.Xy2
- AArvMa.Xy3
- AArvMa.Xy4
贰:直观内容协议
本辅助协议需要:
两张仅有部分内容不同的纸张(内容略少为a,内容略多为b,所偏差内容标记为c)、一面玻璃、强光。
注意事项:
该协议仅限于第二维度,a纸代表投影所向宇宙,b纸代表伊波兰宇宙,内容c为投影内容,玻璃和强光为“投影技术”。
实验步骤:
- 1.将玻璃平行于地面。
- 2.重叠a、b两张纸,a纸于b纸上,且放置于玻璃上方。
- 3.将强光照射至玻璃的另一面。
- 4.将a纸所不具备的内容c填充于a纸上。
叁:授权
如需要使用“投影技术”,必须取得得到授权才可以进行下一步操作。
各模式端口授权码:
- AArvMa.Xy1:WSOA1、EBLCA2、CEA3、AURA4、EIpCA0
- AArvMa.Xy2:WSOA1
- AArvMa.Xy3:WSOA1、CEA3、AURA4、
- AArvMa.Xy4:WSOA1、CEA3、AURA4、DSEV9
肆:特殊性
在伊波兰科技中,多元宇宙被理解为无限延伸的平面,定义为第二维度,时间线为理解为构成平面的线,定义为第一维度。考虑到某种特殊原因,“投影技术”被创造之初就被定义为表示具有渗透平面和对线进行扩散的科技,称为“渗透性液体”和“渗透性气体”,“液体”和“气体”的浓度由其携带的信息决定。
“投影技术”具体步骤:
- 拉近两宇宙,使其有一面互相接触,并确保伊波兰宇宙位于目标宇宙上方。
- 携有投影信息的“液体”被释放,开始对目标宇宙进行渗透。
- 渗透完毕后,分离目标宇宙,完成投影。
专业部分解释:
- 平面:可以被理解为一层水平放置的布,对液体、气体有一定的阻力效果。
- 线:构成平面的主要部分。
- 液体、气体:有关其他宇宙的科技。
- 渗透性:可克服平面阻力的特性。
- 信息:此处专指通过“投影技术”进入其他宇宙的物体。
- 浓度:取决于信息的数量。
查缉被理解为伊波兰对内外的监督、审查工作,查缉内容涵括对内的行动核查、人员审查、人员处决、人员调配、下行组织轮换、下行组织成立、下行组织解散等工作。
查缉的人员主要出自于EIGS和MCT这两个下行组织,主要工作于伊波兰原宇宙、伊波兰群岛、伊波兰DSE基金会、伊波兰全球实体管理机关、伊波兰输出性等。
伊波兰人员全项等级
AArvMa协议生效中
- 常项编码:000000
- 认证:WSOA1,EBLCA2,CEA3,AURA4
- 归属权标签:权利(RGT)、科技(SCE)、查缉(CEK)、办理(OEI)
- 势力编码:拉结尔(Chok)、拉斐尔(Spld)、加百列(Fdtn)
- 人员状态标签:正式成员EBL、外来人员ENL、临时成员ECL
- 存在权(AArvMa.Pov 1)
- 行使权(AArvMa.Pov 2)
- 人身自由权(AArvMa.Pov 3)
- 话语权(AArvMa.Pov 4)
- 优先权(AArvMa.Pov 5)
——GN—
伊波兰系益人员科种等级(↑0~5)
“系益类人员被定义为:可以为伊波兰发展起到实质性推动作用的人员。”
等级划分:
“0”:暂无划分标准
“1”:伊波兰权利类人员
“2”:伊波兰科技类人员
“3”:伊波兰查辑类人员
“4”:伊波兰办理类人员
“5”:伊波兰外来人员
——DM—
伊波兰系损人员科种等级(↑6~10)
“系损类人员被定义为:可以对外产生影响作用或对伊波兰内部产生负面作用的人员。”
等级划分:
“6”:伊波兰全质人员(产生负面影响)
“7”:伊波兰宣传员
“8”:伊波兰特工
“9”:伊波兰外交人员
“10”:伊波兰前台人员
伊波兰构造
基盘
- 上层决策组
- 权力执行机关
- 军政体
- 科技行使体
- 行定执办法律科
- 外交执事体
- 个体
- 上行人群体系
- IpC 权力执行机关
- EAM 决策机关
- MTGE 军执体
- SCEI 科技部门
- Pchok 个体
1.拉结尔:EIpC(权力执行机关)/WSO(决策机关)
2.拉斐尔:HIpC(权力执行机关|未公开)/EBLC(决策机关)
3.加百列:YIpC(权力执行机关)/DSE(决策机关)
Site-CN-95
伊波兰立足之地
↑↑ SCP基金会中国分部站点 ↑↑
节选自 伊波兰的世纪:晨昏线
Site-CN-95,以处理中小型GOI而著称。2003年4月21日,“概念纯化密室”项目建造之际,伊波兰正在原宇宙进行“投影技术”的实验,导致密室容纳量过载,并引起了巨大的爆炸,产生的冲击波甚至波及到了方圆8千米左右之外的区域,站点90%的设施被摧毁,包括站点领导层在内的70%以上人员丧生。伊波兰和SCP基金会同时向对方宣战,在两年的战役中,由于伊波兰的“投影技术”尚不成熟,战争最终以基金会的胜利收尾。基金会借此与伊波兰达成共识,Site-CN-95成为连接两个世界桥梁,双方开始建交,“伊波兰”这一新名词也进入了人们的视野。
Site-CN-95其站点内部存在一个支撑“投影技术”的大型异常,目前伊波兰的大部分活动皆需要通过此节点进行传达。Site-CN-95也可以为理解为连接基金会与伊波兰宇宙之间的桥梁,它对于双方的外交是无比重要的。
《伊波兰的世纪》
写作格式
↓伊波兰总体css↓
[[include :scpsandboxcn.wikidot.com:ebolen-upd0789-0827]]
本四组模组在同一片文内仅可在顶部使用一次,通常情况下,一篇《伊波兰的世纪》仅拥有一项归属权,归属权判定详见上方“内部结构部分”
XXXX:简体中文名称
xxxx:小写英文字母
0000:阿拉伯数字
[██]:特殊含义




















