Link to article: Secure Facility Dossier: Site-222.
/* Manifest Destiny Theme by MisterFrown */
/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,900;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
/* Root Block */
:root {
--logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Acalibri-logos/USA%20SCP");
--header-title: "SITE-222";
--header-subtitle: "LIFE AND LIBERTY";
--header-font: 'Playfair Display', serif;
--title-font: 'Playfair Display', serif;
--body-font: 'Lato', sans-serif;
--background-gradient-color: var(--medium-accent);
--background-gradient-distance: 0px;
--header-height-on-desktop: 12rem;
--gradient-topmenu: linear-gradient(180deg, rgba(var(--dark-accent),1) 0%, rgba(var(--dark-accent),1) 100%);
--gradient-topmenu-mobile: var(--gradient-topmenu);
--topbar-height-on-desktop: 1.7rem;
--diagonal-stripes: none;
--bright-accent: 100, 149, 237;
--medium-accent: 65, 105, 225;
--dark-accent: 25, 25, 112;
--gray-monochrome: var(--dark-accent);
--link-color: var(--dark-accent);
--visited-link-color: var(--dark-accent);
--hover-link-color: var(--bright-accent);
--newpage-color: var(--bright-accent);
--swatch-tertiary-color: var(--dark-accent);
--rating-module-text-color: var(--dark-accent);
--rating-module-button-cancel-color: var(--dark-accent);
--rating-module-bottom-border-color: var(--dark-accent);
--toggle-button-bg: rgb(var(--white-monochrome));
--toggle-border-color: rgb(var(--dark-accent));
--toggle-icon-color: rgb(var(--dark-accent));
--toggle-roundness: 0%;
--header-image: url("https://scp-sandbox-3.wdfiles.com/local--files/frownscp4/stars3.png");
--body-background: url("https://scp-sandbox-3.wdfiles.com/local--files/frownstyle4/stars4.png");
--american: linear-gradient(123deg,rgba(255, 0, 0, 0.05) 0%, rgba(255, 255, 255, 1) 50%, rgba(76, 22, 224, 0.05) 100%);
}
/* Main Content Block */
#main-content {
--ui-button-txt: var(--dark-accent);
--ui-button-hover-txt: var(--bright-accent);
--ui-icon-color: var(--dark-accent);
--ui-icon-hover-color: var(--bright-accent);
--tabs-txt: var(--dark-accent);
--tabs-bg: var(--white-monochrome);
--tabs-hover-bg: var(--bright-accent);
--tabs-hover-txt: var(--white-monochrome);
--tabs-selected-bg: var(--dark-accent);
--tabs-selected-txt: var(--white-monochrome);
--tabs-selected-outline: var(--dark-accent);
}
/* Header */
#extra-div-1 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background-color: rgb(255, 255, 255);
background-size: 100%;
}
#extra-div-2 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background-image: linear-gradient(77deg,rgba(255, 255, 255, 1) 0%, rgba(255, 0, 0, 1) 50%, rgba(76, 22, 224, 1) 100%);
background-size: 200% 200%;
opacity: 50%;
}
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
#extra-div-3 {
height: var(--header-height-on-desktop);
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background-image: var(--header-image);
background-size: 230%;
}
#header h1, #header h2 {
margin: 1.6rem 0;
}
/* Title */
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
height: 0.4rem;
background: rgb(var(--dark-accent));
}
/* Content Wrap */
#content-wrap {
background-color: var(--white-monochrome);
background-image: var(--body-background);
background-repeat: repeat;
}
/* Top Bar */
#top-bar > div[class*="top-bar"] {
z-index: 10;
}
/* Side Bar */
#interwiki .side-block,
#side-bar .side-block {
box-shadow: 0.20rem 0.20rem 0 rgb(var(--dark-accent));
background-color: rgb(255, 255, 255);
background-image: var(--american);
}
#side-bar .close-menu::after {
background-image: var(--american);
}
/* Rating Module */
.page-rate-widget-box {
background-image: var(--american);
}
/* Link Changes (from Penumbra BHL) */
#page-content a:not([href*="user"]):not([href*="javascript:;"]) {
padding: 0.15em;
margin: -0.15em;
color: rgb(var(--black-monochrome));
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--dark-accent), 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(--dark-accent), 1);
text-decoration: none;
color: rgb(var(--white-monochrome));
}
.danger-diamond a,
.danger-diamond a:hover {
color: rgba(0, 0, 0, 0) !important;
box-shadow: initial !important;
}
/* Image Block */
.image-block,
.scp-image-block {
border-top: solid 3px rgb(var(--medium-accent));
}
:is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) {
background: rgb(var(--dark-accent));
color: rgb(255, 255, 255);
}
/* Horizontal Rule */
hr {
border-top: none !important;
background: rgb(var(--dark-accent));
}
/* Info Bar */
.info-container {
--barColour: rgb(var(--dark-accent));
--linkColour: rgb(255, 255, 255);
}
#page-content .info-container .collapsible-block-folded,
#page-content .info-container .collapsible-block-unfolded-link {
display: grid;
background: rgb(var(--dark-accent));
}
#u-author_block > p > a {
background: rgb(255, 255, 255);
}
/* Tabs */
.yui-navset.yui-navset-top>.yui-content {
background-color: rgb(255, 255, 255);
background-image: var(--american);
}
/* Bottom Buttons */
div[id*="page-options-bottom"]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn {
box-shadow: 0.20rem 0.20rem 0 rgb(var(--dark-accent));
background-color: rgb(255, 255, 255);
background-image: var(--american);
}
div[id*="page-options-bottom"]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn:hover {
box-shadow: 0.20rem 0.20rem 0 rgb(var(--bright-accent));
}
/* Code + Page Source */
.code, .page-source {
background-color: rgb(255, 255, 255);
background-image: var(--american);
border-color: rgb(var(--dark-accent));
}
/* Hovertip */
.hovertip[style*="display: block"] {
background-color: rgb(255, 255, 255);
background-image: var(--american);
}
.hovertip:before {
box-shadow: 0.20rem 0.20rem 0 rgb(var(--dark-accent)) !important;
}
.hovertip .f-heading {
background-color: rgb(var(--dark-accent));
}
/* Footnotes */
.bibitems .title,
.footnotes-footer .title {
transform: translate(-15%, 0%);
}
.bibitems,
.footnotes-footer {
background-color: rgb(255, 255, 255);
background-image: var(--american);
box-shadow: 0.20rem 0.20rem 0 rgb(var(--dark-accent));
}
.bibitems .bibitem::after,
.footnotes-footer a[href*="javascript"]::before {
background-color: rgba(var(--white-monochrome), 0);
}
/* Divs */
:is(blockquote, div.blockquote, [class*="blockquote"]) {
background-color: rgba(var(--bright-accent), 0.2);
box-shadow: none;
border-left: solid 3px rgb(var(--dark-accent));
}
@media only screen and (max-width: 600px) {
#extra-div-3 {
background-size: 500%;
}
}
.asterisk {
background: url("https://scp-sandbox-3.wdfiles.com/local--files/frownstyle4/stars-stack.png");
background-size: 5%;
background-position: center;
background-repeat: no-repeat;
padding: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.notation {
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 15px;
width: 90%;
border-left: solid 3px rgb(var(--dark-accent));
border-right: solid 3px rgb(var(--dark-accent));
background: rgb(var(--white-monochrome));
}
.dossier {
width: 90%;
background: white;
margin: auto;
margin-top: 20px;
padding: 1.25rem;
border: 3px solid rgb(var(--dark-accent));
box-shadow: inset 0px 0px 4px rgba(var(--medium-accent), 0.5);
}
.footnotes-footer {
display:none;
}
width: 155px; filter: drop-shadow(0 0 0.15rem #4169e1);
width: 80%; margin-top: 15px; margin-bottom: 15px; border: solid 2px rgb(var(--dark-accent));
width: 280px;
width: 260px;
margin-top: 10px;
margin-top: 20px;
width: 280px;
width: 270px;
width: 100%;
width: 220px;
width: 80%;
width: 13%;
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:component:centered-header-bhl
[info]
:scp-wiki:component:toggle-sidebar-bhl
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
dossier
blockquote
scp-image-block
block-right
scp-image-caption
blockquote
scp-image-block
block-right
scp-image-caption
blockquote
blockquote
blockquote
scp-image-block
block-right
scp-image-caption
blockquote
blockquote
blockquote
blockquote
scp-image-block
block-right
scp-image-caption
blockquote
blockquote
scp-image-block
block-center
scp-image-caption
scp-image-block
block-right
scp-image-caption
notation
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote