Link to article: Abyssal.
@import url('https://fonts.bunny.net/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.bunny.net/css2?family=Poppins:wght@700&display=swap');
@import url('https://fonts.bunny.net/css2?family=Spline+Sans:wght@400;700&display=swap');
@import url('https://fonts.bunny.net/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
div.authorlink-wrapper{margin-top: var(--author-top-adjust, .2em) !important;}
:root {
--header-logo: url('https://scp-wiki.wikidot.com/local--files/abyssal/bug');
--title:"The Shattered One";
--subtitle:"Deus Ex Abysso";
--sidesubtitle: "Elderich";
--sidelogo: url("https://scp-wiki.wikidot.com/local--files/abyssal/skipos');
--header-font: 'Poppins';
--body-font: 'Zen Kaku Gothic Antique', sans-serif;
--ACS-font: var(--header-font);
--five-color: 116,71,88 !important;
--basalt-undertone: 60,9,33 !important;
--swatch-menubg-black-color: 10,10,10 !important;
--general-border-color: 1,1,1 !important;
--swatch-menutxt-dark-color: 1,1,1 !important;
--UI-font: 'Poppins';
--basalt-main-text-color: 253, 241, 242 !important;
}
#page-content .widetable .wiki-content-table {
width: 100% !important;
font-size: 1.5em;
}
.hcontainer {
}
:is(span.specialtext, span.st) {
text-decoration: underline 2px;
text-underline-offset: 3px;
}
@keyframes strike{
0% { width : 0; }
20% { width: 50%; }
40% { width: 75%; }
60% { width: 100%; }
80% { width: 50%; }
100% { width: 0; }
}
.strike, .unstrike {
position: relative;
}
.strike::after, .unstrike::after {
content: ' ';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: rgb(253, 241, 242);
animation-name: strike;
animation-duration: 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
}
@keyframes unstrike{
0% { width: 0; }
20% { width: 25%; }
40% { width: 75%; }
60% { width: 50; }
80% { width: 100%; }
100% { width: 0; }
}
body {
background-image: url();
background-attachment: fixed;
background-size: cover;
background-blend-mode: difference;
}
.acs-extra-1 {
font-family: var(--ACS-font), var(--body-font) !important;
}
#page-content a.collapsible-block-link {
color: rgb(253, 241, 242);
}
#page-content div.modal {
max-width: var(--main-content-width) !important;
}
.anom-bar > div.bottom-box::before {
display: none !important;
}
.series-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: baseline;
margin: 1rem 0;
padding: .02rem 1rem;
background: rgb(var(--basalt-tertiary-color));
border-top-right-radius: .67rem;
border-top-left-radius: .67rem;
font-size: 1.2em;
font-family: var(--UI-font);
}
.series-nav>* {
margin: 0 0.3em;
}
.end_card {
background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
padding: 1.25rem 2rem;
text-align: center;
}
div:is(.jotting, .transcript) {
border: double 0.15rem #000;
}
#page-content :is(blockquote, .blockquote) {
border-color: #000;
font-weight: normal;
background-color: #060b11;
color: #cdd9d6;
}
.image-block, .scp-image-block {
border-bottom: none !important;
}
#page-content div:is(.jotting, .transcript) {
max-width: 44rem;
}
.text-part .risk-class::before, .text-part .risk-class::after, .bottom-box > div.diamond-part::before, .text-part .disrupt-class::after, .text-part .disrupt-class::before,.danger-diamond > .arrows {
}
/*----------------------------*/
/*---- ADMONITION CLASSES ----*/
/*----------------------------*/
.cond {
font-family: 'Roboto Condensed', var(--UI-font-fallback);
}
.ctrl {
font-family: var(--header-font);
font-weight: bold;
text-transform: uppercase;
letter-spacing: -2px;
word-spacing: 2px;
}
.widetable :is(table:not(.form), table.wiki-content-table) {
width: 100% !important;
margin-top: 1.2rem;
margin-bottom: 1rem;
}
.acstable :is(table:not(.form), table.wiki-content-table) {
font-size: 0.9em;
}
.admo-episode_splash, .admo-intermission_splash {
display: flex;
flex-flow: column nowrap;
justify-content: center;
height: calc(100vh - var(--header-final-height));
text-align: center;
}
.admo-episode_splash .admo-rate_splash {
margin-top: -13.5rem;
padding-bottom: 3.5rem;
}
.admo-intermission_splash .admo-rate_splash {
margin-top: -21.5rem;
}
:is(.admo-episode_splash, .admo-intermission_splash) .ctrl {
letter-spacing: -0.25vw;
}
.admo-episode_splash .ctrl {
font-size: 5vw;
line-height: 4vw;
}
.admo-intermission_splash .ctrl {
font-family: var(--mono-font);
font-size: 5vw;
line-height: 3vw;
letter-spacing: 0.5vw;
}
:is(.admo-episode_splash, .admo-intermission_splash) .cond:not(.admo-accessibility .cond) {
font-size: 2vw;
opacity: 80%;
}
.admo-episode_splash .cond:not(.admo-accessibility .cond) {
font-weight: bold;
}
.admo-intermission_splash .cond:not(.admo-accessibility .cond) {
font-style: italic;
}
@media only screen and (max-width: 1024px) {
.admo-episode_splash .ctrl {
font-size: 9vw;
line-height: 7vw;
}
.admo-intermission_splash .ctrl {
font-size: 8vw;
line-height: 5.5vw;
}
:is(.admo-episode_splash, .admo-intermission_splash) .cond:not(.admo-accessibility .cond) {
font-size: 3vw;
}
}
.admo-accessibility {
font-size: 1.2rem;
font-weight: bold;
text-align: center;
}
.admo-accessibility .cond {
color: #808080;
}
.admo-end_card {
background: rgba(var(--basalt-secondary-color), 0.5);
padding: 2rem;
text-align: center;
}
.admo-end_card .admo-credits {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: 2rem;
text-align: left;
}
#u-blink-bar p:last-child::after {
content: "";
border-right: 1px solid rgb(var(--basalt-main-text-color));
animation: blink 1s infinite;
position: relative;
left: 1px;
}
@keyframes blink {
to {
opacity: 0;
}
}
.tabanchorbutton li {
z-index: 1 !important;
font-weight: bold;
}
.tabanchorbutton a {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.fnnumblock ol li::marker {
color: rgb(var(--admo-color-bright));
font-family: var(--ui-font);
font-weight: bold;
}
admo-episode_splashcondctrladmo-rate_splashnotation