Wilderness Theme
rating: +18+x

Usage

Note: This is a Black Highlighter based theme. You will need to import the Black Highlighter theme as well in order to use this theme. To learn more go here.

To import this theme, add this to your page:

[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scp-wiki:theme:wilderness]]

You can use a trans pride version of the logo by including changing the second include to [[include :scp-wiki:theme:wilderness transpride=a]].

Theme Colors:

Celery--wilson-header(163, 193, 98)
Primrose--wilson-subtitle(200, 226, 147)
Wilson--wilson-body(209, 237, 154)
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
Lisbon--gray-monochrome(80, 68, 37)
Reef--pale-gray-monochrome(220, 242, 176)
Moss--bright-accent(126, 145, 84)
Forest--medium-accent(20, 140, 20)
Crusoe--dark-accent(20, 100, 20)
West Coast--wilson-text(102, 87, 49)
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

header header header
cell-content cell-content cell-content

Unvisited Link (Visited Link)


Header

Subtitle

For the border surrounding all parts:

[[div class="wilson-border"]]

For the header element:

[[div class="wilson-header"]]
Text here.
[[/div]]

For the subtitle element:

[[div class="wilson-subtitle"]]
Text here.
[[/div]]

For the body element (this part):

[[div class="wilson-body"]]
Text here.
[[/div]]

Close the border by putting the following at the end of all inner elements:

[[/div]]


@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 .rate-points .number {
    font-size: calc(var(--base-font-size));
}
 
.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;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License