Link to article: KatyaStrangelove's Author Page.
:root {
--basalt-bright-element-color: 32, 135, 108;
--basalt-dark-element-color: 36, 115, 94;
--basalt-secondary-color: 18, 18, 18;
--general-border-color: 0, 94, 75;
--title: "KatyaStrangelove";
--subtitle: "MID-TIER AUTHOR/ARTIST";
--s: 54px; /* control the size*/
--c1: #000000;
--c2: #052f1f;
--_g: #0000 24%,
var(--c2) 26% 34%,var(--c1) 36% 44%,
var(--c2) 46% 54%,var(--c1) 56% 64%,
var(--c2) 66% 74%,#0000 76%;
}
body {
font-size: 0.97em;
background:
radial-gradient(100% 100% at 100% 0,var(--_g)),
radial-gradient(100% 100% at 0 100%,var(--_g)),
radial-gradient(var(--c2) 14%,var(--c1) 16%)
calc(var(--s)/2) calc(var(--s)/2);
background-size: var(--s) var(--s);
}
h2 {
text-align: center;
}
h3 {
color: rgb(210, 210, 210)
}
h4 {
color: rgb(32, 135, 108);
}
h5 {
text-align: center;
}
#page-content div.modal {
max-width: 50rem;
}
div[class$="_memo"] {
background-color: rgba(var(--basalt-secondary-color), 1);
border: 1px solid #990000;
}
div.ethics_memo {
--memo-heading: "ETHICS COMMITTEE MEMORANDUM";
--memo-logo: url(http://scp-sandbox-3.wikidot.com/local--files/katyastrangelovearbor/ethics1);
--memo-color: 190, 190, 190;
}
/* BHL styled collapsibles with fancy-schamncy animations! By Monkatraz, modified by AnActualCrow */
/* #page-content is shoved everywhere to make sure it's the most specific thingy */
/* Styling! */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
margin: auto;
padding: 1rem 0 1rem 0;
/* Technical bits */
max-width: 15em;
white-space: wrap;
overflow: hidden;
text-align: center;
border: 1px solid rgb(32, 135, 108);
background-color: #171717;
}
/* The Clicky Text */
#page-content .collapsible-block-link {
color: rgb(200, 200, 200);
font-weight: bold;
text-decoration: none;
text-align: center;
}
/* Gets rid of the underline when hovering over the collapsible */
#page-content .collapsible-block-link:hover {
text-decoration: none
color: #ffffff;
}
/* Collapsible content */
#page-content .collapsible-block-unfolded-link{
max-width: 15em;
white-space: wrap;
overflow: hidden;
background-color: #262626;
color: rgb(255, 255, 255);
}
/* Hovering effects */
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
background:rgba(36, 115, 94, 0.8);
}
/* Collapsible borders - because it looks prettier this way */
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{
border-top-color: #ededed;
border-bottom-color: #ededed;
}
/* When hovering over link, change addendum tag to hover-color */
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
background: #ededed;
}
/* Click flash when clicking, also forces the collapsible to expand */
#page-content .collapsible-block-folded:active, #page-content .collapsible-block-unfolded-link:active, #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content::after {
transition: background 0s, max-width 0s;
background: #000000;
max-width: 15em;
}
/* On click, change borders to click-color */
#page-content .collapsible-block-unfolded-link:active + .collapsible-block-content {
transition: border-top-color 0s, border-bottom-color 0s;
border-top-color: #000000;
border-bottom-color: #000000;
}
/* Centering, very simple */
#page-content .center-collapse .collapsible-block-folded, #page-content .center-collapse .collapsible-block-unfolded-link, #page-content .center-collapse .unfolded-collapse{
margin:auto;
margin-top: 10px;
}
/* Removing the slick animation and addendum number because you're a monster */
/* Set back the max width and just ignore the transition screwyness */
#page-content .no-addendum .collapsible-block-folded {
max-width: 100%;
}
/* Ayer's info-bar patch */
#page-content .info-container .collapsible-block {
counter-increment: none;
}
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link {
transition: none;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
box-shadow: none;
background: var(--barColour);
}
#page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before {
content: "";
display: none;
}
#page-content .info-container .collapsible-block-content {
border-bottom: none;
transition: none;
border-top: none;
}
#page-content .info-container .collapsible-block-content::after {
display: none;
}
/* License Box Patch */
#page-content .licensebox .collapsible-block-link {
color: inherit;
}
#page-content .licensebox .collapsible-block-link:hover {
text-decoration: underline;
}
#page-content .licensebox .collapsible-block {
counter-increment: none;
}
#page-content .licensebox .collapsible-block-folded,
#page-content .licensebox .collapsible-block-unfolded-link {
transition: none;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
box-shadow: none;
background: none;
}
#page-content .licensebox .collapsible-block-folded::before,
#page-content .licensebox .collapsible-block-unfolded-link::before {
content: "";
display: none;
}
#page-content .licensebox .collapsible-block-content {
border-bottom: none;
transition: none;
border-top: none;
}
#page-content .licensebox .collapsible-block-folded .collapsible-block-link::before,
#page-content .licensebox .collapsible-block-unfolded .collapsible-block-link::before,
#page-content .licensebox .unfolded-collapse::before {
display: none;
}
#page-content .licensebox .collapsible-block-content::after {
display: none;
}
.texts {
display: flex;
flex-direction: column;
margin: auto;
padding-left: 0em;
padding-right: 0em;
padding-top: 0.5em;
padding-bottom: 0.5em;
width: 90%;
}
.incoming {
border: 1px solid #990000;
background:#0f0f0f;
text-align: left;
align-self: start;
margin-right:25%;
margin-left:1em;
margin-top: 0.2em;
margin-bottom: 0.05em;
border-radius: 1px;
padding: 0.05em 1em 0.05em 1em;
line-height: 0.01em
max-width: 75%;
width: fit-content;
color: #ededed;
}
.outgoing {
border: 1px solid #990000;
background:#1c1c1c;
text-align: left;
align-self: end;
margin-left:25%;
margin-top: 0.2em;
margin-bottom: 0.05em;
margin-right:1em;
border-radius: 1px;
padding: 0.05em 1em 0.05em 1em;
line-height: 0.01em
max-width: 75%;
width: fit-content;
color: #ededed;
}
.dialoguewide {
display: grid;
grid-template-columns: 8em auto;
grid-template-areas:
'speaker text';
justify content: center;
margin: auto;
padding: 0 0 0 0;
width: 95%;
}
.dialogue {
display: grid;
grid-template-columns: 4.5em auto;
grid-template-areas:
'speaker text';
justify content: center;
margin: auto;
padding: 0 0 0 0;
width: 95%;
}
.speaker {
line-height: 0.05em;
border-right: 1px solid #ab0000;
border-top: 0.25px solid #ab0000;
border-bottom: 0.25px solid #ab0000;
padding-left: 18px;
}
.text {
padding-left: 18px;
padding-right: 18px;
line-height: 0.05em;
border-top: 0.25px solid #ab0000;
border-bottom: 0.25px solid #ab0000;
}
.flex {
display: flex;
flex-direction: row;
background-color: #000000;
border: solid 1.5px rgb(32, 135, 108);
width: 100%
margin: auto;
padding: 1em;
}
.shitbox {
align-self: center;
}
@media only screen and (max-width: 480px) {
.flex {
flex-wrap: wrap;
}
.
}
width:300px;
font-size: 0.7em;
flex
shitbox
shitbox
scp-image-block
block-right
scp-image-caption
modal