SCP-2875
Lista angielska 3 » SCP-2875
#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>
DECYZJĄ RADY NADZORCZEJ
Poniższy plik opisuje wrogą anomalię niedźwiedzią klasy Keter,
i jest sklasyfikowany Poziomem 2/2875.
Nieupoważniony dostęp jest zabroniony.
i jest sklasyfikowany Poziomem 2/2875.
Nieupoważniony dostęp jest zabroniony.
2875
Identyfikator: SCP-2875
Klasa podmiotu: Keter
Przydzielony Ośrodek: USMTDE Ośrodek-38
Dyrektor: J.R. Erickson
Nadzorca Projektu: Anthony Delucia
Przydzielone MFO: Lambda-2
Poziom 2/2875
ZASTRZEŻONE
SCP-2875-A w ███████, Stanie Wisconsin w rezultacie SCP-2875.
Specjalne Czynności Przechowawcze: Ogrodzenie ma zostać ustanowione 2 kilometry od centrum ███████, Stan Wisconsin, a żadna osoba spoza personelu Fundacji nie ma prawa przekroczyć tego ogrodzenia. Mobilna Formacja Operacyjna Lambda-2 "Chain Gang" ma za zadanie nadzorować zabezpieczenie SCP-2875.
Zaktualizowane Czynności Przechowawcze: Ze względu na nowe odkrycia, tylko sprzęt zatwierdzony przez Mobilną Formację Operacyjną Lambda-2 może być wykorzystywany przeciw instancjom SCP-2875-A. Pod żadnym pozorem nie wolno używać broni palnej, urządzeń zapalających czy innego nieautoryzowanego ekwipunku przeciwko instancji SCP-2875-A.
Opis: SCP-2875 jest fenomenem występującym jedynie w miasteczku ███████, w Wisconsin. Co trzy dni w każde południe w całym mieście pojawia się od 50 do 100 dorosłych osobników Ursus arctos horribilis (kontynentalny niedźwiedź grizzly). Osobniki te nie są w żaden sposób anomalnie silne czy szybkie ani nadzwyczajnie agresywne, oraz zachowują się w sposób typowy dla zwykłego niedźwiedzia w takiej sytuacji.
Zjawisko zdaje się kumulować; instancje (SCP-2875-A) pozostaną jeszcze przez krótki czas w centrum miasta, po czym się rozejdą, a więcej osobników pojawi się po trzech dniach. Ze względu na potencjalne problemy związane z namnożeniem się populacji niedźwiedzi, konieczne stało się ograniczenie nowych instancji tak szybko, jak to możliwe.
Aktualnie jedynym wykonalnym sposobem na ograniczenie instancji SCP-2875-A jest rozpylenie wysoce skoncentrowanego spreju uspakajającego w aerozolu i zadanie instancji obrażeń w okolicach czaszki za pomocą tępego narzędzia, gdyż terminacja jakiejkolwiek instancji za pomocą broni palnej lub urządzenia zapalającego skutkowała pojawieniem się dwóch nowych instancji obok zwłok poprzedniej. W związku z tym do użytku przeciw instancjom dozwolone zostały tylko standardowe Fundacyjne narzędzia uderzające tępą siłą, inne tępe lub ostre bronie wydawane są za zgodą dowódcy Formacji.
Odkrycie: SCP-2875 został odkryty przez Fundacyjny zespół przechowawczy wysłany w celu zbadania nagłego zniknięcia całej populacji miasteczka. Po zjawieniu się w ███████ szybko odkryty został fakt, że całe miasto zapełnione jest instancjami SCP-2875-A. Początkowo zespoły przechowawcze przygotowały się na przeniesienie wszystkich instancji z ich habitatów, poza ███████, lecz kiedy zauważono powtarzalność SCP-2875, wprowadzone zostały aktualne procedury przechowawcze.
Notka Dowódcy Formacji Operacyjnej: Wiem, że wielu z was pomyśli, że to jakiś żart, ale miasto, w którym ciągle pojawiają się niedźwiedzie, to poważny problem. Potraficie sobie wyobrazić, co stałoby się z lokalnym ekosystemem gdybyśmy pozwolili temu działać? Kiedy tam wbiliśmy miasteczko wyglądało jak cholerna arena niedźwiedzi, a to jedynie po kilku dniach.
Dodatek 2875.1: Pozyskane Wiadomości Głosowe
Następujące nagrania głosowe zostały pozyskane z urządzenia mobilnego znalezionego na zewnątrz jaskini w ███████. Właściciel urządzenia nie został jak dotąd zidentyfikowany.
2875.1.1 - [00:00:25]
Oh hej, tutaj Tom Miller z ratusza, chciałem tylko pogadać z tobą o kilku rzeczach, o których mówiłeś jednego dnia na spotkaniu w tym starym miasteczku. Więc oddzwoń wkrótce. Mój numer to 875-7112, pogadam z tobą potem. Wielkie dzięki. Do zobaczenia.
2875.1.2 - [00:00:32]
Oh hej, tu Tom, Tom Miller, znowu, z ratusza i chciałem z tobą znowu pogadać o kilku rzeczach, o których rozmawialiśmy innego dnia i pomyślałem trochę o tym, co mówiłeś i zdaje mi się, że niedźwiedzie mogą być dobrym sposobem na rozwiązanie problemu z tymi kojotami1. Więc daj mi znać, kiedy będziemy mogli o tym pogadać i zaplanować jakieś działania. Jak mówiłem mój numer to 875-7112, pogadamy więcej potem, wielkie dzięki. Do zobaczenia.
2875.1.3 - [00:00:36]
Hej to znowu Tom Miller i chciałem ci przekazać, że niedźwiedzie radzą sobie świetnie. Nie widzieliśmy tu ostatnio żadnych kojotów, więc chyba idzie nieźle. Ale mam jedno pytanie dotyczące jednego z niedźwiedzi, który zbliża się trochę za bardzo do miasta, jedna z dziewczyn jest tym mocno zaniepokojona. Więc gdybyśmy mogli o tym porozmawiać i dopracować te szczegóły. Okej, wielkie dzięki, a ta numer to 875-7112 i pogadamy później. Wielkie dzięki, do zobaczenia.
2875.1.4 - [00:00:31]
Hej, tu znowu Tom Miller, nie gadaliśmy przez chwilę. Chce ci przekazać, że ja i kilku innych mężczyzn zauważyliśmy, że może być tu trochę za dużo niedźwiedzi. Większość kojotów wyniosła się poza miasto, więc to już chyba czas byśmy mogli pozbyć się niedźwiedzi. No więc musimy zrobić tamto wkrótce, bo to zaczyna stawać się problematyczne. Więc oddzwoń do mnie, numer to 875-7112, mam nadzieję, że wkrótce porozmawiamy, do zobaczenia.
2875.1.5 - [00:00:30]
Okej, słuchaj, jest za dużo niedźwiedzi w mieście. Mały chłopiec został zaatakowany dzisiaj na ulicy, a był ze swoją matką, rozumiesz, jest za dużo niedźwiedzi. Musisz do mnie zadzwonić tak szybko jak to możliwe, byśmy mogli coś z tym zrobić. Okej, dzięki, a czekaj, 875-7112, okej, zadzwoń wkrótce, dzięki, do zobaczenia.
2875.1.6 - [00:00:43]
Okej, posłuchaj, tam jest niedźwiedź, zaraz przed moim domem, okej. Mój sąsiad został właśnie kurwa zjedzony przez niedźwiedzia. Okej, niedźwiedzie są na ulicach, niedźwiedzie są w domach, okej musimy coś z tym zrobić. Na zewnątrz, nie mogę wyjść na zewnątrz, okej, moje dzieci są w szkole, nie mogę dostać się do moich dzieci. Okej, niedźwiedź jest na moim aucie, dlatego o boże (odgłosy ataku niedźwiedzia), Jezu Chryste, niedźwiedź jest w moim domu, oh, 875-7112 proszę, zadzwoń (sygnał wybierania).
Przypisy
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.25rem; left: 0.5rem; width: 3rem; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; width: var(--body-width-on-desktop, 45.75rem); max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } } }
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: 0.25rem; left: 0.5rem; width: 3rem; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; width: var(--body-width-on-desktop, 45.75rem); max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } } }
@supports(display: grid) { :root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); } #header { --search-textbox-text-color: var(--swatch-secondary-color); background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; } }
@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: 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; --ui-wght: 600; --ui-hvr-wght: 800; /* 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); --swatch-alternate-color: var(--swatch-menubg-dark-color); /* 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: calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750))); --header-h2-font-size: calc(var(--base-font-size) * 1.15); /* Toggle Sidebar Variable */ --toggle-border-color: rgb(var(--swatch-primary)); --toggle-icon-color: rgb(var(--swatch-primary)); --toggle-roundness: 0; } /* ===PAGE ELEMENTS COLORS=== */ :root { /* ===UI BUTTON COLORS=== */ --ui-button-bg: var(--swatch-menubg-medium-dark-color); --ui-button-txt: var(--swatch-text-secondary-color); --ui-button-hover-txt: var(--swatch-text-secondary-color); /* ===MODALS COLORS=== */ --modal-bg: var(--black-monochrome); --modal-body-text: var(--swatch-text-secondary-color); --modal-body-header-txt: var(--swatch-primary); --modal-header-bg: var(--black-monochrome); /* ===FOOTNOTES HOVER BLOCK COLORS=== */ --hoverblock-bg: var(--swatch-menubg-medium-dark-color); --hoverblock-txt: var(--swatch-text-general); } #header { /* Primary Header Colors */ --swatch-headerh1-color: var(--bright-accent); --swatch-headerh2-color: var(--bright-accent); } #footer { --footer-link-hover-color: var(--swatch-text-tertiary-color); } ::-moz-selection { background: rgba(var(--swatch-primary), 1); color: rgb(var(--black-monochrome)) !important; text-shadow: none; } ::selection { background: rgba(var(--swatch-primary), 1); color: rgb(var(--black-monochrome)) !important; text-shadow: none; } html, body { scrollbar-color: rgb(var(--swatch-primary)) rgb(var(--black-monochrome)); } body { background-image: var(--gradient-background); background-size: 100% var(--background-gradient-distance); } .danger-diamond a, .danger-diamond a:hover { color: rgba(0, 0, 0, 0) !important; box-shadow: initial !important; } #header::before { background-image: var(--lgurl); opacity: 0.15; 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 { top: calc(var(--header-h2-font-size) * 0.9); } #side-bar .heading { background: none; 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; font-size: 0.94rem; text-indent: 0; } #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; box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 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; 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; box-shadow: none; } #page-content .info-container .collapsible-block-link { padding: 0; } #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; } #u-author_block>p>a { background-color: rgb(var(--black-monochrome)); border-radius: 0; } blockquote, div.blockquote, #toc { background-color: rgb(var(--black-monochrome)); border: solid 0.125rem rgb(var(--dark-gray-monochrome)); box-shadow: -0.188rem 0rem 0rem -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 { 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 { 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); animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forward; animation-fill-mode: forward; -webkit-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 { 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; animation-iteration-count: 1; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-play-state: running; animation-play-state: running; } .yui-navset .yui-nav .selected a em { 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 0rem !important; mask-position: center 0rem !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); animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1); -webkit-animation-direction: backwards; animation-direction: backwards; -webkit-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; transform-origin: 0 0; } .yui-navset .yui-content>div[style*="none"] { display: block !important; flex: 0; max-height: 0; padding: 0 0.5em; border-width: 0; /* The following transition affects the one that DISAPPEARS */ 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; animation: tab-disappear 0.5s ease-in-out 0s 1 both; } .yui-navset .yui-content>div[style*="block"] { display: block !important; flex: 1; max-height: 9999rem; /* The following transition affects the one that APPEARS */ 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; 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; } } @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; } } @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)); transition: background 0.25s linear; width: -moz-fit-content; width: fit-content; overflow: hidden; margin: auto; box-sizing: border-box; } #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 { display: inline-block; padding: 0.5rem 1rem; text-decoration: none; text-align: center; 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 { box-shadow: 0rem -0.26rem 0rem 0rem 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 0rem rgb(var(--black-monochrome)); box-shadow: 0rem 0.26rem 0rem 0rem rgb(var(--accentColor)); 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; box-shadow: none; } a.footnoteref { padding: 0.05em; color: rgb(var(--swatch-primary)); -webkit-box-decoration-break: clone; box-decoration-break: clone; box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 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 { box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; color: rgb(var(--black-monochrome)) } .footnotes-footer a[href*="javascript"]::before, .bibitems .bibitem::after, .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; box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 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; 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; } #who-rated-page-area>div>span[style*="color"] { color: rgb(var(--swatch-text-secondary-color)) !important; } #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: 0.0625rem 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 ---- */ html:not(:lang(cn)) div.scpnet-interwiki-wrapper p::before { box-shadow: inherit; } #side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) { filter: invert(1); } #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before { mix-blend-mode: lighten; } .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 0.125rem rgb(var(--swatch-primary)); padding: .14rem 1rem .14rem; margin-top: 0; margin-bottom: 0.5rem; width: calc((100vw - (var(--body-width-on-desktop) + 10rem))/2); max-height: calc(100vh - 18rem); position: absolute; top: 0; left: 103.5%; z-index: 5; overflow: auto; box-sizing: border-box; } .hovertip { color: rgb(var(--swatch-text-general)); } @media (max-width: 80.625rem) { .sidebox { width: auto; max-width: 50vw; color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgb(var(--swatch-primary)); border: none; right: calc(((100vw - 1em - var(--body-width-on-desktop)) / 2) * -1); left: initial; pointer-events: none; transition: max-width 0.2s ease-in-out 0.1s, 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; transition: opacity 0.2s ease-in-out 0.1s; } .sidebox::before, .sidebox::after { content: " "; position: absolute; pointer-events: all; right: 0; } .sidebox::before { 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)); transition: border 0.1s ease-in-out 0.1s; z-index: 10; } .sidebox::after { top: 0; max-width: 0.75rem; width: 100%; height: 100%; box-shadow: 0.125rem 0 0 0 rgb(var(--swatch-primary)); max-height: calc(100vh - 18rem); background-color: rgb(var(--black-monochrome)); z-index: -1; 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; transition: max-width 0.5s ease-in-out 0.2s, 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; 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 { box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary)); right: 0; max-width: 100%; border-top-left-radius: 0rem; border-bottom-left-radius: 0rem; } } @media only screen and (max-width:56.25rem) { :root { --body-width-on-desktop: 100vw; --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: calc(var(--topbar-height-on-mobile) + 0.75rem); } .sidebox, .sidebox:hover, .sidebox:active { right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.5em); } .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: 48.0625rem) { #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); } } }
wersja strony: 11, ostatnia edycja: 05 Jul 2022 16:01
Edytuj sekcje
Dołącz tekst
Edytuj tagi meta
Obserwowane przez
Linki zwrotne
Źródło strony
Strona nadrzędna
Zablokuj stronę
Zmień nazwę
Usuń
