WHAT IS THIS PLACE?

It's hell.

(But not actually)

This is JAKSTYLE. JakdragonX's¹ personal ripoff of PLACESTYLE, BLANKSTYLE, and just about every other style that you can think of. It isn't associated with any in-universe group, canon, GoI, or anything else (I'm not that fucking clever. Who do you think I am, HarryBlank?)
Anyone is free to use this, but keep in mind that I can't even remember what I ate five minutes ago, so user discretion is advised should you decide that this is "mega cool."

HOW TO USE?

To import this theme, simply add this snippet of code above your page and pray that I haven't fucked something up that would cause it to not work properly.

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

WHAT'S DIFFERENT?

What are you, fucking blind? A lot's different. But, if you need a detailed list of things that I've changed, here you go:

It's all black as shit.
It's all white as shit.
Somehow I decided that borders were so last decade.
Robbed Penumbra of its lunch money.
Added Toggle Sidebar by default.
Decided that a Centered Header was so, so much better.
Went to community service for desecrating Extra Black Highlighter
Changed the look of hyperlinks and collapsibles.
Developed a fear of colors.
Returned Penumbra's lunch money after having a change of heart
Changed the way that some components look, like the Ayers Info Module and ACS.

If you're still wanting to see more, this next section will give you some examples of ordinary Wikidot formatting.

EXAMPLES

TO SEE IS TO KNOW.

A horizontal rule can be created with 5 hyphens "-----" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.²

A link you probably visited once, idk

Titles can be created by putting between one and six plus "+" at the start of the line

+ Titles

Why was the shovel so special?

Because it was a groundbreaking invention

This is a blockquote, created by putting "> " at the start of each line.
More text

That's a horizontal rule

Nested blockquotes

This is a	table
You should know	how to make these
already

The body font is Raleway.
The header and title font is Poppins.
The monospace font is Recursive.

+ Show component code

- Hide component code

@supports(display: grid) {
    :root {
        --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
        --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 769px) {
        #side-bar .close-menu {
            display: block;
            position: fixed;
            top: 0.5rem;
            left: 0.5rem;
            width: 3rem;
            height: 3rem;
            opacity: 1;
            pointer-events: all;
            z-index: -1;
        }
 
        #side-bar .close-menu img {
            color: transparent;
        }
 
        #side-bar .close-menu::before,
        #side-bar .close-menu::after {
            content: "";
            box-sizing: border-box;
            position: fixed;
            display: block;
            top: 0.5rem;
            left: 0.5rem;
            width: 3rem;
            height: 3rem;
            padding: 0;
            margin: 0;
            text-align: center;
            pointer-events: all;
            cursor: pointer;
            transition:
                opacity var(--sidebar-transition-timing);
        }
 
        #side-bar .close-menu::before {
            --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
            z-index: -1;
            background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
            -webkit-mask: var(--mask);
            mask: var(--mask);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
            -webkit-mask-size: 60%;
            mask-size: 60%;
        }
 
        #side-bar .close-menu::after {
            z-index: -2;
            background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
            border-radius: var(--toggle-roundness, 50%);
            border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
        }
 
        #side-bar:focus-within .close-menu,
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
            pointer-events: none;
        }
 
        #side-bar:focus-within .close-menu::before,
        #side-bar:focus-within .close-menu::after {
            opacity: 0;
            pointer-events: none;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
            opacity: 0;
            pointer-events: none;
        }
 
        #side-bar {
            display: block;
            position: fixed;
            top: 0;
            left: calc(var(--sidebar-width-on-desktop)*-1);
            z-index: 10;
            transition:
                left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: 0;
        }
 
        #side-bar:focus-within {
            left: 0;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
            left: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1rem;
            background-color: rgb(0, 0, 0, 0);
            border-radius: 0;
            border-left-width: 0px;
            border-right-width: 0px;
        }
 
        #main-content::before {
            content: "";
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            z-index: -1;
            opacity: 0;
            transition:
                opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            margin-left: var(--sidebar-width-on-desktop);
            background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
            padding-right: 0;
            width: 100%;
            height: 100vh;
            pointer-events: none;
            z-index: 99;
        }
 
        #side-bar:focus-within ~ #main-content::before {
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
            padding: inherit;
        } }
 
        #content-wrap {
            display: flex;
            flex-direction: row;
            width: calc(100vw - (100vw - 100%));
            min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
            flex-grow: 2;
            height: auto;
            position: relative;
            margin: 0 auto;
            max-width: inherit;
        }
 
        #main-content {
            width: 100%;
            position: initial;
            max-height: 100%;
            padding: 2rem 1rem;
            width: var(--body-width-on-desktop, 45.75rem);
            max-width: var(--body-width-on-desktop, 45.75rem);
            margin: 0 auto;
        }
 
        #page-content {
            max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
        }
 
        @supports (-webkit-hyphens:none) { 
            #side-bar {
                transition:
                    left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                    padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                    background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
                padding-right: 0;
                background-color: rgb(0, 0, 0, 0);
                pointer-events: all;
                overflow-x: visible;
                overflow-y: visible;
                z-index: 999;
            }
 
            #side-bar::-webkit-scrollbar {
                opacity: 0;
                -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
                transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            }
 
            #side-bar .close-menu::before {
                z-index: 999;
            }
 
            #side-bar .close-menu::after {
                z-index: 998;
            }
 
            #side-bar:hover .close-menu::before,
            #side-bar:hover .close-menu::after {
                opacity: 0;
            }
 
            #side-bar:hover {
                left: 0;
                background-color: rgba(var(--swatch-menubg-color), 1);
                padding-right: 0;
            }
 
            #side-bar:hover::-webkit-scrollbar {
                opacity: 1;
            }
 
            #side-bar:hover~#main-content::before {
                width: calc(100% - var(--sidebar-width-on-desktop));
                opacity: 1;
                pointer-events: all;
            }
        }
    }
}

+ Show component code

- Hide component code

:root {
        /* header measurements */
        --header-height-on-desktop: 10rem;
        --header-height-on-mobile: 10rem;
        --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
        --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
 
        --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
    }
 
    #header {
        --search-textbox-text-color: var(--swatch-secondary-color);
        background: none;
    }
 
    #header::before {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0.75rem;
        background-image: var(--logo-image);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
        opacity: 0.8;
        pointer-events: none;
    }
 
    #header h1,
    #header h2 {
        margin: 0;
        padding: 0;
        width: 100%;
        height: var(--header-height-on-desktop);
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
 
    #header h1 a,
    #header h1 a::before,
    #header h2 span,
    #header h2 span::before {
        margin: 0;
        padding: 0;
        z-index: 0;
        display: block;
        text-align: center;
    }
 
    #header h1 {
        z-index: 1;
    }
 
    #header h1 a::before,
    #header h1 a::after {
        content: var(--header-title);
    }
 
    #header h1 a::before  {
        color: rgb(var(--swatch-text-tertiary-color));
        z-index: -1;
        -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
    }
 
    #header h1 a::after {
        color: rgb(var(--swatch-headerh1-color));
        z-index: 1;
    }
 
    #header h2 {
        z-index: 0;
        text-transform: uppercase;
        pointer-events: none;
    }
 
    #header h2 span {
        margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
    }
 
    #header h2 span::before,
    #header h2 span::after {
        --wght: 600;
        content: var(--header-subtitle);
        position: absolute;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        text-align: center;
    }
 
    #header h2 span::before {
        -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
    }
 
    #header h2 span::after {
        color: rgb(var(--swatch-headerh2-color));
        z-index: 1;
    }
 
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        color: rgba(0, 0, 0, 0);
    }
 
    @media (min-width: 36rem) {
 
        #login-status {
            flex-grow: 1;
            left: 3%;
            right: initial;
        }
 
         #login-status::before {
            --mask-image: none;
            background-color: transparent;
        }
 
        #login-status:not(:focus-within) {
            color: rgb(var(--login-line-divider-color));
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: initial;
        }
 
        #login-status #account-topbutton,
        #login-status:not(:focus-within) #account-topbutton {
            --clip-path:
                    polygon( 0 0, 100% 0, 100% 100%, 0 100% );
            background-color: rgba(var(--login-arrow-color), 0);
 
        }
 
        #login-status #account-topbutton::before{
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(var(--login-arrow-color), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton:hover::before {
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
        }
 
        #login-status:not(:focus-within) #account-topbutton::after {
            display: none;
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            pointer-events: all;
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
            opacity: 1;
        }
 
        #login-status #my-account {
            --wght: 300;
        }
 
        #account-options {
            background: var(--gradient-header);
        }
 
        #search-top-box {
            top: 1.5em;
            right: 3%;
            background: rgba(var(--search-focus-textbox-bg-color), 0.4);
            box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4);
        }
 
         #search-top-box:focus-within ~ #login-status {
            opacity: 1;
        }
 
        #search-top-box::after {
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
        }
 
        #search-top-box:not(:focus-within)::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0% 100%
                    );
            background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #search-top-box:not(:focus-within):hover::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            background-color: rgb(var(--search-icon-hover-bg-color));
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) {
            max-width: var(--search-width);
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
            max-width: var(--search-width);
            padding: 0 var(--search-height) 0 1em;
            outline-width: 0;
            background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
            color: rgba(var(--search-textbox-text-color), 0.4);
            cursor: pointer;
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
        #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
            pointer-events: all;
            border: none;
        }
 
    }
 
    #page-title::after,
    .meta-title::after,
    #page-title::before,
    .meta-title::before {
        content: "";
        flex-grow: 1;
        height: 0.0625rem;
        background: rgb(var(--swatch-primary));
    }
 
    #page-title::before,
    .meta-title::before {
        margin: auto 1.25rem auto auto;
    }

+ Show

- Hide

/*
   Department of Superintendence Theme
   [2021 Wikidot Theme]
   by Azamo
 
   Inspired by SCP: Unity
 
   Tag redesign by Rounderhouse
   Tab animation by EstrellaYoshte
 
   Borrows elements from:
 
   JAKSTYLE by JakdragonX
   The Foundation Theme by [People]
   Extra Black Highlighter Theme by Woedenaz
   Unity by Azamo
 
*/
 
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
:root {
 
    --header-h1-font-size: calc(var(--base-font-size)*3.65);
    --header-h2-font-size: calc(var(--base-font-size)*1.4);
 
   --theme-base: "black-highlighter";
   --theme-id: "superintendence;
   --theme-name: "Department of Superintendence Theme";
 
    --header-subtitle: "• DEPARTMENT OF SUPERINTENDENCE •";
    --header-title: "THE FOUNDATION";
    --logo-image: url("http://scptestwiki.wikidot.com/local--files/theme:superintendence-theme/superintendence_logo_white.png");
 
    --title-font: 'Raleway', sans-serif;
    --header-font: 'DM Sans', sans-serif;
    --body-font: 'DM Sans', sans-serif;
 
    --medium-accent: 213, 0, 31;
    --pale-accent: 196, 2, 51;
    --bright-accent: 190, 0, 40;
    --dark-accent: 3, 3, 10;
    --alt-accent: 196, 2, 51;
 
    --swatch-menubg-extra-dark-color: 1, 2, 3;
    --swatch-menubg-black-color: 5, 7, 9;
 
    --gray-monochrome: 2, 2, 7;
 
    --sidebar-internal-border-thickness: 0rem;
    --tab-border-color: transparent;
 
    --background-gradient-distance: 55rem;
 
    --toggle-roundness: 0%;
    --toggle-button-bg: transparent;
    --toggle-border-color: transparent;
 
    --diagonal-stripes: none;
    --header-height-on-desktop: 21rem;
    --header-height-on-mobile: 21rem;
    --scrollbar-width: 0.5rem;
 
    --swatch-menubg-extra-dark-color: 30, 30, 32;
 
    --light-pale-gray-monochrome: 250, 250, 250;
    /* Primary Theme Colors */
    --swatch-background: 2, 2, 8;
    /* Background and Header Colors */
    --background-gradient-color: 150, 0, 33;
    --header-gradient-color-bottom: 0, 0, 16;
    --header-gradient-color-middle: 212, 0, 31;
    --header-gradient-color-top: 123, 0, 18;
    /* Primary Text Colors */
    --swatch-text-light: var(--light-pale-gray-monochrome);
    --swatch-text-general: var(--swatch-text-light);
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--swatch-menubg-black-color);
    /* Colors for Secondary &amp;amp;amp;amp;amp; Tertiary items like Blockquote and YUI Tabs */
    --swatch-secondary-color: var(--swatch-menubg-dark-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
 
    --swatch-topmenu-border-color: 0, 0, 5;
    --swatch-topmenu-bg-color: 0, 0, 5;
 
    --rating-module-text-color: var(--swatch-text-general);
    --rating-module-button-color: var(--swatch-text-general);
    --rating-module-button-cancel-color: 100, 100, 100;
 
}
 
.fncon {
background: rgb(5, 5, 15);
background-color: rgb(5, 5, 15);
color: #fefefe;
border: 1px solid #fefefe;
}
 
/* Extra BHL */
 
#top-bar div.top-bar > ul > li:hover {
    background: rgb(var(--swatch-menubg-black-color));
}
 
#top-bar div.mobile-top-bar > ul > li.sfhover > ul, 
#top-bar div.mobile-top-bar > ul > li:hover > ul, 
#top-bar div.top-bar > ul > li.sfhover > ul, 
#top-bar div.top-bar > ul > li:hover > ul {
    background: rgba(var(--swatch-menubg-black-color),0.85);
}
 
#top-bar div.mobile-top-bar > ul > li > ul > li > a, 
#top-bar div.top-bar > ul > li > ul > li > a {
    -webkit-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
       -moz-box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
            box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    --box-shadow: rgb(var(--swatch-primary-darkest));
    border-color: rgb(var(--swatch-primary-darkest));
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    --box-shadow: rgb(var(--swatch-primary-darkest));
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
    color: rgb(var(--swatch-text-general));
}
 
.yui-navset .yui-nav .selected, 
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--swatch-primary-darkest));
}
 
table.wiki-content-table th {
    background: rgb(var(--swatch-secondary-color));
}
 
table.wiki-content-table th,
table.wiki-content-table tr {
    border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25) !important;
}
 
table.wiki-content-table td {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25) !important;
}
 
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
    background-color: rgb(var(--swatch-menubg-extra-dark-color));
    color: rgb(var(--swatch-text-light));
}
 
.code pre span[class*="hl-"] {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.hovertip {
    border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
    background-color: rgb(var(--swatch-menubg-extra-dark-color)) !important;
    color: rgb(var(--swatch-text-light)) !important;
}
 
#footer {
    color: rgb(var(--swatch-text-general));
}
 
.scpnet-interwiki-wrapper {
    -webkit-filter: initial;
    filter: initial;
    margin-top: 1em;
}
 
.scpnet-interwiki-frame {
    -webkit-filter: invert(0.92) grayscale(1) contrast(1);
    filter: invert(0.92) grayscale(1) contrast(1);
}
 
/* Header & Topbar */
 
#header h1 {
font-family: 'Raleway', sans-serif;
font-weight: 900;
}
 
#header h2 {
font-weight: 900;
}
 
#header::before {
top: 2.4rem;
    -webkit-background-size: auto 17rem;
    -moz-background-size: auto 17rem;
    -o-background-size: auto 17rem;
    background-size: auto 17rem;
opacity: 25%;
z-index: 0;
}
 
#skrollr-body {
background: url(http://scptestwiki.wikidot.com/local--files/theme:superintendence-theme/OBELISK.png) center no-repeat;
height: 21rem;
background-size: cover;
z-index: -1;
}
 
#container-wrap-wrap::before {
    content: " ";
    width: 100%;
    height: 86%;
    top: var(--final-header-height-on-desktop);
    position: absolute;
    background-blend-mode: overlay;
background-color: #00000000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='p' width='250' height='30' patternUnits='userSpaceOnUse' patternTransform='scale(0.33)'%3E%3Cpath id='a' data-color='outline' fill='none' stroke='%23050709' stroke-width='5' d='M-62.5-15C-31.3-15 0-7.5 0-7.5S31.3 0 62.5 0 125-7.5 125-7.5s31.3-7.5 62.5-7.5S250-7.5 250-7.5 281.3 0 312.5 0'%3E%3C/path%3E%3Cuse xlink:href='%23a' y='15'%3E%3C/use%3E%3Cuse xlink:href='%23a' y='30'%3E%3C/use%3E%3Cuse xlink:href='%23a' y='45'%3E%3C/use%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25'%3E%3C/rect%3E%3C/svg%3E");
background-size: cover;
background-position: 0, 0;
background-repeat: repeat;
    pointer-events: none;
    z-index: -10;
}
 
.top-bar {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
}
 
/* Login & Search */
 
#search-top-box input.empty {
font-weight: 300;
font-style: italic;
color: #858585;
font-size: 80%;
}
 
/* Sidebar */
 
    #side-bar:hover {
        background-color: rgb(var(--black-monochrome), 0.5);
        scrollbar-color:
            rgba(var(--dark-gray-monochrome), 1) rgba(var(--black-monochrome), 1);
    }
 
div#side-bar {
text-transform: uppercase;
font-weight: 800;
font-family: 'Raleway', sans-serif;
background-color: rgb(var(--black-monochrome));
scrollbar-color: rgba(var(--dark-gray-monochrome), 0) rgba(var(--black-monochrome), 0);
}
 
/* Footnotes */
 
.footnotes-footer {
background: rgba(0, 0, 5, 0.7);
box-shadow : 0 0 7px rgba(0 , 0 , 0 , 0.3);
color: #fefefe;
border-left: none;
border-bottom: dotted 1px slategrey;
border-bottom: dotted 1px slategrey;
font-size: 90%;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 65px;
}
 
.footnotes-footer > .title {
font-size: 100%;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
text-align: center;
padding-bottom: 5px;
border-bottom: dotted 1px slategrey;
width: fit-content;
margin: auto;
}
 
/* Image Block */
 
/* Image Block */
 
.scp-image-caption {
color: #ffffff;
background: rgb(5, 5, 15) !important;
}
.scp-image-block {
border: solid rgb(5, 5, 15) 5px;
box-shadow : 0 0 7px rgba(0 , 0 , 0, 1);
}
 
.scp-image-caption a {
color: rgb(230, 230, 230);
}
 
/* Buttons */
 
div#action-area > h1 {
text-transform: uppercase;
}
 
.page-options-bottom {
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-size: 90%;
border-radius: 0px;
}
 
a#edit-button.btn.btn-default, a#pagerate-button.btn.btn-default, a#tags-button.btn.btn-default, a#discuss-button.btn.btn-default, a#history-button.btn.btn-default, a#files-button.btn.btn-default, a#print-button.btn.btn-default, a#site-tools-button.btn.btn-default, a#more-options-button.btn.btn-default, a#edit-sections-button.btn.btn-default, a#edit-append-button.btn.btn-default, a#edit-meta-button.btn.btn-default, a#watchers-button.btn.btn-default, a#backlinks-button.btn.btn-default, a#view-source-button.btn.btn-default, a#parent-page-button.btn.btn-default, a#page-block-button.btn.btn-default, a#rename-move-button.btn.btn-default, a#delete-button.btn.btn-default {
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-size: 90%;
border-radius: 0px;
}
 
input#edit-cancel-button.btn.btn-danger, input#edit-diff-button.btn.btn-default, input#edit-preview-button.btn.btn-default, input#edit-save-draft-button.btn.btn-default, input#edit-save-continue-button.btn.btn-info, input#edit-save-button.btn.btn-primary {
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-size: 90%;
padding: 6px;
border-radius: 0px;
}
 
/* Misc */
 
h1 {
font-family: 'Raleway', sans-serif;
font-size: 200%;
font-weight: 900;
text-transform: uppercase;
}
 
#page-title {
text-align: center;
font-size: 190%;
border-bottom: dotted 1px slategrey;
margin-bottom: 30px;
text-transform: uppercase;
}
 
blockquote, .blockquote, div.blockquote, .code {
border: solid 1px #fefefe;
background: rgba(0, 0, 5, 0.7);
box-shadow : 0 0 3px rgba(0 , 0 , 0, 0.9);
}
 
#who-rated-page-area > h2 {
text-transform: uppercase;
}
 
::-webkit-scrollbar-thumb {
border-radius: 30px;
background: rgb(0, 0, 0);
}
 
hr {
background: linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.75) 25%, rgba(250, 250, 250, 1) 50%, rgba(250, 250, 250, 0.75) 75%, rgba(250, 250, 250, 0) 100%);
border: none;
height: 2px;
}
 
.hovertip {
max-width: 410px;
background: rgb(var(--gray-monochrome)) !important;
box-shadow: 0 0 7px rgba(0 , 0 , 0 , 0.3);
color: #fefefe;
font-size: 85%;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 65px;
border: none;
outline: none;
}
 
/* Tags */
 
#main-content .page-tags {
border-top: 2px solid grey;
}
 
#main-content .page-tags a {
    display: inline-block;
    height: 0.8125rem;
    line-height: 13px;
    line-height: 0.8125rem;
    font-size: 11px;
    font-size: 0.6875rem;
    background: rgb(48, 48, 52);
    background: rgb(var(--swatch-menubg-dark-color, 48, 48, 52));
    color: rgb(252, 252, 22);
    color: rgb(var(--swatch-menutxt-light-color, 252, 252, 252));
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin: 0 0 .5rem .75rem;
    padding: 0.1875rem 0.3125rem 0.1875rem 0;
}
 
#main-content .page-tags a:before {
    top: -0.1875rem;
    left: -0.625rem;
    width: 0;
    height: 0;
    border-color:
     transparent
     rgb(48, 48, 52)
     transparent
     transparent;
    border-color:
     transparent
     rgb(var(--swatch-menubg-dark-color,  48, 48, 52))
     transparent
     transparent;
    border-style: solid;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    padding: 0 0.0625rem 0.1875rem;
}
 
#main-content .page-tags a:before,
#main-content .page-tags a:after {
    content: "";
    float: left;
    position: relative;
}
 
#main-content .page-tags a:after {
    --box-shadow: rgb(var(--swatch-menubg-dark-color,  48, 48, 52));
    top: 0.28125rem;
    left: -0.5rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 0.125rem;
    background-color: rgb(252, 252, 252);
    background-color: rgb(var(--swatch-background, 252, 252, 252));
    box-shadow: -0.0625rem -0.0625rem 0.125rem rgb(48, 48, 52);
    box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
}
 
//* Tabs */
 
.yui-navset .yui-content {
background: none;
}
 
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
border: none;
border-top: none;
}
 
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
box-shadow: none;
}
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav li a em {
text-decoration: none;
}
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav hover a {
border-color: rgb(var(--dark-accent));
text-decoration: none;
}
 
ul.yui-nav a {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
font-weight: 800;
padding: 3.5px;
color: #fefefe;
font-size: 90%;
}
 
ul.yui-nav {
background: rgb(var(--gray-monochrome));
color: #fefefe;
}
 
.yui-navset .yui-content > div {
    display: block;
    top: 0;
    overflow: hidden;
    transform-origin: 0 0;
}
#page-content .yui-navset .yui-content > div[style*="none"] {
    display: block !important;
    flex: 0;
    max-height: 0;
    padding: 0 0.5em;
    border-width: 0;
    /* The following transition affects the one that DISAPPEARS */
    transition: padding 0s linear 0.5s,
          border-width 0s linear 0.5s,
          flex 0.5s cubic-bezier(.18,.51,.54,.9) 0s;
    animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
#page-content .yui-navset .yui-content > div[style*="block"] {
    display: block !important;
    flex: 1;
    max-height: 9999rem;
    /* The following transition affects the one that APPEARS */
    transition: padding 0s linear 0.5s,
          border-width 0s linear 0.5s,
          flex 0.5s cubic-bezier(.18,.51,.54,.9) 0.5s;
    animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
 
@keyframes tab-disappear {
    0% { max-height: 9999rem; }
    1% { max-height: 100vh; }
    100% { max-height: 0; }
}
@keyframes tab-appear {
    0% { max-height: 0; }
    99% { max-height: 100vh; }
    100% { max-height: 9999rem; }
}

azamo theme

page revision: 188, last edited: 15 May 2021 00:58

Edit Rate (+1) Tags Discuss (0) History Files Print Site tools + Options

NUTTEST 🥜 Club

Official Home of BHL

WHAT IS THIS PLACE?

HOW TO USE?

WHAT'S DIFFERENT?

EXAMPLES

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title