Link to article: Gooday's Bad Page.
:root {
--borderColor: (#008080) !important;
--bgBadgeColor: (#F3F4F7) !important;
}
/* WANDERERS" LIBRARY CSS */
@import url("https://wanderers-library.wikidot.com/component:dustjacket-theme-typefaces/code/1");
@import url("https://use.typekit.net/tqr1skr.css");
.library-container {
--library-gold: 255, 219, 90;
--library-dkgreen: 45, 70, 45;
position: relative;
overflow: hidden;
-webkit-border-radius: 2rem;
-moz-border-radius: 2rem;
border-radius: 2rem;
}
.library-container::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
pointer-events: none;
-webkit-border-radius: 3rem;
-moz-border-radius: 3rem;
border-radius: 3rem;
background-image: -webkit-linear-gradient(285deg,
rgba(var(--library-gold), 1),
rgba(var(--library-gold), 0.3) 40%,
transparent 40%,
transparent 50%,
rgba(var(--library-gold), 0.8) 52%,
rgba(var(--library-gold), 0.4) 70%,
transparent 70%);
background-image: -moz-linear-gradient(285deg,
rgba(var(--library-gold), 1),
rgba(var(--library-gold), 0.3) 40%,
transparent 40%,
transparent 50%,
rgba(var(--library-gold), 0.8) 52%,
rgba(var(--library-gold), 0.4) 70%,
transparent 70%);
background-image: -o-linear-gradient(285deg,
rgba(var(--library-gold), 1),
rgba(var(--library-gold), 0.3) 40%,
transparent 40%,
transparent 50%,
rgba(var(--library-gold), 0.8) 52%,
rgba(var(--library-gold), 0.4) 70%,
transparent 70%);
background-image: linear-gradient(165deg,
rgba(var(--library-gold), 1),
rgba(var(--library-gold), 0.3) 40%,
transparent 40%,
transparent 50%,
rgba(var(--library-gold), 0.8) 52%,
rgba(var(--library-gold), 0.4) 70%,
transparent 70%);
opacity: 0;
background-position: -10rem -5rem;
background-repeat: no-repeat;
-webkit-filter: blur(0.25rem);
filter: blur(0.25rem);
-webkit-transition:
opacity 600ms cubic-bezier(.45, .05, .55, .95),
background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
-o-transition:
opacity 600ms cubic-bezier(.45, .05, .55, .95),
background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
-moz-transition:
opacity 600ms cubic-bezier(.45, .05, .55, .95),
background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
transition:
opacity 600ms cubic-bezier(.45, .05, .55, .95),
background-position 600ms cubic-bezier(.79, .14, .15, .86) 300ms;
}
.library-container:hover::before {
opacity: 0.15;
background-position: 0 0;
-webkit-transition:
opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
background-position 600ms cubic-bezier(.79, .14, .15, .86);
-o-transition:
opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
background-position 600ms cubic-bezier(.79, .14, .15, .86);
-moz-transition:
opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
background-position 600ms cubic-bezier(.79, .14, .15, .86);
transition:
opacity 300ms cubic-bezier(.45, .05, .55, .95) 300ms,
background-position 600ms cubic-bezier(.79, .14, .15, .86);
}
.library {
"wl-image wl-header"
"wl-image wl-text";
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1.25rem solid rgba(0, 0, 0, 0.5);
-webkit-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
-moz-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
-o-border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
border-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png") 600 round;
border-image-width: 6;
background: url("https://wanderers-library.wdfiles.com/local--files/component%3Atheme/wlheader_bg.png");
-webkit-border-radius: 2rem;
-moz-border-radius: 2rem;
border-radius: 2rem;
padding: 0.5rem;
color: rgb(var(--library-gold));
font-family: adelle-sans, sans-serif;
font-size: 1.15em;
overflow: hidden;
}
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
margin: 1rem auto 1rem auto;
:scp-wiki:theme:basalt
[info]
component:fundraiser-widget
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
component:sybadge
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
modal
blockquote
library-container
library
notation
notation
heading
notation
notation
notation
notation
notation
notation
notation
notation
notation
notation
notation
notation
notation