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(222, 22%, 9%);
--fgColor: hsla(0, 0%, 0%, .4);
--borderColor: var(--accentColor);
--bgBadgeColor: var(--fgColor);
}
body {
background-attachment: fixed;
background-color: var(--mgColor);
background-image: url(https://scp-wiki.wikidot.com/local--files/floppyphoenix/bg-grad.png);
}
@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;
}
.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;
height: 360px;
}
}
/* ======== */
.footing {
/* == Page Footing == */
padding-top: 1.6rem;
}
.footing::before {
bottom: .27rem;
border-bottom: 4px solid var(--accentColor);
}
.footing::after {
top: .13rem;
border-bottom: 2px solid var(--accentColorLite);
}
/* ==== 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: .95rem;
}
.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;
}
/* ==== X-SMALL BREAKPOINT ==== */
@media (max-width: 575px) {
#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: 767px) {
#header h1 a { font-size: calc(.75em + 3vw); }
#header h2 { font-size: calc(.75em + 1.5vw); }
}
@media (max-width: 767px) {
#header h2 { margin-top: .5em; }
}
/* ==== MEDIUM BREAKPOINT ==== */
@media (min-width: 768px) and (max-width: 991px) {
#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: 992px) and (max-width: 1199px) {
#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
font-weight: bold
color: hsl(136, 71%, 69%); font-weight: bold
color: hsl(136, 71%, 69%); font-weight: bold
color: hsl(212, 71%, 73%); 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:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[info]
:scp-wiki:component:mega-cool-author-page-tool
[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:sybadge
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
lite-heading
extra-wide
pseudocrumbs
blockquote
lightweight
exhibit
offset-left
left-3
tb
blockquote
lightweight
exhibit
offset-right
right-3
bookshelf
book
book
book
book
book
lite-heading
report-box
tb
idle
idle
idle
idle
idle
cv
report-box
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
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
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
top-border
lite-heading
footing
blockquote