Link to article: Flops' Author Page.
/* == SITE BANNER == */
:root {
--header-subtitle: "NO VEIL CAN HOLD THE HEAVENS";
--accentColor: hsl(180, 60%, 50%);
--accentColorLite: hsla(180, 60%, 60%, .5);
--hue: 180deg;
--bgColor: hsl(220, 59%, 27%);
--mgColor: hsl(220, 22%, 9%);
--fgColor: hsl(220, 60%, 15%);
--borderColor: var(--accentColor);
--bgBadgeColor: var(--fgColor);
}
body {
background-image:
linear-gradient(
var(--mgColor) 0 180px,
var(--bgColor) 720px 100%);
}
@media (min-width: 768px) {
#main-content {
max-width: 80%;
}
}
:where(h1, h2, h3, h4, h5) {
color: var(--textColorMid);
}
.lite-heading.extra-wide {
position: relative;
left: calc(-33vw + 50%);
width: 66vw;
max-width: 66vw;
background:
linear-gradient(
to right,
transparent,
var(--fgColor) 10% 90%,
transparent);
}
@media (max-width: 767px) {
.lite-heading.extra-wide {
left: unset;
width: unset;
max-width: unset;
}
}
.lite-heading.extra-wide hr {
height: .3rem;
background:
linear-gradient(
to right,
transparent,
var(--accentColor) 10% 90%,
transparent);
border: 0;
}
.lite-heading.extra-wide h1 {
font-size: 2.95rem;
}
/* == BOOKSHELF == */
div.bookshelf {
display: flex;
flex-flow: wrap;
}
div.book {
display: flex;
flex: 50%;
flex-direction: column;
align-items: center;
justify-content: center;
height: 6rem;
}
@media (max-width: 768px) {
div.book {
flex: 100%;
}
}
div.book p {
margin: 0;
}
/* == TABS == */
.yui-navset .yui-content {
padding-top: 2rem;
background: hsla(220, 60%, 21%);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:active,
.yui-navset .yui-nav .selected a:focus {
color: var(--keyColor);
}
.translations .collapsible-block-link::before,
.translations .collapsible-block-link::after,
.translations .collapsible-block-unfolded .collapsible-block-link::before,
.translations .collapsible-block-unfolded .collapsible-block-link::after {
content: "";
}
/* == MEGA COOL AUTHOR PAGE TOOL == */
.content-box {
margin-bottom: 1rem !important;
}
.content-box:hover {
box-shadow:
0 .53rem var(--fgColor),
0 -.27rem var(--fgColor) !important;
}
.content-box .content-section .translations iframe.scpnet-interwiki-frame,
.content-box .content-section .translations div.scpnet-interwiki-wrapper {
height: 290px !important;
}
.top-border {
border-color: var(--textColorAlt) !important;
}
#page-content .tooltip > a[href*="dark-achievement-badges"] {
border-bottom: 0;
}
/* == FLOPSTYLE: DARK MODS == */
.image-box {
border: 0 !important;
}
.blockquote.artpreciation > p {
margin-top: -.4rem;
}
@media (min-width: 768px) {
.blockquote.lightweight.exhibit p,
.blockquote.lightweight.exhibit ul {
margin: .4rem 0;
}
.blockquote.lightweight.exhibit h4 {
color: var(--textColorMid);
}
.blockquote.lightweight.exhibit {
width: 500px;
min-height: 240px;
margin: auto;
}
}
/* == CURRICULUM VITAE == */
.cv {
--accentColor: hsl(360, 71%, 70%);
--accentColorLite: hsla(360, 71%, 80%, .5);
}
.cv h1 {
--accentColor: hsl(360, 70%, 70%);
}
.cv h5 {
justify-content: start;
}
.cv a {
font-weight: bold;
}
.cv strong {
color: var(--textColorMid);
font-size: .9rem;
}
.cv strong::after {
content: " »";
padding: 0 .2rem;
}
.cv .library {
--accentColor: hsl(46, 79%, 50%);
--accentColorLite: hsla(46, 79%, 60%, .5);
}
.cv .declassification {
--accentColor: hsl(270, 60%, 60%);
--accentColorLite: hsla(270, 60%, 70%, .5);
}
.cv .translator,
.cv .editor {
padding: .02rem .2rem;
background: var(--accentColorTrans);
}
.cv .translator {
--accentColor: hsl(135, 55%, 55%);
--accentColorLite: hsla(135, 55%, 65%, .5);
--accentColorTrans: hsla(135, 55%, 55%, .1);
}
.cv .editor {
--accentColor: hsl(225, 65%, 65%);
--accentColorLite: hsla(225, 75%, 75%, .5);
--accentColorTrans: hsla(225, 65%, 65%, .1);
}
.idle {
opacity: .65;
}
.moo {
color: hsl(214, 70%, 65%);
font-weight: bold;
}
.lie {
--accentColor: var(--textColorHigh);
--accentColorLite: var(--textColorIdle);
padding: 1px 3px;
background: hsla(207, 75%, 50%, .3);
font: bold .95rem/1.5 var(--mono-font);
word-break: normal;
}
.FL_parent {
display: flex;
align-items: center;
justify-content: space-around;
}
.FL_child {
width: fit-content;
margin: auto;
font-size: .85rem;
}
/* == DIVS == */
.blockquote {
margin-right: 0;
margin-left: 0;
}
.blockquote .blockquote {
margin-right: 1rem;
margin-left: 1rem;
border-left-width: medium;
}
/* == X-SMALL BREAKPOINT == */
@media (max-width: 575.9px) {
#header h1 a { font-size: calc(.75em + 3.5vw); }
#header h2 { font-size: calc(.75em + 1.75vw); }
}
/* == SMALL BREAKPOINT == */
@media (min-width: 576px) and (max-width: 767.9px) {
#header h1 a { font-size: calc(.75em + 3vw); }
#header h2 { font-size: calc(.75em + 1.5vw); }
}
@media (max-width: 767.9px) {
#header h2 { margin-top: .5em; }
}
/* == MEDIUM BREAKPOINT == */
@media (min-width: 768px) and (max-width: 983.9px) {
#header h1 a { font-size: calc(.75em + 2.5vw); }
#header h2 { margin-top: 0; font-size: calc(.75em + 1.25vw); }
}
/* == LARGE BREAKPOINT == */
@media (min-width: 984px) and (max-width: 1199.9px) {
#header h1 a { font-size: calc(.75em + 2vw); }
#header h2 { font-size: calc(.75em + 1vw); }
#header h1 a::before { font-size: unset; }
#header h2::before { font-size: unset; }
}
border-radius: 1rem; opacity: .8
display:inline-block;padding:.4rem 1rem;background:hsl(180, 60%, 45%);border-radius:.5rem;cursor:pointer
color:#fff;font:bold 14px/1 sans-serif;text-decoration:none
width: fit-content; margin: 1rem auto
color: hsl(136, 71%, 69%); font-weight: bold
color: hsl(136, 71%, 69%); font-weight: bold
color: hsl(212, 71%, 73%); font-weight: bold
font-weight: bold
display:inline-block;margin-top:1rem;padding:0 1rem;background:hsl(180, 60%, 45%);border-radius:.5rem;cursor:pointer
color:#fff;font:bold 14px/1 sans-serif;text-decoration:none
:scp-wiki:theme:flopstyle-dark
[info]
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:snippets:bs-image
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:sybadge
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
lite-heading
extra-wide
pseudocrumbs
blockquote
lightweight
exhibit
bookshelf
book
book
book
lite-heading
report-box
tb
idle
idle
idle
report-box
cv
FL_parent
narration
centered
FL_child
narration
centered
FL_child
scpf
library
declassification
translator
editor
declassification
tb
idle
idle
idle
idle
idle
moo
idle
tb
idle
idle
idle
idle
tb
idle
tb
idle
tb
translator
idle
lie
idle
idle
tb
library
translator
library
library
library
library
tb
library
idle
idle
editor
editor
idle
idle
idle
idle
idle
idle
idle
idle
report-box
blockquote
solid
blockquote
solid
blockquote
solid
blockquote
solid
blockquote
solid
blockquote
solid
blockquote
solid
report-box
blockquote
lightweight
blockquote
lightweight
blockquote
lightweight
blockquote
lightweight
blockquote
lightweight
blockquote
lightweight
blockquote
lightweight
blockquote
blockquote
lightweight
report-box
blockquote
lightweight
artpreciation
blockquote
lightweight
artpreciation
blockquote
lightweight
artpreciation
report-box
blockquote
solid
blockquote
solid
blockquote
solid
blockquote
solid
blockquote
solid
blockquote
solid
blockquote
solid
blockquote
solid
lite-heading
footing
blockquote