/*
[FEBRIS PHARMACEUTICALS THEME]
by: Heck_Tech and dddaker
*/
@import url('https://fonts.googleapis.com/css2?family=Oxanium&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Datatype&display=swap');
:root {
--theme-base: "black-highlighter";
--theme-id: "febris-pharmaceuticals-theme";
--theme-name: "Febris Pharmaceuticals";
/* PAGE */
--logo-image: url("https://scp-wiki.wikidot.com/local--files/heck-s-cool-corner/Logo%20Febris%20Nuovo");
--header-title: "Febris Pharmaceuticals";
--header-subtitle: "Nostrum Malum, Nostra Salus";
--mono-font: "IBM Plex Mono", monospace;
--header-font: "Oxanium", sans-serif;
--title-font: "IBM Plex Mono", monospace;
/* PURPLES */
--light-lilly: 226, 187, 252;
--cool-purple: 207, 143, 250;
--light-purple: 188, 99, 248;
--febris-pharma: 163, 39, 245;
--light-lavender: 151, 11, 244;
--dark-lavender: 124, 9, 200;
--light-tint: 96, 7, 156;
--medium-tint: 69, 5, 112;
--dark-tint: 42, 3, 68;
/* WHITES */
--white-purple: 245, 231, 254;
--old-paper: 255, 251, 245;
/* BLACKS */
--eigengrau: 22, 22, 29;
--deep-purple: 15, 1, 24;
/* Colors */
/* white */
--white-monochrome: 252, 252, 252;
/* v light gray for blockquotes and stuff */
--pale-gray-monochrome: 255, 251, 245;
/* very light pale gray for misc. use */
--light-pale-gray-monochrome: 22, 22, 29;
/* very light accent gray for misc. use */
--very-light-gray-monochrome: 22, 22, 29;
/* light accent gray for login status */
--light-gray-monochrome: 22, 22, 29;
/* gray */
--gray-monochrome: 255, 251, 245;
/* dark accent gray for sidebar background */
--dark-gray-monochrome: 22, 22, 29;
/* black */
--black-monochrome: 22, 22, 29;
/* subdued theme color */
--pale-accent: 163, 39, 245;
/* vivid theme color the "default" accent color */
--bright-accent: 124, 9, 200;
/* theme color */
--medium-accent: 163, 39, 245;
/* darker theme color */
--dark-accent: 69, 5, 112;
/* alternate accent color for newpage links */
--alt-accent: 207, 143, 250;
/* ===GENERAL TEXT COLORS=== */
--swatch-text-dark: var(--black-monochrome);
--swatch-text-light: var(--white-monochrome);
--swatch-text-general: var(--swatch-text-dark);
--swatch-important-text: var(--bright-accent);
/* ===MENU BACKGROUND COLORS=== */
--swatch-menubg-color: var(--white-monochrome);
--swatch-menubg-light-color: var(--pale-gray-monochrome);
--swatch-menubg-medium-color: var(--light-gray-monochrome);
--swatch-menubg-medium-dark-color: var(--gray-monochrome);
--swatch-menubg-dark-color: var(--dark-gray-monochrome);
--swatch-menubg-black-color: var(--black-monochrome);
--swatch-menubg-hover-color: var(--black-monochrome);
/* ===MENU TEXT COLORS=== */
--swatch-menutxt-dark-color: var(--black-monochrome);
--swatch-menutxt-light-color: var(--white-monochrome);
--swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
/* Link Colors */
--link-color: var(--medium-accent);
--visited-link-color: var(--dark-accent);
--hover-link-color: var(--bright-accent);
/* Rating Module Colors */
--rating-module-button-plus-color: var(--febris-pharma);
--rating-module-button-negative-color: var(--eigengrau);
--rating-module-button-cancel-color: var(--medium-tint););
--rating-module-button-credit-color: var(--eigengrau);
--rating-module-bg-color: var(--old-paper);
--rating-module-bottom-border-color: var(--medium-tint);
--rating-module-text-color: var(--eigengrau);
--rating-module-text-hover-color: var(--old-paper);
/* 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: 96, 7, 156;
--background-gradient-distance: 15rem;
--header-gradient-color-bottom: 124, 9, 200;
--header-gradient-color-medium: 69, 5, 112;
--header-gradient-color-top: 42, 3, 68;
--diagonal-stripes: 15, 1, 24;
}
#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=== */
--login-dropdown-bg-color: var(--febris-pharma);
--login-dropdown-bg-image: var(--gradient-header);
--login-dropdown-border-color: var(--eigengrau),.5;
--login-dropdown-text-color: var(--febris-pharma);
--login-dropdown-text-hover-color: var(--eigengrau);
--login-dropdown-bg-hover-color: var(--old-paper);
}
#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(--medium-accent);
}
#interwiki {
--sideblock-heading-bg-color: var(--medium-accent), 0.25;
}
/* ===FOOTER=== */
#footer {
--footer-bg-color: var(--medium-tint);
--footer-text-color: var(--old-paper);
--footer-link-color: var(--cool-purple);
--footer-link-hover-color: var(--eigengrau);
--footer-link-hover-bg-color: var(--light-lavender));
}
/* ===LICENSE AREA=== */
#license-area {
--license-link-hover-color: var(--swatch-text-tertiary-color);
}
div[id*=page-options-bottom]:not(:is(.page-rate-widget-box,#search-top-box-form))>a.btn {
font-weight: 700;
}
#main-content {
/* ===MAIN CONTENT UI ELEMENTS */
/* ===UI ICONS=== */
/* ===PAGE OPTIONS ICONS=== */
--ui-icon-color: var(--febris-pharma);
--ui-icon-bg: var(--cool-purple);
--ui-icon-hover-color: var(--old-paper);
--ui-icon-hover-bg: var(--light-lavender);
/* ===TEXT EDITOR ICONS=== */
--editor-icon-color: var(--eigengrau);
--editor-icon-submenu-bg: var(--cool-purple);
--editor-icon-hover-color: var(--cool-purple);
--editor-icon-hover-bg: var(--light-lavender);
--editor-icon-submenu-bg: var(--swatch-secondary-color);
/* ===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=== */
--tabs-bg: var(--cool-purple);
--tabs-txt: var(--eigengrau);
--tabs-hover-bg: var(--febris-pharma);
--tabs-hover-txt: var(--old-paper);
--tabs-selected-bg: var(--medium-tint);
--tabs-selected-txt: var(--old-paper);
--tabs-selected-outline: var(--medium-tint);
--tabs-bottom-border-color: var(--medium-tint);
--tabs-content-bg-color: var(--old-paper), 0.25;
--tabs-content-border-color: var(--medium-tint);
/* ===BLOCKQUOTES=== */
--blockquote-bg-color: var(--old-paper), 0.35;
--blockquote-border-color: var(--eigengrau);
/* Color for special .colorbar-quote blockquote class */
--blockquote-colorbar-color: var(--febris-pharma), 1;
/* ===PAGE TAGS=== */
--pagetags-title-bg: var(--medium-tint);
--pagetags-title-text: var(--old-paper);
--pagetags-text-color: var(--febris-pharma);
--pagetags-text-hover-color: var(--old-paper);
--pagetags-text-hover-bg-color: var(--light-lavender);
}
/* ===GLOBAL ELEMENTS=== */
:root {
/* ===UI BUTTONS=== */
--ui-button-bg: var(--cool-purple);
--ui-button-txt: var(--eigengrau);
--ui-button-hover-bg: var(--febris-pharma);
--ui-button-hover-txt: var(--old-paper);
--ui-button-hover-outline: var(--eigengrau);
/* ===FOOTNOTES HOVER BLOCK=== */
--hoverblock-bg: var(--old-paper);
}
::-moz-selection {
background: rgba(var(--swatch-primary-darkest), 1);
color: rgb(var(--swatch-primary));
}
::selection {
background: rgba(var(--cool-purple), 1);
color: rgb(var(--eigengrau));
}
/* Page Title */
#page-title {
border-color: rgb(var(--dark-gray));
color: rgb(var(--eigengrau));
}
/* 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%);
}
#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));
box-shadow: 0 2px 6px rgba(var(--bright-accent), 0.5);
color: rgb(var(--pale-gray-monochrome));
}
.leaflet{
border: solid 2px rgb(var(--eigengrau));
border-right: dashed 2px;
border-left: dashed 2px;
border-bottom: solid 2px;
background: rgb(var(--old-paper));
font-family: "IBM Plex Mono", monospace;
padding: 15px;
font-size: 12px;
font-weight: 600;
max-width: 700px;
margin: auto;
}