/* Webcore Theme*/
/* 2026 Wikidot Theme */
/* By UncertaintyCrossing */
/* Based on or inspired by the Revelatrix theme by IronShears, Generic Space Theme by EstrellaYoshte, and Dust Jacket by Woedenaz.*/
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Coral+Pixels&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
:root {
--error-black: 0, 0, 0;
--clean-white: 245, 251, 240;
--default-grey: 220, 220, 220;
--default-dark-grey: 128, 128, 128;
--default-darkest-grey: 71, 71, 71;
--deathscreen-blue: 0, 86, 228;
--selection-teal: 183, 217, 246;
--warning-yellow: 241, 245, 25;
--window-offwhite: 231, 232, 213;
--digital-red: 255, 0, 0;
--digital-cyan: 0, 255, 247;
--pixel-purple: 45, 20, 117;
--body-font: 'Agdasima', sans-serif;
--header-font: 'Coral Pixels', serif;
--title-font: 'VT323', monospace;
--UI-font: 'VT323', monospace;
--mono-font: 'Share Tech Mono', monospace;
--logo-image: url(https://wanderers-library.wdfiles.com/local--files/component%3Awebcore/pixel_wl_logo.png);
--glitch-footer-bg: url(https://wanderers-library.wdfiles.com/local--files/component%3Awebcore/pixel_footer_2.png);
--pixel-body-bg: url(https://wanderers-library.wdfiles.com/local--files/component%3Awebcore/pixel_bg_2.jpg);
--white-monochrome: var(--clean-white);
--light-gray-monochrome: var(--default-dark-grey);
--light-pale-gray-monochrome: var(--default-grey);
--gray-monochrome: var(--deathscreen-blue);
--pale-gray-monochrome: var(--window-offwhite);
--dark-gray-monochrome: var(--default-darkest-grey);
--black-monochrome: var(--error-black);
--bright-accent: var(--digital-cyan);
--medium-accent: var(--digital-red);
--dark-accent: var(--pixel-purple);
--swatch-primary-darker: var(--deathscreen-blue);
--swatch-secondary-color: var(--dark-gray-monochrome);
--swatch-menutxt-light-color: var(--window-offwhite);
--swatch-menubg-light-color: var(--white-monochrome);
--swatch-menutxt-general-color: var(--swatch-menubg-black-color);
--swatch-text-tertiary-color: var(--pixel-purple);
--swatch-tertiary-color: var(--pixel-purple);
--sidebar-links-bg-color: var(--default-darkest-grey);
--ui-button-txt: var(--clean-white);
--ui-button-bg: var(--default-darkest-grey);
--modal-body-text: var(--swatch-text-general);
--modal-body-header-txt: var(--swatch-primary-darker);
--modal-header-stripe: var(--white-monochrome);
--hoverblock-header-bg: var(--swatch-text-secondary-color);
--hoverblock-txt: var(--black-monochrome);
--hoverblock-bg: var(--light-pale-gray-monochrome),0.8;
--hoverblock-footer-txt: var(--deathscreen-blue);
--hover-link-color: var(--pixel-purple);
--visited-link-color: var(--deathscreen-blue);
--rating-module-bottom-border-color: var(--error-black);
--rating-module-text-hover-color: var(--pale-gray-monochrome);
--sideblock-heading-text-color: var(--warning-yellow);
}
body {
background-color: rgb(var(--default-grey));
background-image: var(--pixel-body-bg);
background-size: calc(50rem);
background-attachment: fixed;
background-repeat: repeat;
color: rgb(var(--error-black));
font-size: 17px;
}
#footer::before {
content: "";
position: absolute;
bottom: 0; left: 0;
height: calc(8rem + 13.25vw); width: 100%;
background-image: var(--glitch-footer-bg);
background-size: cover;
background-position: center top;
z-index: -1;
pointer-events: none;
}
html,
body {
scrollbar-color: rgb(var(--selection-teal)) rgb(var(--deathscreen-blue));
}
::-webkit-scrollbar,
#side-bar:hover::-webkit-scrollbar {
background-color: rgb(var(--pixel-purple));
}
::-webkit-scrollbar-thumb,
#side-bar:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--warning-yellow));
}
#side-bar div.collapsible-block div.collapsible-block-folded > a.collapsible-block-link {
background: rgb(var(--sidebar-collapsible-fld-link-bg));
color: rgb(var(--digital-cyan)) !important;
}
:is(#side-bar, #interwiki) .heading p {
color: rgb(var(--warning-yellow));
}
:is(#side-bar, #interwiki) .heading {
color: rgb(var(--warning-yellow));
}
:is(#interwiki, #side-bar) .heading {
color: rgb(var(--warning-yellow));
}
#main-content {
--tabs-bg: var(--deathscreen-blue);
--tabs-bottom-border-color: var(--pixel-purple);
--tabs-hover-bg: var(--selection-teal);
--tabs-txt: var(--swatch-text-secondary-color);
--tabs-content-bg-color: var(--window-offwhite), 0.375;
--tables-border: var(--pixel-purple);
--footnotes-footer-bg-color: var(--window-offwhite);
margin: 0 auto;
}
tt, pre { font-size: 0.9125em; }
div.rate-box-with-credit-button, div.page-rate-widget-box {
background:
linear-gradient(to top,
rgba(var(--selection-teal), 1) 0,
rgba(var(--deathscreen-blue), 1) 100%);
}
/*------ HEADER ------*/
#header h1 a::before {
color: rgb(var(--warning-yellow));
text-shadow: inherit;
}
#header h1 a::after {
background: rgba(var(--warning-yellow), 1);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
/*----------------------------*/
#header #login-status a.btn:is(.login-status-create-account,.login-status-sign-in) {
color: rgb(var(--swatch-text-secondary-color));
}
#search-top-box { box-shadow: none; }
#login-status #account-options {
width: auto;
padding: 0.5em;
border-color: rgba(var(--bright-accent));
background: rgba(var(--error-black), 0.5);
color: rgb(var(--swatch-text-light));
}
#top-bar {
--dropdown-bg-color: var(--default-darkest-grey), 0.875;
}
#header div[class*=top-bar]>ul>li>a {
font-size: min(calc(.625em + .75vw), 1.125em);
}
#skrollr-body {
height: 10rem;
background-image: url( https://wanderers-library.wdfiles.com/local--files/component%3Awebcore/pixel_header_2.jpg );
background-size: cover;
background-position: 50% 50%;
}
/*------DIVS ------*/
.alertdefault {
margin: 1.25rem;
padding: .75rem;
background-color: rgb(var(--window-offwhite));
border: 0.25rem outset rgb(var(--warning-yellow));
font-family: 'share tech mono', monospace;
font-style: bold;
}
.alertwarning {
margin: 1.25rem;
padding: .75rem;
background-color: rgb(var(--clean-white));
border: 0.25rem outset rgb(var(--digital-red));
color: rgb(var(--digital-red));
font-family: 'share tech mono', monospace;
font-style: bold;
}
.alerterror {
margin: 1.25rem;
padding: .75rem;
background-color: rgb(var(--deathscreen-blue));
border: 0.25rem outset rgb(var(--clean-white));
color: rgb(var(--clean-white));
font-family: 'VT323', monospace;
font-style: bold;
}
.alertglitch {
margin: 1.25rem;
padding: .75rem;
background-color: rgb(var(--clean-white));
border: 0.25rem outset rgb(var(--pixel-purple));
font-family: 'Coral Pixels', serif;
}
.glitchborder {
margin: 1.25rem;
padding: .75rem;
border-style: double;
border-color: rgb(var(--digital-red)) rgb(var(--digital-cyan)) rgb(var(--digital-cyan)) rgb(var(--digital-red));
}
/*------ SIDE BAR ------*/
#side-bar .close-menu::before,
#side-bar .close-menu::after {
width: var(--topbar-height-on-mobile);
height: var(--topbar-height-on-mobile);
top: -.15rem; left: -.15rem;
border-radius: 0 0 0.75rem 0;
border: none;
}
#side-bar .heading, {
color: rgb(var(--warning-yellow));
}
:is(#interwiki, #side-bar) .heading {
color: rgb(var(--warning-yellow));
}
:is(#side-bar, #interwiki) .heading p {
rgb(var(--warning-yellow));
}
#side-bar {
background: rgb(var(--default-darkest-grey));
}
/*------ MAIN ------*/
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]), .fancyborder {
border-radius:10px;
border-width: 2px;
border-image: none;
background-color: rgba(var(--white-monochrome), 0.85);
border-color: rgb(var(--bright-accent));
border-style: solid;
}
.fancyborder {
padding-bottom: 10px;
padding-top: 10px;
margin-top:20px;
margin-bottom:20px;
}
.fancyborder>h1, .fancyborder>h2, .fancyborder>h3, .fancyborder>h4, .fancyborder>h5, .fancyborder>h6{
text-align:center;
}
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]), .fancyborderdark {
border-radius:10px;
border-width: 2px;
border-image: none;
background-color: rgba(var(--pixel-purple), 0.85);
border-color: rgb(var(--deathscreen-blue));
border-style: solid;
}
.fancyborderdark {
box-sizing: border-box;
padding: 2vw;
padding-bottom: 10px;
padding-top: 10px;
margin-top: 20px;
margin-bottom: 20px;
color: rgb(var(--clean-white));
}
.fancyborderdark>h1, .fancyborderdark>h2, .fancyborderdark>h3, .fancyborderdark>h4, .fancyborderdark>h5, .fancyborderdark>h6{
text-align:center;
color: rgb(var(--digital-cyan));
}
#content-wrap { position: relative; }
#content-wrap::before {
content: "";
position: absolute;
height: 100%; width: 100%; top: 0; left: 0;
background-repeat: repeat-x;
pointer-events: none;
background-image: url(https://wanderers-library.wdfiles.com/local--files/component%3Awebcore/pixel_halftone.png);
opacity: 0.2;
}
h1,h2,h3,h4,h5,h6 { color: rgb(var(--deathscreen-blue)); }
#page-title, .meta-title {
color: rgb(var(--deathscreen-blue));
}
#page-title::before,#page-title::after,
.meta-title::before, .meta-title::after {
background-image: unset;
background-color: currentColor;
}
.code, .page-source {
border: 1px solid rgb(var(--medium-accent));
background-color: rgb(var(--white-monochrome));
color: rgb(var(--pixel-purple));
}
#main-content .fancyhr hr {
box-sizing: border-box;
height: 0;
border-top: 2vw solid transparent;
background: none;
background-color: rgba(255, 219, 90, 0);
background-color: rgba(var(--bright-accent), 0);
border-image-source: url(wanderers-library.wikidot.com/local--files/component:webcore/pixel_hr.png);
border-image-repeat: round round;
border-image-slice: 80 500 80 500 fill;
border-image-width: 10em 80em 10em 80em;
}
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
color: rgba(var(--warning-yellow), 1);
background-color: rgba(var(--error-black), 0.65);
border: .063em solid rgba(var(--bright-accent), 1);
}
.newblock {
margin: 1.25rem;
padding: .75rem;
border: 0.25rem outset rgb(var(--medium-accent));
background-color: rgb(var(--dark-gray-monochrome));
color: rgb(var(--bright-accent));
}
.newblock h1 h2 h3 h4 h5 h6 {
color: rgb(var(--bright-accent));
}
/* Collection Box / More By This Author */
.authorname {
color: rgb(var(--dark-accent));
font-weight: bold;
text-align: center;
}
.collection .collapsible-block-unfolded-link a, .collection .collapsible-block-folded a {
color: rgb(var(--pixel-purple));
font-weight: bold;
}
.articlecolumn {
background-color: rgba(var(--default-grey), 1);
}
/*--- HR ---*/
#main-content hr {
background: url( );
background-image: url(" ");
background-color: rgba(var(--deathscreen-blue));
}
hr::before, hr::after {
content: " ";
display: grid;
grid-column: 1/2;
grid-row: 1/2;
}
hr::before {
height: 0.05rem;
width: 100%;
hr::after {
width: var(--hr-icon-size);
height: var(--hr-icon-size);
}
/*--- Tabs ---*/
:is(.yui-navset,.yui-navset-top,.yui-navset-bottom) .yui-content {
border: none;
}
/*--- Table ---*/
table.wiki-content-table th { box-shadow: none; }
/*--- Footnotes ---*/
.hovertip {
-webkit-backdrop-filter: blur(0.125rem);
backdrop-filter: blur(0.125rem);
}
.hovertip::before {
box-shadow: none;
border: solid 0.1rem rgb(var(--hoverblock-header-bg));
}
.footnote .f-content, .reference .r-content {
font-family: var(--body-font);
}
.footnotes-footer, .bibitems {
background-color: rgb(var(--window-offwhite),0.6);
}
:is(.footnotes-footer,.bibitems) .bibitem::after, :is(.footnotes-footer,.bibitems) a[href*=javascript]::before {
right: -30%;
background-color: transparent;
}
/*--- Tags ---*/
#main-content .page-tags span a:any-link:not([href^="/system:page-tags/tag/_"])::after {
background: currentColor;
box-shadow: none;
}
/*------ BOTTOM ------*/
#footer {
--footer-link-color: var(--swatch-primary);
--footer-link-hover-color: var(--swatch-alternate-color);
--footer-link-hover-bg-color: var(--swatch-primary-darker);
position: relative;
margin-top: calc(6.25rem + 10vw);
background: transparent;
isolation: isolate;
}
#license-area {
--license-text-color: var(--swatch-text-secondary-color);
--license-link-hover-color: var(--swatch-alternate-color);
--license-link-hover-bg-color: var(--swatch-primary-darker);
}
#who-rated-page-area > div > span[style*="color"] {
color: rgb(var(--warning-yellow)) !important;
background-color: rgb(var(--warning-yellow)) !important;
}
#action-area:has(form[onsubmit*="setParent"], #who-rated-page-area, form[onsubmit*="PageTagsModule"], table.page-files, #edit-meta-addbutton, ul[style="list-style: none"], #page-block-checkbox, #rename-option-rename, #rename-option-delete) p:not(:has(a[id*="backlinks"], a[onclick*="showWho"], a.btn)) {
rgb(var(--swatch-secondary-color))
}