Link to article: Of Starfish.
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
.storybook {
font-family:Philosopher;
font-size: 105%;
}
/*---- Wikimodule integration ----*/
body {
--wm-bg: var(--foamy-white);
--wm-accent: var(--lagoon-hue);
--wm-border: var(--undersea-tone);
}
/*---- Custom divs ----*/
:root {
--stormy-sky: 190,235,241;
}
.warning-tide {
box-sizing: border-box;
border: solid .175rem rgb(var(--stormy-sky));
position: relative;
padding: 1rem;
margin-inline: auto;
font-family: var(--mono-font);
font-size: 1.125em;
color: rgb(var(--stormy-sky));
background-color: rgb(var(--undersea-tone));
}
.warning-tide::before {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-size: 100% 2px, 3px 100%;
opacity: .875;
z-index: 1;
pointer-events: none;
}
.opener {
font-size: 1.125em;
padding: 1.325rem;
padding-block-end: 0.5rem;
margin-block-start: 6.25rem;
}
.warning-header {
font-weight: bold;
text-align: center;
font-size: 1.5em;
padding: 0.25rem;
color: rgb(var(--undersea-tone));
background-color: rgb(var(--stormy-sky));
}
.warning-tide .hili {
font-weight: bold;
padding-inline: .125em;
color: rgb(var(--undersea-tone));
background-color: rgb(var(--stormy-sky));
}
/*-------------------------------*/
.fade-bridge {
position: relative;
margin-block: 3.5rem 1.75rem;
z-index: 2;
pointer-events: none;
}
.fade-bridge::before {
content: "";
position: absolute;
top: 50%; left: -2rem;
width: calc(100% + 4rem);
height: 25rem;
transform: translateY(-50%);
background: linear-gradient(to bottom, rgb(var(--stormy-sky), .125) 25%, rgb(var(--foamy-white), .75));
-webkit-mask-image: var(--mask);
-webkit-mask-position: center;
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
mask-image: var(--mask);
mask-position: center;
mask-size: cover;
mask-repeat: no-repeat;
-webkit-backdrop-filter: blur(.25rem);
backdrop-filter: blur(.25rem);
}
.fade-bridge hr {
margin: 0;
filter: drop-shadow(0 0 1rem rgb(var(--lagoon-hue)));
--hr-icon-size: 2.5rem;
}
/*-------------------------------*/
.mither {
font-family: var(--header-font);
color: aqua;
font-size: 1.375em;
line-height: 1.275;
}
.mither p { line-height: inherit; }
.scenesetter {
padding-inline: 1.75rem;
position: relative;
}
.scenesetter::before {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-image: var(--header-image);
background-size: cover;
background-position: center;
opacity: 0.225;
box-shadow: inset 0 0 4rem 4.25rem rgb(var(--foamy-white));
filter: blur(1.375rem);
z-index: -1;
}
.act {
font-family: Grenze Gotisch;
color: aqua;
font-size: 12rem;
text-align: center;
text-decoration: underline 6px aqua;
margin-bottom: -17rem;
}
.sub {
font-family: Grenze Gotisch;
color: aqua;
font-size: 600%;
text-align: center;
}
color: blue; font-family: Grenze Gotisch ; font-size: 1.25rem
component:preview
:scp-wiki:theme:oceanbound
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
scenesetter