/*
Foundless Theme
[2020 Wikidot Theme]
Created by Greyve
Logo by stephlynch
*/
@supports(display: grid) {
/* ROOT - Header & General Recoloring */
:root:lang(pt-br) {
/* Intro */
--theme-base: "nuscp";
--theme-id: "foundless";
--theme-name: "Foundless Theme";
/* Header */
--logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:foundless/unfounded.gif");
--header-title: "Infundado";
--header-subtitle: "Imaculado pela Fundação";
/* Colors */
--pale-gray-monochrome: 220, 220, 240; /* Light Grey */
--light-gray-monochrome: 160, 160, 180; /* Accent Light Gray */
--gray-monochrome: 48, 48, 64; /* Gray */
--dark-gray-monochrome: 48, 48, 64; /*Gray */
--pale-accent: 140, 202, 202; /* Pale Blue*/
--bright-accent: 206, 233, 234; /* Light Blue*/
--medium-accent: 139, 179, 180; /* Blue */
--dark-accent: 68, 92, 109; /* Dark Blue */
--newpage-color: 135, 158, 176; /* Grey Blue */
/* Menu Colors */
--swatch-menubg-color: var(--gray-monochrome);
--swatch-menubg-light-color: var(--pale-gray-monochrome);
--swatch-menubg-medium-color: var(--light-gray-monochrome);
--swatch-menubg-medium-dark-color: var(--black-monochrome);
--swatch-menubg-dark-color: var(--dark-gray-monochrome);
--swatch-menubg-black-color: var(--black-monochrome);
--swatch-menubg-hover-color: var(--gray-monochrome);
--swatch-menutxt-dark-color: var(--dark-accent);
--swatch-menutxt-light-color: var(--white-monochrome);
--swatch-border-color: var(--black-monochrome);
/* Link Colors */
--link-color: var(--medium-accent);
--visited-link-color: var(--dark-accent);
--hover-link-color: var(--bright-accent);
/* Rating Module Colors */
--rating-module-text-color: var(--black-monochrome);
/* Header Colors */
--swatch-topmenu-border-color: var(--light-gray-monochrome);
--swatch-topmenu-bg-color: var(--light-gray-monochrome);
/* Navbar Shadow */
--gradient-background:
linear-gradient(
to bottom,
rgba(var(--background-gradient-color), 0.5) 0,
rgba(var(--background-gradient-color), 0)
var(--background-gradient-distance)
);
--background-gradient-color: var(--dark-accent);
--background-gradient-distance: 15rem;
--header-gradient-color-bottom: 68, 92, 109;
--header-gradient-color-middle: 135, 158, 176;
--header-gradient-color-top: 154, 180, 181;
--diagonal-stripes: repeating-linear-gradient(
135deg,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0) 0.25vh,
rgba(88, 88, 88, 0.1) 0.35vh,
rgba(88, 88, 88, 0.2) 0.5vh
);
}
/* Filter */
--filter: hue-rotate(268deg) saturate(50%) brightness(111%);
/* Ayers' Info Bar */
--barColour: rgb(var(--dark-accent));
#header {
/* ===HEADER ELEMENTS=== */
/* ===SEARCH ELEMENT=== */
/* Focus is when the search box has been clicked on */
--search-icon-focus-color: var(--swatch-alternate-color);
}
#top-bar {
/* ===DROPDOWN MENU=== */
--dropdown-links-hover-color: var(--swatch-text-tertiary-color);
}
#side-bar {
/* ===SIDEBLOCK MENU=== */
--sideblock-heading-border-color: var(--dark-accent);
--sideblock-heading-bg-color: var(--medium-accent),0.25;
--sideblock-heading-text-color: var(--swatch-text-tertiary-color);
--sidebar-links-hover-bg-color: var(--light-gray-monochrome)
}
/* ===FOOTER=== */
#footer {
--footer-link-hover-color: var(--swatch-text-tertiary-color);
}
/* ===LICENSE AREA=== */
#license-area {
--license-link-hover-color: var(--swatch-text-tertiary-color);
}
#main-content {
/* ===MAIN CONTENT UI ELEMENTS */
/* ===UI ICONS=== */
/* ===PAGE OPTIONS ICONS=== */
--ui-icon-hover-color: var(--dark-accent);
/* ===TEXT EDITOR ICONS=== */
--editor-icon-color: var(--swatch-menutxt-dark-color);
--editor-icon-hover-bg: var(--dark-accent);
/* ===TABS=== */
--tabs-txt: var(--swatch-text-tertiary-color);
--tabs-hover-bg: var(--swatch-primary-darkest);
--tabs-hover-txt: var(--swatch-text-secondary-color);
--tabs-selected-bg: var(--swatch-primary-darker);
--tabs-selected-txt: var(--swatch-text-secondary-color);
--tabs-selected-outline: var(--swatch-primary-darker);
/* ===TABLES=== */
--tables-header-bg: var(--light-gray-monochrome);
/* Color for special .colorbar-quote blockquote class */
--blockquote-colorbar-color: var(--swatch-primary-darker), 1;
/* ===PAGE TAGS=== */
--pagetags-text-hover-color: var(--swatch-primary-darkest);
}
/* ===GLOBAL ELEMENTS=== */
:root {
/* ===UI BUTTONS=== */
--ui-button-bg: var(--swatch-alternate-color);
--ui-button-txt: var(--swatch-text-secondary-color);
--ui-button-hover-bg: var(--swatch-primary-darkest);
--ui-button-hover-outline: var(--swatch-primary-darkest);
/* ===FOOTNOTES HOVER BLOCK=== */
--hoverblock-bg: var(--swatch-alternate-color);
}
::selection {
background: rgba(var(--swatch-primary-darkest), 1);
color: rgb(var(--swatch-primary));
}
/* Header Logo Compensation */
#header {
background-position: left 0 top 0;
background-size: var(--header-height-on-desktop) auto;
}
/* Page Title */
#page-title {
border-color: rgb(var(--dark-gray));
color: rgb(var(--medium-accent));
}
/* Page Rating Module */
.page-rate-widget-box {
border-color: rgb(var(--pale-gray-monochrome));
background: linear-gradient(to top,
rgba(var(--pale-gray-monochrome),1) 0%,
rgba(var(--pale-gray-monochrome), 1) 100%);
}
.rate-box-with-credit-button .page-rate-widget-box .cancel {
border-top: solid 1px rgb(var(--pale-gray-monochrome)) !important;
border-bottom: solid rgb(var(--pale-gray-monochrome)) !important;
}
#page-content .rate-box-with-credit-button {
border-color: rgb(var(--pale-gray-monochrome));
background: linear-gradient(to top,
rgba(var(--pale-gray-monochrome),1) 0%,
rgba(var(--pale-gray-monochrome), 1) 100%);
}
#page-content .rate-box-with-credit-button > .creditButton > p > a::before {
background-color: rgb(var(--pale-gray-monochrome));
}
#page-content .rate-box-with-credit-button > .creditButton:hover {
background: rgba(var(--bright-accent), 0.8);
}
#page-content .modalbox {
border-radius: 0;
background: rgb(var(--pale-gray-monochrome)) !important;
box-shadow: 0 2px 6px rgba(var(--bright-accent), 0.5);
color: rgb(var(--pale-gray-monochrome));
}
}
/* L2 has been here */
@media (max-width: 767px) {
#side-bar .side-bar-container {
background-color: unset !important;
padding: 0 !important;
}
}
