SCP 재단

@import url("https://scp-wiki.wdfiles.com/local--files/theme%3Awilderness/national-park-full.css");
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@800&display=swap');
 
/*
    Wilson's Wildlife Theme
    [2019 Wikidot Theme]
    Theme produced stormbreath, based on a prior theme by stormbreath and DarkStuff.
    The WWS logo was created by Jade Skylar, both standard and trans pride version.
    The National Park Font is licensed under the SIL Open Font License and can be found here: 
https://nationalparktypeface.com/
 
*/
 
@supports(--css:variables) {
 
:root {
/* Intro */
    --theme-base: "nuscp"
    --theme-id: "wilderness-theme"
    --theme-name: "Wilderness Theme";  
 
/* Fonts */
    --national-park-thin: 'national_parkthin', 'Dosis', sans-serif;
    --national-park: 'national_parkregular', 'Comfortaa', sans-serif;
    --national-park-heavy: 'national_parkheavy', 'Nunito', sans-serif;
    --header-font: var(--national-park);
    --title-font: var(--national-park-heavy);
 
/* Header */
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Awilderness/WWS_Logo_2.2_abrv.png");
    --header-title: "Wilson's Wildlife Solutions";
    --header-subtitle: "Where all critters are welcome!";
    --header-gradient-color-bottom: var(--wilson-header);
    --header-gradient-color-middle: var(--wilson-subtitle);
    --header-gradient-color-top: var(--wilson-body);
    --diagonal-stripes: unset;
 
/* Colors */
    --pale-gray-monochrome: 220, 242, 176; /* Wilson's Quote Color (Light Green)*/
    --gray-monochrome: 80, 68, 37; /* dark brown */
    --dark-gray-monochrome: 66, 56, 31; /* darker brown */
    --bright-accent: 126, 145, 84; /* bright green */
    --medium-accent: 20, 140, 20; /* medium green */
    --dark-accent: 20, 100, 20; /* dark green */
    --pale-accent: 0, 170, 5; /* pale green */ 
    --newpage-color: 102, 221, 102; /* pale green */
 
    --wilson-header: 163, 193, 98; /* Wilson's Format Header */
    --wilson-subtitle: 200, 226, 147; /* Wilson's Format Subtitle */
    --wilson-body: 209, 237, 154; /* Wilson's Format Body */
    --wilson-text: 102, 87, 49; /* Wilson's Format Text */
 
    --swatch-topmenu-bg-color: var(--gray-monochrome);
    --rating-module-button-color: var(--wilson-text);
    --rating-module-text-color: var(--wilson-text);
 
    --ui-button-hover-outline: var(--gray-monochrome);
    --ui-button-hover-bg: var(--gray-monochrome);
    --pale-accent: var(--dark-accent);  /* Visited Link Color*/
    --barColour: var(--wilson-header); /* Ayer's Info Module */
}
 
#main-content {
    --pagetags-title-bg: var(--gray-monochrome);
    --ui-icon-hover-bg: var(--gray-monochrome);
}
 
#side-bar {
    --sidebar-links-text: var(--wilson-text);
    --sideblock-heading-text-color: var(--wilson-text);
    --sideblock-heading-bg-color: var(--wilson-subtitle);
    --sideblock-heading-border-color: var(--gray-monochrome);
    --sidebar-resources-bg-color: var(--wilson-header),0.25;
}
 
/* HEADER */
#header h1 a {
    font-family: var(--national-park-thin);
}
 
#header h2 span:before {
    font-family: var(--national-park);
}
 
@media only screen and (max-width: 768px) {
    #header {
        background-size: 0.625rem 2.500rem;
        background-repeat: no-repeat;
        background-position: left 0.75rem top 1.1875rem;
        background-clip: border-box;
        background-size: auto 5.375rem;
    }
} /* Fixes mobile sizing issue */
 
#page-title,
.meta-title {
    color: rgb(var(--wilson-text));
    font-family: var(--national-park-thin);
    font-size: 2.25em;
}
 
#page-title::after, 
.meta-title::after {
    background-color: rgb(var(--wilson-text));
}
 
@media only screen and (min-width: 56.25rem) {
    #page-title, .meta-title {
        font-size: 3em;
    }
}
 
/* Top Bar */
#header div#top-bar {
     font-family: var(--national-park);
}
 
/* Side Bar */
#side-bar .heading {
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.313em;
}
 
#side-bar .heading p {
    font-family: var(--national-park-heavy);
}
 
#side-bar div.menu-item .text, 
#side-bar div.menu-item a:any-link {
     font-family: var(--national-park);
}
 
iframe.scpnet-interwiki-frame {
  filter: hue-rotate(140deg) brightness(150%);
  -webkit-filter: hue-rotate(140deg) brightness(150%);
}
 
/* Page Rating Module */
.page-rate-widget-box,
#page-content .rate-box-with-credit-button {
    --rating-module-bottom-border-color: var(--gray-monochrome);
}
 
.page-rate-widget-box .rate-points {
    font-family: 'Comfortaa', sans-serif;
}
 
#page-content .rate-box-with-credit-button > .creditButton > p > a::before {
    background-color: rgb(var(--wilson-text));
}
 
#page-content .rate-box-with-credit-button > .creditButton:hover {
    background: rgba(var(--bright-accent), 0.8);
}
 
#page-content .modalbox {
     background: rgb(var(--pale-gray-monochrome)) !important;
     color: rgb(var(--wilson-text));
     border-radius: 0;
     box-shadow: 0 2px 6px rgba(var(--bright-accent), 0.5);
}
 
/* Elements */
blockquote,
.blockquote {
    border-color: transparent;
    color: rgb(var(--wilson-text));
    background: rgb(var(--pale-gray-monochrome));
    box-shadow: none;
}
 
hr {
    --swatch-tertiary-color: var(--wilson-text);
}
 
.scp-image-block .scp-image-caption {
  border-color: rgb(var(--wilson-text));
  color: rgb(var(--wilson-text)); /*Recolors Image captions */
}
 
#page-content .wiki-content-table tr th {
   background-color: rgb(var(--wilson-header));
   color: white; border-color: rgb(var(--wilson-text));
}
}
 
/* Wilson's Divs */
/* Wilson's Divs placed outside supports @supports(--css:variables) to ensure most crucial part of theme remains visually intact if fallback occurs. */
div.wilson-border {
    border: 0.063em solid rgb(102, 87, 49);  
    box-shadow: 0em 0.063em 0.125em rgba(0, 0, 0, 0.1);
}
 
div.wilson-header {
    color: white;
    background: rgb(163, 193, 98);
    padding: 1em;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}
 
div.wilson-subtitle {
    color: rgb(102, 87, 49);
    background: rgba(200, 226, 147);
    padding: 0.313em;
    text-align: right;
    font-weight: bold;
    --wght: 800
}
 
div.wilson-body {
    color: rgba(102, 87, 49);
    background: rgb(209, 237, 154);
    padding: 1em;
}