Link to article: Rise of the Wave.
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ancizar+Sans:ital,wght@0,100..1000;1,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*
font-family: "UnifrakturMaguntia", cursive;
font-family: "Noticia Text", serif;
font-family: "Ancizar Sans", sans-serif;
font-family: "Newsreader", serif;
font-family: "Inter", sans-serif;
*/
.side-text-cell {
background: url(http://scp-wiki.wikidot.com/local--files/rise-of-the-wave/flame-2-grey.svg) center no-repeat;
background-size: 2em;
}
/* newspaper image filter adopted from CodePen Home
CSS by Halftone Filter
Scott Vandeheyhttps://codepen.io/spaceninja/pen/oNEOXRZ */
.np-img {
position: relative;
overflow: hidden;
filter: contrast(200%);
}
.np-img:before {
content: "";
position: absolute;
top: -50%;
left: -50%;
bottom: -50%;
right: -50%;
background: radial-gradient(circle at center, #333, #fff);
background-size: var(--px-size);
transform: rotate(30deg);
}
.np-img img{
object-fit: scale-down;
object-position: center;
mix-blend-mode: hard-light;
}
/* patch */
.creditRate:has(.collapsible-block-folded[style|="display: none;"]) ~ div .np-img:before {
filter: invert(1);
}
display: none;
display: flex;margin:25vh 0;flex-direction: column;align-items: center;
float: center; border: solid 3px #555; width: 85%; padding: 1px 15px; margin: auto; margin-top: 10px;
font-size: 450%; margin: 2px 0 5px;
font-family: serif; font-size: 125%; border-top-style: solid; border-bottom-style: solid;
border: none; width: 100%;
text-align: center;
text-align: right; style=
font-family: 'Anton'; font-size: 200%;
float: right;
width: 200px;margin: 0.5em 1em;
width:200px;
font-size: 0.8em;
width: 200px;margin: 0.5em 1em;
width:200px;
font-size: 0.8em;
float: right;width: 200px;margin: 0.5em 1em;
width:200px;
font-size: 0.8em;
padding: 1px 15px; margin: auto; margin-top: 10px; box-shadow: 0 1px 3px #555; background: #f6f6f6; font-family:
text-align: center
font-family:
display: flex; justify-content: space-between; font-size: 0.8em; font-weight: bold;
font-family: 'Pinyon Script';margin: 2px 0 5px;background: linear-gradient(0deg, transparent 20%, darkred 20% 80%, transparent 80%);border-block: 1px #000 solid;
display: block;background: #B59410;width: fit-content;margin: auto;border-radius: 2rem;padding: 0 1em;
font-size: 375%; text-align: center; margin: 0 0.4em;
font-size: 125%; margin: 2px 0 5px;
--px-size: 3px 3px;
text-align: right; font-size: 0.5em;
font-weight: bold; font-size: 0.8em;
padding: 1px 15px; margin: auto; margin-top: 10px; box-shadow: 0 1px 3px #555; background: #e0dedb; font-family:
text-align: center
font-family: font-family:
font-family: 'Pinyon Script'; font-size: 250%; margin: 2px 0 5px;
font-family: serif; font-size: 125%; border-top-style: solid; border-bottom-style: solid;
border: none; width: 100%;
text-align: right;
font-family: 'Anton'; font-size: 375%; margin: 2px 0 5px;
font-family: 'Anton'; font-size: 200%; margin: 2px 0 5px;
float: right;width: 200px;margin: 0.5em 1em;
--px-size: 4px 4px;
width:200px;
font-size: 0.8em;
border: solid 3px #ec1801; padding: 1px 15px; margin: auto; margin-top: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.2); background: #fafafa; font-family:
font-size: 7em;margin: 2px 0 5px;border-bottom-style: solid;background: red;color:#fff;display: table;font-weight: bold;text-align: center;padding: 0 01em; font-family:
display: table-header-group; font-size: 40%; transform: translatey(0.4em); line-height: 0.4;
transform: scaleX(1.75) scaley(1.5); display: inline-block;
border: none; width: 100%; font-size: 0.8em; font-family:
text-align: right;
text-align: center
font-weight: bold; font-family:
font-size:160%;line-height: 120%;
float: left; margin-right: 1em;
float: left;width: 150px;font-size: 0.8em;margin: 0 1em 0 0;text-align: center;
--px-size: 1.5px 1.5px;filter: contrast(120%);
border: solid #000 2px; box-sizing: border-box;
--px-size: 1.5px 1.5px; filter: contrast(120%);
width:100vh; border: solid #000 2px; box-sizing: border-box;
font-size:0.8em;
background: lightblue;border: #00B0F0 5px solid;padding: 1em;margin: 1em 0; font-family:
float: center; border: solid 3px #444444; background: #f5f5f5; padding: 1px 15px; margin: auto; margin-top: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.2); font-family:
text-align: center
font-family:
font-family: serif; font-size: 125%; border: solid;
font-family: 'Anton'; font-size: 300%; margin: 2px 0 5px;
font-family:
--px-size: 2px 2px; filter: contrast(115%);
text-align: right; font-size: 0.5em;
font-weight: bold; font-size: 0.8em;
display: block;margin-inline: auto; margin-block: 1.4rem; padding-inline: 1rem;padding-block: 0.4rem;border: solid 0.3rem #4169E1;
filter:grayscale(100%);
component:preview
:scp-wiki:info:start
[info]
:scp-wiki:info:end
[info]
:scp-wiki:component:info-cw
[info]
:scp-wiki:component:advanced-navigation-toolbar-source
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
img-mode-switch
content-warning
creditRate
content-warning-arrow
unmargined
unmargined
unmargined
unmargined
np-img
unmargined
unmargined
unmargined
unmargined
unmargined
np-img
unmargined
np-img
np-img
unmargined
unmargined
unmargined
unmargined
np-img
blockquote