Link to article: Wackdog's Author Page.
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&display=swap');
:root{
--spring-leaf: 46, 140, 91;
--spring-leaf-dk: 34, 110, 70;
--spring-bloom: 201, 96, 150;
--spring-sun: 232, 156, 86;
--spring-paper: 250, 252, 247;
--spring-mist: 241, 247, 241;
--spring-border: 214, 226, 214;
--spring-ink: 24, 28, 24;
--basalt-primary-color: var(--spring-paper);
--basalt-secondary-color: var(--spring-mist);
--basalt-tertiary-color: var(--spring-border);
--basalt-main-text-color: var(--spring-ink);
--basalt-undertone: var(--spring-leaf);
--basalt-bright-element-color: var(--spring-leaf);
--basalt-dark-element-color: var(--spring-leaf-dk);
--basalt-alternate-color: var(--spring-sun);
--basalt-positive-color: var(--spring-leaf);
--basalt-negative-color: 255, 48, 48;
}
body{
background:
radial-gradient(circle at 12% 18%, rgba(var(--spring-leaf), 0.12), transparent 38%),
radial-gradient(circle at 88% 22%, rgba(var(--spring-bloom), 0.10), transparent 42%),
radial-gradient(circle at 70% 92%, rgba(var(--spring-sun), 0.10), transparent 44%),
rgb(var(--spring-paper));
}
#container-wrap{ background: transparent !important; }
#content-wrap{ background: transparent !important; }
.definition{
font-family: 'EB Garamond', serif;
text-align: center;
font-size: 140%;
margin: 1rem auto 1.25rem;
padding: 0.9rem 1rem;
max-width: 52rem;
border-radius: 8px;
background: rgba(var(--spring-mist), 0.75);
border: 1px solid rgba(var(--spring-border), 0.95);
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
}
.definition h1, .definition h2, .definition h3{
color: rgb(var(--spring-ink));
font-family: 'EB Garamond', serif;
}
blockquote,
.yui-navset.yui-navset-top .yui-content {
border-radius: 8px;
}
div.blockquote{
border-radius: 8px;
background: rgba(var(--spring-paper), 0.75);
border: 1px solid rgba(var(--spring-border), 0.95);
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
padding: 1rem 1.1rem;
position: relative;
}
div.blockquote::before{
content:"";
position:absolute;
left:0; top:0; bottom:0;
width: 6px;
border-radius: 0px 0 0 0px;
background: linear-gradient(
180deg,
rgba(var(--spring-leaf), 0.85),
rgba(var(--spring-bloom), 0.55),
rgba(var(--spring-sun), 0.70)
);
}
hr{
border: none;
height: 1px;
background: linear-gradient(
90deg,
transparent,
rgba(var(--spring-leaf), 0.35),
rgba(var(--spring-bloom), 0.25),
rgba(var(--spring-leaf), 0.35),
transparent
);
margin: 1.25rem 0;
}
#page-content .spring-hub{
position: relative;
}
body{ position: relative; }
body::before, body::after{
content:"";
position: fixed;
top: 15%;
width: 25%;
height: 100vh;
pointer-events: none;
opacity: 0.22;
z-index: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: top;
}
body::before{
background-size: 100%;
left: 0;
background-image: url("http://scp-sandbox-3.wikidot.com/local--files/wackdog9/cherry_blossom_branch.png");
transform: scaleX(-1);
}
body::after{
background-size: 100%;
right: 0;
background-image: url("http://scp-sandbox-3.wikidot.com/local--files/wackdog9/cherry_blossom_branch.png");
}
@media (max-width: 1600px){
body::before, body::after{ background-size: 100%; }
}
@media (max-width: 768px){
body::before, body::after{ display: none; }
}
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Nunito:wght@700;800&display=swap');
.spring-logo.blossom{
max-width: calc(var(--main-content-width) * .825) !important;
margin: 0.2rem auto 1rem;
padding: 2.4rem 1.8rem;
border-radius: 22px;
text-align: center;
position: relative;
overflow: hidden;
/* background: rgb(var(--spring-mist));
box-shadow:
0 24px 64px rgba(0,0,0,0.18),
0 2px 0 rgba(255,255,255,0.55) inset; */
}
.spring-logo.blossom .spring-logo__top,
.spring-logo.blossom .spring-logo__bottom{
position: relative;
z-index: 1;
text-transform: uppercase;
letter-spacing: 0.16em;
line-height: 1.05;
margin: 0;
color: rgb(var(--spring-sun));
text-shadow:
0 2px 0 rgba(255,255,255,0.75),
0 12px 20px rgba(0,0,0,0.12);
-webkit-text-stroke: 0;
}
.spring-logo.blossom .spring-logo__top{
font-family: "Fraunces", "EB Garamond", serif;
font-weight: 850;
font-size: clamp(1.8rem, 4.8vw, 4.6rem);
}
.spring-logo.blossom .spring-logo__bottom{
font-family: "Fraunces", "EB Garamond", serif;
font-weight: 750;
font-size: clamp(1.75rem, 4.0vw, 3.05rem);
margin-top: 0.9rem;
}
.spring-logo.blossom .spring-logo__divider{
position: relative;
z-index: 1;
margin: 0.75rem 0;
font-size: 4rem;
color: rgba(var(--spring-bloom), 0.70);
text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}
.spring-logo p{
margin: 0;
}
.yui-navset.yui-navset-top>ul.yui-nav {
font-family: 'EB Garamond', serif;
font-size: 1.2em;
font-weight: bold;
}
/*
body {
cursor: wait !important;
}
*/
/* Do not modify, unless u know what are u doing */
.snowflake {
color: #fff;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px #000;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:20s,20s;animation-delay:20s,20s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:21s,21s;animation-delay:21s,21s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:26s,25s;animation-delay:26s,25s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:24s,22s;animation-delay:24s,22s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:22s,22s;animation-delay:22s,22s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:28s,23s;animation-delay:28s,23s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:26s,22s;animation-delay:26s,22s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:22.5s,21s;animation-delay:22.5s,21s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:21s,20s;animation-delay:21s,20s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:23s,21.5s;animation-delay:23s,21.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:22s,20s;animation-delay:22s,20s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:24s,22.5s;animation-delay:24s,22.5s}
.snowflakes .snowflake:nth-child(1) { -webkit-animation-delay:-0.5s,-0.2s !important; animation-delay:-0.5s,-0.2s !important; }
.snowflakes .snowflake:nth-child(2) { -webkit-animation-delay:-1.6s,-0.7s !important; animation-delay:-1.6s,-0.7s !important; }
.snowflakes .snowflake:nth-child(3) { -webkit-animation-delay:-2.8s,-1.1s !important; animation-delay:-2.8s,-1.1s !important; }
.snowflakes .snowflake:nth-child(4) { -webkit-animation-delay:-4.1s,-1.6s !important; animation-delay:-4.1s,-1.6s !important; }
.snowflakes .snowflake:nth-child(5) { -webkit-animation-delay:-5.3s,-2.0s !important; animation-delay:-5.3s,-2.0s !important; }
.snowflakes .snowflake:nth-child(6) { -webkit-animation-delay:-6.7s,-2.4s !important; animation-delay:-6.7s,-2.4s !important; }
.snowflakes .snowflake:nth-child(7) { -webkit-animation-delay:-7.9s,-2.8s !important; animation-delay:-7.9s,-2.8s !important; }
.snowflakes .snowflake:nth-child(8) { -webkit-animation-delay:-9.2s,-0.4s !important; animation-delay:-9.2s,-0.4s !important; }
.snowflakes .snowflake:nth-child(9) { -webkit-animation-delay:-3.4s,-2.6s !important; animation-delay:-3.4s,-2.6s !important; }
.snowflakes .snowflake:nth-child(10) { -webkit-animation-delay:-8.6s,-1.3s !important; animation-delay:-8.6s,-1.3s !important; }
.snowflakes .snowflake:nth-child(11) { -webkit-animation-delay:-1.0s,-2.9s !important; animation-delay:-1.0s,-2.9s !important; }
.snowflakes .snowflake:nth-child(12) { -webkit-animation-delay:-6.0s,-0.9s !important; animation-delay:-6.0s,-0.9s !important; }
:root:has(.petal-toggle .collapsible-block-unfolded[style*="display: none"]) .snowflakes{
display: none !important;
}
:root:has(.petal-toggle .collapsible-block-folded[style*="display: none"]) .snowflakes{
display: block !important;
}
#page-content#page-content .petal-toggle a.collapsible-block-link{
display: inline-block;
border: 1px solid rgba(var(--spring-border), 0.95);
padding: .25rem .7rem;
background: rgba(var(--spring-mist), 0.65);
color: rgb(var(--spring-leaf-dk));
text-decoration: none !important;
font-weight: 700;
}
#page-content#page-content .petal-toggle a.collapsible-block-link:hover{
background: rgba(var(--spring-leaf), 0.14);
border-color: rgba(var(--spring-leaf), 0.35);
}
.petal-toggle .collapsible-block-folded,
.petal-toggle .collapsible-block-unfolded{
margin-top: .25rem;
}
width:10px;
width:5px;
width:7px;
width:8px;
width:5px;
width:10px;
width:6px;
width:9px;
width:8px;
width:10px;
width:6px;
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
petal-toggle
star-toggle
spring-logo
blossom
spring-logo__top
blockquote
blockquote
snowflakes
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake
snowflake