War On All Fronts Theme (BHL)

Link to article: War On All Fronts Theme (BHL).

@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");

@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Awar-on-all-fronts-bhl/1")

(none)

```
code
```
```
woaf-hr
```
```
woaf-hr
```

[[iftags +theme]]
[[module CSS]]
@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/stable/styles/black-highlighter.min.css");
[[/module]]

[[include :scp-wiki:component:interwiki-style
| priority=1
| theme=https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css
]]

[[include :scp-wiki:component:interwiki-style
| priority=2
| theme=https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css
]]

[[>]]
**Rating:**
[[module Rate]]
[[/>]]

[[>]]
**Rating w/ Info Pane:**
[[/>]]

[[include info:start]]
Info about your page.
[[include info:end]]

This is a theme for the [[[war-on-all-fronts-hub|War on All Fronts]]] Canon. An equivalent version for the Sigma-9 base theme can be found **[[[theme:war-on-all-fronts-sigma|HERE]]]**. Note that the Black Highlighter Theme must be imported alongside this theme to use it. To use this theme on an article, paste the following into your page:

> @@[[include theme:black-highlighter-theme]]@@
> @@[[include theme:war-on-all-fronts-bhl]]@@

[[include component:image-block name=mksjr3.png|caption=[/desk-of-junior-designer-s-yvonne Image by EstrellaYoshte].|width=100px]]

+ Header
++ Header Level 2
+++ Header Level 3

[# Unvisited Link] ([[[theme:war-on-all-fronts-bhl|Visited Link]]])

This theme has a special horizontal rule (seen below) that users can use, which can be used with the following code:

[[div_ class="code"]]
@@[[div_ class="woaf-hr"]]@@
@@[[/div]]@@
[[/div]]

[[div_ class="woaf-hr"]]
[[/div]]
[[collapsible show="+ Show theme code" hide="- Hide theme code"]]
[[code type="css"]]
/* ---------------------------------
War on All Fronts (Black Highlighter)
2020 Wikidot Theme
Created by stormbreath
Header image created by EstrellaYoshte
--------------------------------- */

/* -------------- ROOT -------------- */
@import url('https://fonts.googleapis.com/css?family=Saira+Stencil+One&display=swap');

:root {
    /* S-CSS-P Integration */
    --theme-base: "black-highlighter";
    --theme-id: "woaf-bhl";
    --theme-name: "War on All Fronts Theme (BHL)";

    /* Header */
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Awar-on-all-fronts-sigma/mksjrpride.png");
    --header-title: "War on All Fronts";
    --header-subtitle: "We're Going to Need a Bigger Boat";

    /* Typefaces */
    --header-font: 'Saira Stencil One', cursive;
    --title-font: 'Saira Stencil One', cursive;

    /* Standard Colors */
    --white-monochrome: 245, 245, 245;
    --pale-gray-monochrome: 235, 235, 235;
    --pale-accent: 60, 40, 230;
    --bright-accent: 5, 0, 133;
    --medium-accent: 44, 46, 100;
    --dark-accent: 15, 3, 100;
    --alt-accent: 17, 102, 221;
    --deepsea: linear-gradient(to bottom, rgb(0, 0, 101), rgb(23, 0, 82), rgb(0, 0, 0));

    /* Header Gradients */
    --gradient-header: var(--deepsea);
    --diagonal-stripes: none;

    /* Other Variables */
    --rating-module-bg-color: var(--pale-gray-monochrome);
}

#side-bar,
#interwiki {
    --sidebar-links-text: 173, 171, 181;
    --sideblock-heading-text-color: var(--white-monochrome);
    --social-icon-hover-color: 173, 171, 181;
}

/* -------------- HEADER -------------- */
#header h1 a:before,
#header h2 span:before {
    color: rgb(173, 171, 181);
    font-variant: small-caps;
}

#top-bar div.top-bar>ul>li>ul,
#top-bar div.mobile-top-bar>ul>li>ul {
    background-image: var(--deepsea);
}

/* -------------- SIDE-BAR -------------- */
#side-bar {
    background-image: var(--deepsea);
    background-attachment: fixed;
    background-size: unset;
}

#side-bar div.menu-item a:hover,
#interwiki div.menu-item a:hover {
    background-color: rgba(173, 171, 181, .15);
    color: white;
}

#side-bar div.menu-item a:before,
#side-bar div.menu-item a:hover:before,
#interwiki div.menu-item a:before,
#interwiki div.menu-item a:hover:before {
    background-color: rgba(173, 171, 181, .25);
}

#side-bar .side-block.media,
#side-bar .side-block.resources {
    background: transparent !important;
}

#side-bar .heading p,
#interwiki .heading p,
#side-bar .side-block>.collapsible-block .collapsible-block-link {
    font-family: var(--header-font);
    font-weight: initial;
}

#side-bar::-webkit-scrollbar-track {
    background-image: var(--deepsea);
}

#side-bar::-webkit-scrollbar,
#side-bar::-webkit-scrollbar-thumb,
#side-bar::-webkit-scrollbar-corner {
    border-color: rgba(71, 79, 107, .6);
}

/* -------------- BODY -------------- */
#page-title {
    color: rgb(var(--medium-accent));
    border-color: rgb(var(--medium-accent));
    text-align: center;
}

.close-credits,
.credit-back {
    -webkit-filter: hue-rotate(260deg);
            filter: hue-rotate(260deg)
}

#page-content .modalbox {
    box-shadow: 0 2px 6px rgba(0, 0, 100, .5);
    background: linear-gradient(rgb(200, 200, 200) 51px,
    		rgb(240, 240, 240) 51px,
    		rgb(240, 240, 240)) !important;
}

.info-container {
    --barColour: #336;
}

.anom-bar-container {
    --title-font: Poppins, sans-serif;
}

blockquote,
div.blockquote {
    background: rgb(var(--pale-gray-monochrome));
}

div.woaf-hr {
    height: .3em;
    background: linear-gradient(to right,
    		rgb(0, 0, 0),
    		rgb(23, 0, 82),
    		rgb(0, 0, 101),
    		rgb(23, 0, 82),
    		rgb(0, 0, 0));
    margin: 1em 0;
    border-radius: 5px;
}

div.woaf-hr p,
div.woaf-hr ul {
    display: none;
}

#footer a,
#footer a:visited {
    color: white;
}
[[/code]]
[[/collapsible]]

------

[[include :scp-wiki:component:license-box-theme]]
=====
> **Filename:** mksjr3.png
> **Name:** Team Mikasa Junior
> **Author:** [[*user EstrellaYoshte]]
> **License:** CC BY-SA 3.0
> **Source Link:** [[[desk-of-junior-designer-s-yvonne|Desk of Junior Designer S. Yvonne]]]

> **Filename:** mksjrpride.png
> **Derivative of:** mksjr3.png
=====
[[include :scp-wiki:component:license-box-end]]
[[/iftags]]

[[module css]]
@import url("https://scp-wiki.wdfiles.com/local--code/theme%3Awar-on-all-fronts-bhl/1")
[[/module]]
[[include :scp-wiki:component:interwiki-style
| priority=3
| theme=https://scp-wiki.wdfiles.com/local--code/theme%3Awar-on-all-fronts-bhl/1
]]

War On All Fronts Theme (BHL)

Module Styles

Inline Styles

Includes

CSS Classes

Page Source