/*

Foxtrot Sigma-9 Theme
[2022 Wikidot Theme]
By Liryn

*/

/* FONTS */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://rsms.me/inter/inter.css');

@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

/* VARIABLES */

:root {

/* VARIABLES > Core */

--header-title: "SCP Foundation";
--header-subtitle: "SECURE, CONTAIN, PROTECT";
--logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-scp_logo_lightmode.svg);
--darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-scp_logo_darkmode.svg);
--logo-opacity: 14%;

--head-font: 'Sans Normalcy';
--ui-font: 'IBM Plex Sans';
--mono-font: 'JetBrains Mono', 'Fira Code', monospace;
--page-font: 'Inter', 'verdana';
--base-font-size: 0.9rem;
--page-font-size: 1rem;

/* VARIABLES > Misc */

--header-txt-color: #333333;
--subheader-txt-color: rgb(var(--accent));
--misc-txt-color: #464646;
--link-txt-color: #E6283C;
--link-hover-txt-color: white;

/* VARIABLES > Color Accents */

--accent: var(--acc-default);

--acc-default: 59, 59, 59;
--acc-wyoming: 142, 0, 18;
--acc-canada: var(--acc-default);
--acc-poland: 87, 44, 17;
--acc-slothspit: 27, 60, 133;
--acc-vanguard: 0, 153, 75;
--acc-threshold: 121, 113, 130;
--acc-overwatch: 28, 37, 56;
--acc-spc: 0, 165, 200;
--acc-fishing: 67, 111, 145;
--acc-nightfall: 151, 0, 2;
--acc-hybrasil: 27, 60, 133;
--acc-goc: 39, 84, 149;
--acc-spooky: 252, 112, 40;

/* VARIABLES > BetterFootnotes */

--fnColor: var(--link-txt-color);
--fnLinger: 1s;

}

/* VARIABLES > Info Bar */

.info-container {
--barColour: rgb(var(--accent));
--linkColour: #EDEDED;
}

/* MAIN */

html {
scroll-behavior: smooth;
overflow-x: hidden;
}

body {
font-family: var(--ui-font), sans-serif;
font-size: var(--base-font-size);
color: rgb(51, 51, 51);
background-image: linear-gradient(to bottom, #e0e0e0, #fff 200px);
text-rendering: optimizeLegibility;
overflow-wrap: break-word;
}

div#container-wrap {
background: none;
}

#content-wrap {
margin: 2em auto 0;
}

#page-content {
font-family: var(--page-font), var(--ui-font), sans-serif;
font-size: var(--page-font-size);
font-weight: 440;
}

#page-content strong {
font-weight: 700;
}

tt,
.page-source,
pre,
#edit-page-textarea {
font-family: var(--mono-font);
}

ol li {
margin: 0 0 1em;
}

ul {
margin: 1em 0;
}

li,
p {
line-height: 1.5;
text-underline-offset: 40%;
}

::selection {
background: rgb(var(--accent));
color: #fff;
}

/* Clicky links */
a,
a.newpage,
a:visited,
#side-bar a:visited {
color: var(--link-txt-color);
}

a:hover,
a.newpage:hover,
a:visited:hover,
#side-bar a:visited:hover {
color: var(--link-hover-txt-color);
text-decoration: none;
background-color: var(--link-txt-color);
}

a {
transition-duration: 0.1s;
}

/* patch for sidebar media, collapsibles, ACS, info button and ayers module so link doesn't override */
#page-content .collapsible-block-folded a:hover,
#page-content .collapsible-block-unfolded-link a:hover,
#page-content .rate-box-with-credit-button .fa-info:hover,
#side-bar .side-block.media a:hover,
.danger-diamond a:hover {
background: transparent;
}

.info-container .collapsible-block-folded .collapsible-block-link,
.info-container .collapsible-block-link {
background: var(--linkColour) !important;
}

/* MAIN > Header */

div#header {
background: none;
height: 160px;
}

#header h1 span,
#header h2 span {
font-size: 0;
display: none;
}

#header h1 a::before,
#header h2::before {
color: var(--header-txt-color);
letter-spacing: 1px;
font-family: var(--head-font), sans-serif !important;
font-weight: 900;
text-shadow: none;
}

#header h1 {
margin-top: -0.3rem;
}

#header h1 a {
width: fit-content;
margin: auto;
}

#header h1 a::before {
content: var(--header-title);
font-size: 1.3em;
}

#header h2::before {
content: var(--header-subtitle);
font-family: var(--ui-font) !important;
font-weight: 700;
font-size: 1.4em;
color: var(--misc-txt-color);
line-height: 26px;
margin-top: 0.35rem;
display: block;
text-transform: uppercase;
}

#header h1,
#header h2 {
margin-left: 0;
float: none;
text-align: center;
}

#header h1 span,
#header h2 span {
font-size: 0;
display: none;
}

div#extra-div-1 {
height: 160px;
width: 100%;
top: 7px;
position: absolute;
background: var(--logo-img) 10px 30px no-repeat;
background-size: 130px;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: -1;
opacity: var(--logo-opacity);
}

/* MAIN > Header > Search Box */

#search-top-box-form>input[type=text] {
display: none;
}

#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
border: none;
background: rgb(var(--accent));
box-shadow: none;
border-radius: 5px !important;
color: #efefef;
font-family: var(--ui-font);
font-size: calc(var(--page-font-size) - 10%);
}

#search-top-box input.empty {
color: #999999;
}

#search-top-box {
position: absolute;
top: 47px;
width: unset;
}

/* MAIN > Header > Top Bar */

#top-bar,
#top-bar a {
top: 10rem;
}

#header #top-bar ul {
border-radius: 10px;
border: none;
background: rgb(var(--accent));
padding-left: 15px;
padding-right: 15px;
}

#header #top-bar a {
color: white;
background: rgb(var(--accent));
font-weight: bold;
}

#header #top-bar ul li ul {
padding: 0px;
border-radius: 0px;
}

#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
border-left: solid 1px #FFF;
border-right: solid 1px #FFF;
}

#top-bar ul li ul li a:hover {
color: rgba(255, 255, 255, 0.83) !important;
line-height: 230%;
text-indent: 3px;
}

#top-bar {
display: flex;
justify-content: center;
right: 0;
}

.mobile-top-bar {
left: unset;
}

/* MAIN > Header > Login Info */

#login-status {
top: 19px;
}

#login-status,
#login-status a {
color: #333333;
}

@media (max-width: 767px) {
#header .printuser {
font-size: 0;
}
}

.printuser a {
margin: 0;
}

.printuser img.small {
width: 18px;
height: 18px;
padding: 1px 4px 0 0;

background-image: none !important;
}

@media (max-width: 767px) {
#header .printuser img.small {
transform: translate(0, 4px);
}
}

#my-account {
display: none;
}

@media (max-width: 767px) {
#account-topbutton {
margin: 0 0 0 5px;
}
}

/* MAIN > Header > Side Bar */

#top-bar .open-menu a {
border-radius: 0px;
border: none;
background: rgb(var(--accent));
color: white;
}

#side-bar {
background: #FFF;
}

@media (min-width: 768px) {

#side-bar {
padding: 0.3em 0.6em 0 0.6em;
width: 18.75em;
transition: left 0.2s ease-in-out;
direction: rtl;
text-align: left;
border-right: none;
}

}

#side-bar .side-block,
#side-bar .side-block.resources,
#side-bar .side-block.media,
#interwiki .side-block {
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 0px;
box-shadow: none;
margin-bottom: 6px;
direction: ltr;
background: transparent;
}

#side-bar .side-block.resources {
text-align: center;
}

#side-bar .heading {
color: var(--misc-txt-color);
border-bottom: solid 2px #cfcfcf;
font-size: 9pt;
font-family: var(--head-font);
font-weight: 800;
text-transform: uppercase;
}

/* CONTENT */

/* CONTENT > Blockquotes, Custom Divs */

.blockquote,
div.blockquote,
blockquote {
border: solid 2px rgba(0, 0, 0, 0.15);
background: #f7f7f7;
}

.jotting {
padding: 1.3em;
margin: 1em 4.5em;
border: dashed 2px rgba(0, 0, 0, 0.2);
background: #f7f7f7;
}

.notation {
padding: 1em 1.5em;
margin: 1em 3em;
border-left: solid 3px rgba(0, 0, 0, 0.35);
border-right: solid 3px rgba(0, 0, 0, 0.35);
background: #f7f7f7;
}

.modal {
padding: 1.2em;
margin: 1em 3em;
border: solid 5px rgba(0, 0, 0, 0.15);
background: #fbfbfb;
}

.quote {
padding: 0.4em 2em;
margin: 3em auto;
border-left: solid 3px #bbb;
max-width: 500px !important;
}

.paper {
padding: 1.5em;
margin: 2em;
background: #FFF;
box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2);
}

.box {
padding: 1px 9px;
border: solid 3px #bbb;
margin: 0.5em 1em;
}

div.note {
font-size: unset;
border: 2px solid #afafaf;
background-color: #fff;
}

.round {
border-radius: 10px;
}

/* CONTENT > Headings, Titles */

#page-title,
.meta-title {
font-family: var(--ui-font), sans-serif;
font-weight: 800;
color: #3b3b3b;
border-bottom: solid 2px rgba(0, 0, 0, 0.2);
width: fit-content;
margin: 0 auto 1.5rem;
}

#page-title,
.meta-title,
#breadcrumbs,
.pseudocrumbs {
text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--head-font), sans-serif;
font-weight: 800;
color: #3b3b3b;
}

h1,
h2 {
font-weight: 800;
}

.footnotes-footer .title {
font-family: var(--head-font), sans-serif;
color: #3b3b3b;
font-weight: 800;
}

/* CONTENT > Rate Module */

#page-content .creditRate {
margin: unset;
font-family: var(--ui-font);
float: unset !important;
}

#page-content .rate-box-with-credit-button {
background-color: #fff;
border: solid 1px #bbb;
box-shadow: none;
border-radius: 0;
}

#page-content .rate-box-with-credit-button .fa-info {
border: none;
color: #333;
}

#page-content .rate-box-with-credit-button .fa-info:hover {
background: #333;
color: #fff;
}

.rate-box-with-credit-button .cancel {
border: solid 1px #fff;
}

.page-rate-widget-box {
box-shadow: none;
border: solid 1px #bbb;
margin: unset;
margin-bottom: 4px;
border-radius: 0;
font-family: var(--ui-font);
}

.page-rate-widget-box .rate-points {
background-color: #fff !important;
color: #333 !important;
border: none !important;
border-radius: 0;
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: #fff;
border-top: none;
border-bottom: none;
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
background: transparent;
color: #333;
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background: #333;
color: #fff;
}

.page-rate-widget-box .cancel {
background: #fff;
border: none;
border-radius: 0;
display: inline-block;
}

.page-rate-widget-box .cancel a {
color: #333;
}

.page-rate-widget-box .cancel a:hover {
background: #333;
color: #fff;
border-radius: 0;
}

#page-content .rate-box-with-credit-button .page-rate-widget-box {
border: none;
}

/* CONTENT > Rate Module > Author Label */

.authorlink-wrapper {
--author-top-adjust: 0;
--author-bottom-adjust: 0;
--author-right-adjust: 0;
font-family: var(--ui-font);
font-size: var(--base-font-size);
}

/* CONTENT > Side Box */

.anchor {
position: sticky;
height: 0;
top: 0;
}

.sidebox {
padding: .14rem;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/2);
max-height: calc(100vh - 18rem);
position: absolute;
top: 0;
left: 103.5%;
z-index: 5;
overflow: auto;
box-sizing: border-box;
}

@media (max-width: 1290px) {
.sidebox {
display: none;
visibility: hidden;
}
}

/* CONTENT > Image Block */

.scp-image-block .scp-image-caption {
background-color: #f4f4f4;
color: #3b3b3b;
border: solid 2px rgba(0, 0, 0, 0.1);
margin-top: 10px;
box-sizing: border-box;
border-radius: 5px;
}

.scp-image-block {
border: none;
box-shadow: none;
}

.scp-image-block img {
border: solid 2px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}

.imagediv {
float: right;
margin: 15px
}

@media (max-width: 540px) {
.imagediv {
float: unset;
text-align: center;
margin: 1.3rem auto 1.3rem auto;
}
}

@media only screen and (max-width: 600px) {
.scp-image-block.block-right {
float: none;
margin: 10px auto;
}
}

/* CONTENT > Tables Base */

#page-content tr th {
padding: 6px;
border: 2px solid rgba(0, 0, 0, 0.2);
}

#page-content tr td {
padding: 12px;
border: 2px solid #bfbfbf;
line-height: 1.4;
}

#page-content .sidebox tr td,
#page-content .sidebox tr th {
padding: 0.35em;
}

/* CONTENT > Tables Customization (Table Coloring System) */

/* CONTENT > Tables Customization (Table Coloring System) > Table Headings, Image Captions */

#page-content .table1 tr th,
#page-content .table1 .scp-image-block .scp-image-caption {
background-color: #E0FFD4;
}

#page-content .table2 tr th,
#page-content .table2 .scp-image-block .scp-image-caption {
background-color: #D8ECF4;
}

#page-content .table3 tr th,
#page-content .table3 .scp-image-block .scp-image-caption {
background-color: #FDF6D7;
}

#page-content .table4 tr th,
#page-content .table4 .scp-image-block .scp-image-caption {
background-color: #FFDFCD;
}

#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption {
background-color: #FFCFCF;
}

#page-content .table6 tr th,
#page-content .table6 .scp-image-block .scp-image-caption {
background-color: rgba(146, 0, 255, 0.2);
}

.tableb .wiki-content-table {
border-collapse: separate;
border-spacing: 2px;
}

/* CONTENT > Tables Customization (Table Coloring System) > Other Colored Divs */

.table1 .blockquote,
.table1 div.blockquote,
.table1 blockquote,
.table1 .jotting,
.table1 .notation,
.table1 .modal,
.table1 .paper,
.blockquote.table1,
div.blockquote.table1,
.jotting.table1,
.notation.table1,
.modal.table1,
.paper.table1 {
background: rgb(224, 255, 212);
}

.table2 .blockquote,
.table2 div.blockquote,
.table2 blockquote,
.table2 .jotting,
.table2 .notation,
.table2 .modal,
.table2 .paper,
.blockquote.table2,
div.blockquote.table2,
.jotting.table2,
.notation.table2,
.modal.table2,
.paper.table2 {
background: rgb(226, 244, 255);
}

.table3 .blockquote,
.table3 div.blockquote,
.table3 blockquote,
.table3 .jotting,
.table3 .notation,
.table3 .modal,
.table3 .paper,
.blockquote.table3,
div.blockquote.table3,
.jotting.table3,
.notation.table3,
.modal.table3,
.paper.table3 {
background: rgb(255, 245, 189);
}

.table4 .blockquote,
.table4 div.blockquote,
.table4 blockquote,
.table4 .jotting,
.table4 .notation,
.table4 .modal,
.table4 .paper,
.blockquote.table4,
div.blockquote.table4,
.jotting.table4,
.notation.table4,
.modal.table4,
.paper.table4 {
background: rgb(255, 223, 205);
}

.table5 .blockquote,
.table5 div.blockquote,
.table5 blockquote,
.table5 .jotting,
.table5 .notation,
.table5 .modal,
.table5 .paper,
.blockquote.table5,
div.blockquote.table5,
.jotting.table5,
.notation.table5,
.modal.table5,
.paper.table5 {
background: rgb(255, 207, 207);
}

.table6 .blockquote,
.table6 div.blockquote,
.table6 blockquote,
.table6 .jotting,
.table6 .notation,
.table6 .modal,
.table6 .paper,
.blockquote.table6,
div.blockquote.table6,
.jotting.table6,
.notation.table6,
.modal.table6,
.paper.table6 {
background: rgb(255, 218, 255);
}

/* CONTENT > Tabs Base */

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: inherit;
background-image: inherit
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background: inherit;
text-decoration: inherit
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
color: inherit;
background: inherit
}

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: inherit
}

.yui-navset li {
line-height: inherit
}

/* CONTENT > Tabs Customization */

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
display: flex;
flex-wrap: wrap;
width: calc(100% - .125rem);
margin: 0 auto;
border-color: #333333;
box-shadow: none;
}

.yui-navset .yui-nav a,
/* ---- Link Modifier ---- */
.yui-navset .yui-navset-top .yui-nav a {
color: #333333;
/* ---- Tab Background Colour | [UNSELECTED] ---- */
background-color: #efefef;
border: unset;
box-shadow: none;
box-shadow: none;
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
color: #ffffff;
/* ---- Tab Background Colour | [HOVER] ---- */
background-color: #333333;
}

.yui-navset .yui-nav li,
/* ---- Listitem Modifier ---- */
.yui-navset .yui-navset-top .yui-nav li {
position: relative;
display: flex;
flex-grow: 2;
max-width: 100%;
margin: 0;
padding: 0;
color: #ffffff;
background-color: #ffffff;
border-color: transparent;
box-shadow: none;
}

.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}

.yui-navset .yui-nav li em {
border: unset;
}

.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
padding: .35em .75em;

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.yui-navset .yui-nav .selected,
/* ---- Selection Modifier ---- */
.yui-navset .yui-navset-top .yui-nav .selected {
flex-grow: 2;
margin: 0;
padding: 0;
/* ---- Tab Background Colour | [SELECTED] ---- */
background-color: #333333;
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
border: none;
}

.yui-navset .yui-nav .selected a {
width: 100%;
color: #ffffff;
}

.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
color: #ffffff;
background-color: #333333;
}

.yui-navset .yui-content {
background-color: #ffffff;
box-shadow: none;
}

.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
padding: .5em;
border: 1px solid #333;
box-sizing: border-box;
}

/* CONTENT > WORDS NO BROKEY. CROQ HAS SPOKEY. and other things */

span,
a {
word-break: normal !important
}

.avatar-hover {
display: none !important;
}

#main-content .page-tags span {
max-width: 100%;
}

/* CONTENT > Dustjacket Assets */

.fancyhr hr {
border-top: 2vw solid transparent;
background-color: rgba(var(--bright-accent), 0);
height: 0;
box-sizing: border-box;
border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
border-image-repeat: round round;
background: none;
border-image-slice: 80 500 80 500 fill;
border-image-width: 10em 80em 10em 80em;
}

.fancyborder {
box-sizing: border-box;
border: 2vw solid rgba(0, 0, 0, 0.5);
border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
border-image-width: 6;
padding: 2vw;
}

/* CONTENT > Collapsibles */

#page-content a.collapsible-block-link:hover {
text-decoration: underline;
color: var(--link-txt-color);
}

#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
text-decoration: none;
font-weight: bold;
color: white;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 7px;
padding-right: 9px;
background: rgb(var(--accent));
border-radius: 6px;
margin-top: 5px;
font-family: var(--ui-font);
font-size: var(--base-font-size);
box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.4);
transition-duration: 0.4s;
display: inline-block;

}

#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link):hover {
background: rgba(var(--accent), 0.7);
box-shadow: none;
}

/* CONTENT > ACS Adjustments */

.top-left-box>.item {
display: none;
}

.anom-bar-container {
margin-top: 1.1rem;
}

.anom-bar-container,
.anom-bar-container * {
font-family: var(--head-font), Inter, sans-serif !important;
}

.acs-extra-1,
.acs-extra-2,
.acs-extra-3,
.acs-extra-4 {
font-family: var(--head-font), Inter, sans-serif !important;
}

.anom-bar > .top-box {
text-transform: none;
}

/* CONTENT > Woed Bar Adjustments */

div.scale div.item1>div {
color: #333;
font-family: var(--head-font);
font-size: 1.4em;
text-transform: uppercase;
letter-spacing: 2px;
line-height: unset;
}

div.scale div.class1>div {
color: #333;
font-family: var(--head-font);
font-size: 2em;
line-height: 0.9em;
letter-spacing: 2px;
}

div.scale {
--woedbar-class-bar-color: #333 !important;
}

div.scale div.obj {
height: 1.7em;
}

div.scale div.obj>div {
font-size: 1.55em;
}

/* MISC */

#page-content hr {
height: 2px;
}

.bt {
color: rgb(var(--accent));
font-weight: bold;
}

#footer {
background: transparent;
color: #444;
margin-top: 45px;
}

#footer a {
color: #7b7b7b;
}

.footer-wikiwalk-nav {
font-weight: 700;
font-size: 88%;
word-spacing: 5px;
}

#page-info-break {
height: 10px;
}

#page-options-container {
border-top: solid 1px rgba(213, 213, 213, 0.5);
padding-top: 1rem;
}

.page-watch-options {
padding-bottom: 0.6rem;
font-size: 77%;
}

.page-options-bottom {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}

.page-options-bottom a {
margin: 3px;
color: #FFF;
background: rgb(var(--accent));
padding: 5px 13px 5px 13px;
text-decoration: none;
font-size: 90%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}

.page-options-bottom a:hover {
background: rgba(var(--accent), 0.8);
}

#page-info-break {
height: 6px;
}

#license-area {
color: #5f5f5f;
background: #ecf2f1;
border-top: solid 2px #d9d9d9;
margin-top: 10px;
}

#license-area a::after {
content: ".";
}

@media (min-width: 768px) {
#main-content .page-tags {
padding-right: 16rem;
}
}

#main-content div.page-tags::before {
content: "tags ";
color: var(--misc-txt-color);
font-family: var(--head-font);
font-weight: 800;
font-size: var(--page-font-size);
}

#main-content .page-tags a {
display: inline-block;
height: .8125rem;
margin: 0 0 .5rem .75rem;
padding: .1875rem .3125rem .1875rem 0;
color: #FFF;
background-color: rgb(var(--accent));
border-bottom-right-radius: .25rem;
border-top-right-radius: .25rem;
line-height: 13px;
line-height: .8125rem;
font-size: calc(var(--page-font-size) - 10%);
font-weight: bold;
}

#main-content .page-tags a::before {
width: 0;
height: 0;
top: -.1875rem;
left: -.625rem;
padding: 0 .0625rem .1875rem;
border-color: transparent rgb(var(--accent)) transparent transparent;
border-style: solid;
border-width: .5rem .5rem .5rem 0;
}

#main-content .page-tags a::before,
#main-content .page-tags a::after {
content: "";
position: relative;
float: left;
}

#main-content .page-tags a::after {
width: .25rem;
height: .25rem;
top: .2813rem;
left: -.5rem;
background-color: #FFF;
border-radius: .125rem;
}

#main-content .page-tags span {
max-width: 100%;
border-top: .5rem solid transparent;
}

#page-tags-input {
font-weight: bold;
word-spacing: 8px;
}

#edit-page-form input.text {
font-family: var(--head-font), sans-serif;
font-weight: 800;
font-size: 150% !important;
padding: 4px;
}

#edit-page-form>table.form>tbody>tr>td:nth-child(1) {
font-weight: bold;
}

.edit-help-34 {
font-size: 85%;
opacity: 60%;
transition-duration: 0.3s;
width: fit-content;
}

.edit-help-34:hover {
opacity: 100%;
}

.edit-help-34 a {
margin-right: 3px;
margin-left: 10px;
}

table.edit-page-bottomtable {
width: 100%;
}

#edit-page-comments {
height: 86px;
}

#lock-info {
background-color: transparent;
margin: 0.8em;
line-height: 1.7;
font-size: 86%;
border: none;
}

#lock-info::before {
content: "!";
padding-right: 12px;
font-weight: bold;
font-size: 110%;
opacity: 60%;
}

#lock-timer {
font-size: 115%;
margin: 0 5px;
}

#lock-timer::before {
content: "⏲ ";
opacity: 80%;
}

textarea,
#edit-page-form input.text {
outline: none;
border: 1px solid #ccc;
transition-duration: 0.3s;
transition-property: box-shadow;
}

textarea:focus-visible,
#edit-page-form input.text:focus-visible {
box-shadow: 0px 0px 0px 1px #a3a3a3;
border: 1px solid #a3a3a3;
}

#action-area>p {
font-size: 85%;
color: darkslategrey;
}

#action-area>p:nth-child(5)>a {
display: block;
text-align: center;
font-size: 120%;
font-weight: bold;
}

#who-rated-page-area>div {
column-count: 4;
}

@media (max-width: 900px) {
#who-rated-page-area>div {
column-count: 3;
}
}

@media (max-width: 700px) {
#who-rated-page-area>div {
column-count: 2;
}
}

@media (max-width: 540px) {
#who-rated-page-area>div {
column-count: 1;
}
}

#page-content .content-warning.creditRate {
padding-top: 8px;
padding-right: 21px;
}

.preview-message {
right: 0em;
top: 2em;
border: unset;
padding: 1em 1.5em;
background-color: rgba(0, 0, 0, 0.9);
max-width: 29em;
opacity: 1;
z-index: 100;
line-height: 1.7;
filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
color: #EDEDED;
}

.error-block {
background-color: rgba(255, 0, 48, 0.1);
text-align: center;
border: none;
border-top: solid 3px #B00;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

table.page-history tbody tr:nth-child(2n) {
background: rgba(var(--accent), 0.05);
}

.owindow {
animation: fade 0.5s;
}

@keyframes fade {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

.owindow .button-bar a {
border: solid 2px rgba(0, 0, 0, 0.1);
margin: 11px;
padding: 0.5em 2em;
border-radius: 4px;
}

.owindow .button-bar a:hover {
background-color: var(--link-txt-color);
color: var(--link-hover-txt-color);
border-radius: 0px;
}

.owindow .button-bar {
padding: 1.2em 1em 1.2em;
}

.owindow .table {
margin-bottom: 1.5rem;
}

.owindow .title {
cursor: default;
font-family: var(--head-font);
font-weight: 800;
font-size: 155%;
text-align: center;
padding: 0.5em 1em;
border-bottom: solid 2px rgba(187, 187, 187, 0.4);
background-color: #F7F7F7;
}

.owindow.owait .content {
padding: 0.5em 0.5em 2em;
background-image: none;
}

.owindow.owait .content::after {
content: " ";
display: block;
width: 1.5rem;
height: 1.5rem;
margin: -0.9rem auto;
margin-top: 1rem;
animation: loading 1.2s linear infinite;
border-top: 0.4rem solid grey;
border-right: 0.4rem solid transparent;
border-bottom: 0.4rem solid grey;
border-left: 0.4rem solid transparent;
border-radius: 50%;
}

@keyframes loading {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}

.owindow.osuccess {
padding: 0.5em;
}

.owindow div.content:nth-child(2)>img:nth-child(1) {
margin-right: 1.2rem;
margin-top: 1rem;
}

.odialog-shader {
background-color: #262a39;
}

.btn {
transition-duration: 0.15s;
}

.btn:not(#main-content .btn, #search-top-box-form input[type="submit"]),
.btn.btn-primary,
div.buttons input,
input.button:not(#search-top-box-form input[type="submit"]) {
padding: 0.5em;
margin: 11px;
border-radius: 3px;
font-family: var(--ui-font);
cursor: pointer;
}

#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-draft-button,
#edit-save-continue-button,
#edit-save-button {
background: #fff;
border: solid 1px #ccc;
cursor: pointer;
font-family: var(--ui-font);
color: #333;
padding: 0.5rem 14px;
margin: 1px;
font-size: 90%;
border-radius: 3px;
}

#edit-cancel-button:hover,
#edit-diff-button:hover,
#edit-preview-button:hover,
#edit-save-draft-button:hover,
#edit-save-continue-button:hover,
#edit-save-button:hover {
background-color: #eaeaea;
}

#edit-save-continue-button,
#edit-save-button {
background: #dbffd6;
transition-duration: 0.3s;
color: #005a0a;
}

#edit-save-continue-button:hover,
#edit-save-button:hover {
color: #fff;
background: #0d951c;
}

#edit-cancel-button {
background: #ffe1e1;
transition-duration: 0.3s;
color: #c52727;
}

#edit-cancel-button:hover {
color: #fff;
background: #c5272e;
}

table.page-history tbody tr {
color: #757575;
}

.fncon {
font-size: var(--page-font-size) !important;
line-height: 1.4;
border: 2px solid rgba(0, 0, 0, 0.2);
}

.fncon::before {
font-size: var(--page-font-size) !important;
}

.hovertip {
border: none !important;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
background: #FFF;
padding: 3px;
max-width: 400px;
}

input.checkbox,
.page-history input,
#h-perpage {
cursor: pointer;
}

input,
textarea {
font-family: var(--ui-font);
}

#breadcrumbs,
.pseudocrumbs {
font-weight: bold;
font-size: 110%;
font-family: var(--ui-font);
}

/* ---- REDUCED MOTION ACCESSIBILITY ---- */
@media (prefers-reduced-motion: reduce) {

*,
*::before,
*::after {
animation-duration: .001s !important;
animation-iteration-count: 1 !important;
transition-duration: .001s !important;
}
}

/* @MEDIA */

@media (max-width: 850px) {

#header h2::before {
font-size: 1.4em;
}

}

@media (max-width: 700px) {

#header h2::before {
font-size: 1.2em;
margin-top: 0.3rem;
}

#top-bar,
#top-bar a {
top: 8.8rem;
font-size: 90%;
}

}

@media (max-width: 620px) {

#header h2::before {
font-size: 1em;
margin-top: 0.15rem;
}

#top-bar,
#top-bar a {
top: 8.3rem;
font-size: 90%;
}

div#header {
height: 123px;
}

}

@media (max-width: 520px) {

#header h2::before {
line-height: 16px;
margin-top: 0.5rem;
}

#top-bar,
#top-bar a {
top: 9.3rem;
}

div#header {
height: 145px;
}

}

3/7887 LEVEL 3/7887

CLASSIFIED

Item #: SCP-7887

Safe

Ambulocetus remains.

Special Containment Procedures: Each SCP-7887 item is stored within a Standard Object Containment Cube at Site-409. Research regarding the origins and utilizations of the objects is ongoing.

Description: SCP-7887 is a collection of ancient objects, relics, and miscellaneous effects recovered from a shallow cave near Sargodha, Pakistan. The interior of the cave, coated in a thick layer of wax and animal fats, contains several clay bricks of unknown origin — as well as partially intact Ambulocetus.An extinct genus of amphibious cetacean that lived during the Eocene. skeletal remains.

SCP-7887 objects (designated SCP-7887-1 through SCP-7887-43) are composed of common materials, and appear only several thousand years old, despite radiocarbon dating methods having confirmed that each instance exceeds thirty-five million years of age. It is unclear how the items remained intact for this amount of time, or how they were created.

Item #: SCP-7887-4

Date of Recovery: 02/06/2005

Description: A small pot made of red clay, decorated with several simple carvings. Spiral pattern is painted onto object with an unidentified blueish substance.

Item #: SCP-7887-7

Date of Recovery: 02/06/2005

Description: A ceramic sphere. Object produces a prominent clicking sound when shaken.

Item #: SCP-7887-11

Date of Recovery: 02/06/2005

Description: Several Hypericum antiquum.An extinct species of flowering plant present during the Eocene. wrapped into a bundle with copper wire.

Item #: SCP-7887-15

Date of Recovery: 02/07/2005

Description: A large stone tablet. Object features an array of etched symbols at its base, depicting isolated objects, animals, and scenes.

Update: It has been confirmed that these symbols represent a primitive glyph-based language. Rough translation of this text is as follows:

(BUILD/ESTABLISH) FOR

[Unknown symbol — possibly LIGHTNING?]

Item #: SCP-7887-19

Date of Recovery: 02/09/2005

Description: A sharp copper weapon resembling a scimitar; significantly larger than a regular scimitar.

Item #: SCP-7887-20

Date of Recovery: 02/09/2005

Description: A 10 ft tall, narrow, copper instrument. Believed to be a primitive lightning conductor.

Item #: SCP-7887-27

Date of Recovery: 02/16/2005

Description: A fragment of stonework, broken off from a larger structure. Engravings in the stone display symbols of tall, monolithic objects, as well as a lightning bolt striking a towering plinth.

Item #: SCP-7887-31

Date of Recovery: 02/17/2005

Description: A collection of twenty small gears, bolts, and wheels. Detailing on objects reveals they were once attached to a greater mechanism.

Item #: SCP-7887-33

Date of Recovery: 02/17/2005

Description: A thick sheet of copper, curved into an arch. Object is fitted with several unknown instruments on its underside, including what appears to be a rudimentary steering device.

Item #: SCP-7887-37

Date of Recovery: 02/18/2005

Description: Another stone tablet. Text translates into the following:

DANGER

(CONTORTION/CHANGE)

[Unknown symbol]

LAST OPPORTUNITY

Item #: SCP-7887-39

Date of Recovery: 02/18/2005

Description: A near-perfectly preserved Aegyptopithecus zeuxis.An extinct old-world primate which lived during the early Oliogecene. carcass. Carcass was found inside a partially-eroded complex copper device, embedded with numerous rare gemstones. Of note, each gemstone recovered from the device bears large thaumaturgical significance.

Update: SCP-7887-42 was later found in a hidden compartment inside the device.

Item #: SCP-7887-42

Date of Recovery: 02/20/2005

Description: A hollow dodecahedroid object made from black onyx, with several unconnected pipes attached to its sides. An as-of-yet unidentified gemstone is fixed to the center of the object, encased in a series of small copper bands. Object emits low levels of thaumaturgic radiation (≈3 Caspers/second).

Item #: SCP-7887-43

Date of Recovery: 03/01/2005

Description: A third stone tablet. Text features multiple previously unseen symbols.

(CONTORTION/CHANGE) UNSTOPPABLE

THE [Unknown symbol] [Unknown symbol]

WHALE ASCEND

Following the discovery of SCP-7887-43, no further objects have been found.

Addendum 7887-1, Memorandum (03/28/2021): Recent studies concerning thaumaturgical activity amidst SCP-7887 objects revealed processes of soul-transference, necromancy, and astral projection. Further investigation uncovered traces of cetacean cognition within the Noosphere. .Sphere of all human thought.

The significance of this is unclear.