/*
[费布里斯制药 版式]
作者：Heck_Tech 与 dddaker
译者：Hederaydra
*/

@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');
/* ↑这个字体并没有被实际调用而且浏览器搜索也搜索不到但在字库里确实有奇了大怪了 */
@import url("https://fontsapi.zeoseven.com/2128/main/result.css");/* 卓特清雅体 替代 Oxanium */
@import url("https://fontsapi.zeoseven.com/372/main/result.css");/* 文泉驿等宽微米黑 替代 IBM Plex Mono */

:root:lang(cn) {
    --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: "费布里斯制药";
      --header-subtitle: "吾之灾厄，吾之救恩";

     --mono-font: "IBM Plex Mono", "WenQuanYi Micro Hei Mono", monospace;
     --header-font: "Oxanium", "ZT QingYaTi", sans-serif;
     --title-font: "IBM Plex Mono", "WenQuanYi Micro Hei 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 .creditButtonStandalone,
    #page-content .creditButtonStandalone p a {
    background: rgb(var(--old-paper));
    border: 1px solid rgb(var(--medium-tint));
    color: rgb(var(--eigengrau));
    border-radius: 0;
    box-shadow: none;
}

#page-content .creditButtonStandalone p a:hover {
    background: rgb(var(--febris-pharma));
    color: rgb(var(--old-paper));
}

/* 弹窗容器 */
#page-content .modalbox,
#page-content .modalbox-standalone {
    background: rgb(var(--old-paper)) !important;
    border: 1px solid rgb(var(--medium-tint)) !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 8px rgba(var(--febris-pharma), 0.45) !important;
    color: rgb(var(--eigengrau));
}

/* 弹窗标题栏 */
#page-content .modalbox .modalbox-title,
#page-content .modalbox-title {
    background: rgb(var(--medium-tint));
    color: rgb(var(--old-paper));
    border-bottom: 1px solid rgb(var(--dark-lavender));
    font-family: var(--header-font);
}

/* 弹窗内容区 */
#page-content .modalbox .credit {
    background: transparent;
    color: rgb(var(--eigengrau));
}

/* 关闭按钮 */
#page-content .close-credits {
    color: rgb(var(--febris-pharma));
}

#page-content .close-credits:hover {
    color: rgb(var(--light-lavender));
}

/* 遮罩层加深 */
#page-content .fader {
    background-color: rgba(var(--deep-purple), 0.55);
}

    #page-content .rate-box-with-credit-button>.creditButton>.creditButtonStandalone>p>a::before {
        background-color: rgb(var(--pale-gray-monochrome));
    }

    #page-content .rate-box-with-credit-button>.creditButton>.creditButtonStandalone: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(--eigengrau));
    }

.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", "WenQuanYi Micro Hei Mono", monospace;
padding: 15px;
font-size: 12px;
font-weight: 600;
max-width: 700px;
margin: auto;
}