Isolated Terminal Theme

Rating:

Rating w/ Credit Module:

Info

---

Info about your page.

---

More information

More information

---

More information about your page.

---

Theme Colors

Ray Yellow--accentColor(246, 196, 3)

Vacuum Dark--darkColor(40, 26, 8)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

{$subcolor1-name}{$subcolor1-variable}{$subcolor1-info}

{$subcolor2-name}{$subcolor2-variable}{$subcolor2-info}

{$subcolor3-name}{$subcolor3-variable}{$subcolor3-info}

{$subcolor4-name}{$subcolor4-variable}{$subcolor4-info}

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$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}

---

This is a Black Highlighter-based theme by EstrellaYoshte, derived from the visuals of SCP-5999.

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, simply add the following to your page:

[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scp-wiki:theme:isolated-terminal]]

Image.

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.

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

+ Collapsible - Click me

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title

Tabulator

This is a tab view.

Tabulation

Hey look, more text here.

How quaint.

Long Tab

This is a long tab. It contains a lot of text.¹

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

Longer Tab

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

This is also a long tab. It contains a lot of text.

Empty Tab

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

[[div class="expoblock"]]

---

Horizontal rule when inside an expoblock div.

[[span class="hilighter"]]
supercalifragilis- you get the idea.

---

FURTHER CONFIGURATION

---

To disable the scanline filter, add the following patch:

[[module CSS]]
div#extrac-div-1, div#extrac-div-2 {
display: none;
}
[[/module]]

---

While the theme is intended to be use as is, it is possible to change the colors by putting the following after the [[include]]:

:root {
--accentColor: 246,196,3;
--darkColor: 40,26,8;
}

--accentColor controls the primary accent (yellow by default).
--darkColor controls the background and dark shade in the theme.
Change them to your desired colors in the RGB format.

Recommend not using pure black for your background.

---

The header font is VT323.

The body font is Tomorrow.

The monospace font is JetBrains Mono.

Poznámky pod čarou

1. This is a footnote.

Source Code

+ Show component code

@supports((display: -ms-grid) or (display: grid)) {
@media only screen and (min-width: 769px) {
 
    .mobile-top-bar, #top-bar .open-menu {
        display: block;
    }    
 
#header {
        -webkit-filter: initial !important;
        filter: initial !important;
    }
    #top-bar>div.mobile-top-bar>div.open-menu a,
    #top-bar>div.mobile-top-bar>div.open-menu a:hover {        
        position: fixed;
        display: block;
        font-family: var(--body-font);
        font-size: 2rem;
        text-align: center;
        top: 0.25em;
        left: 0.5em;
        z-index: 5;
        width: 1.125em;
        height: 1.125em;
        background-color: var(--toggle-button-bg, rgb(var(--swatch-menubg-light-color))) !important;
        color: var(--toggle-icon-color, rgb(var(--swatch-menutxt-dark-color))) !important;
        -webkit-border-radius: var(--toggle-roundness, 50%);
           -moz-border-radius: var(--toggle-roundness, 50%);
                border-radius: var(--toggle-roundness, 50%);
        border: var(--toggle-border-color, rgb(var(--swatch-menubg-medium-color))) var(--toggle-border-width, 0.25rem) solid;
        line-height: 1.1825em;
        text-decoration: none;
    }
 
    #top-bar>div.mobile-top-bar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
 
    #top-bar>div.mobile-top-bar ul {
        display: none;
    }
 
    #sidebar::-webkit-scrollbar {
        width: 0;
        -webkit-transition: width var(--sidebar-transition-timing);
        transition: width var(--sidebar-transition-timing);
    }
 
    #sidebar:target::-webkit-scrollbar {
        width: 0.5rem;
        -webkit-transition: width var(--sidebar-transition-timing);
        transition: width var(--sidebar-transition-timing);
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -webkit-calc(var(--sidebar-width-on-desktop)*-1);
        left: -moz-calc(var(--sidebar-width-on-desktop)*-1);
        left: calc(var(--sidebar-width-on-desktop)*-1);
        z-index: 10;
        -webkit-transition: left var(--sidebar-transition-timing);
        -o-transition: left var(--sidebar-transition-timing);
        -moz-transition: left var(--sidebar-transition-timing);
        transition: left var(--sidebar-transition-timing);
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
 
    #side-bar::-webkit-scrollbar-track {
        width: 0;
        background-color: rgba(170, 170, 170, 0);
    }
 
    #side-bar::-webkit-scrollbar-thumb {
        width: 0;
        background-color: rgba(170, 170, 170, 0);
    }
 
    #side-bar:target {
        left: 0;
    }
 
    #side-bar .side-block {
        margin-top: 1rem;
        background-color: rgb(0, 0, 0, 0);
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        border-left-width: 0px;
        border-right-width: 0px;
    }
 
    #side-bar .close-menu {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        z-index: -1;
        opacity: 0;
        -webkit-transition:
            opacity var(--sidebar-transition-timing),
            width var(--sidebar-transition-timing);
        -o-transition:
            opacity var(--sidebar-transition-timing),
            width var(--sidebar-transition-timing);
        -moz-transition:
            opacity var(--sidebar-transition-timing),
            width var(--sidebar-transition-timing);
        transition:
            opacity var(--sidebar-transition-timing),
            width var(--sidebar-transition-timing);
        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;
    }
 
    #side-bar:target .close-menu {
        width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
        width: -moz-calc(100% - var(--sidebar-width-on-desktop));
        width: calc(100% - var(--sidebar-width-on-desktop));
        opacity: 1;
        pointer-events: all;
    }
 
    #content-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        width: -webkit-calc(100vw - (100vw - 100%));
        width: -moz-calc(100vw - (100vw - 100%));
        width: calc(100vw - (100vw - 100%));
        min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem)));
        min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem)));
        min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
           -moz-box-flex: 2;
            -ms-flex-positive: 2;
                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: 45.8rem;
        max-width: 45.8rem;
        margin: 0 auto;
    }
 
    @supports (-ms-ime-align: auto) {
        #side-bar {
            overflow-y: hidden;
            overflow-x: hidden;
            -webkit-transform: translateX(-90%) !important;
               -moz-transform: translateX(-90%) !important;
                -ms-transform: translateX(-90%) !important;
                 -o-transform: translateX(-90%) !important;
                    transform: translateX(-90%) !important;
        }
 
        #side-bar:hover,
        #side-bar:active {
            overflow-y: auto;
            -webkit-transform: translateX(0) !important;
               -moz-transform: translateX(0) !important;
                -ms-transform: translateX(0) !important;
                 -o-transform: translateX(0) !important;
                    transform: translateX(0) !important;
            margin-left: -0.5rem;
        }
 
        #side-bar:focus-within {
            overflow-y: auto;
            -webkit-transform: translateX(0) !important;
               -moz-transform: translateX(0) !important;
                -ms-transform: translateX(0) !important;
                 -o-transform: translateX(0) !important;
                    transform: translateX(0) !important;
            margin-left: -0.5rem;
        }
    }
}
}

---

+ Show component code

@supports((display: -ms-grid) or (display: grid)) {
:root {
    /* header measurements */
    --header-height-on-desktop: 10rem;
    --header-height-on-mobile: 10rem;
    --header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    --header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
 
#header {
    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 -3.5rem;
    -webkit-background-size: auto 8rem;
    -moz-background-size: auto 8rem;
    -o-background-size: auto 8rem;
    background-size: auto 8rem;
    background-position: center top;
    opacity: 0.45;
    pointer-events: none;
}
 
#header h1,
#header h1 a,
#header h1 a::before {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: inherit;
    z-index: 0;
}
 
#header>h1>a>span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    max-width: inherit;
}
 
#header h1 {
    height: -webkit-calc(100% - 2.25rem);
    height: -moz-calc(100% - 2.25rem);
    height: calc(100% - 2.25rem);
}
 
#header h1 a::before,
#header h1 a {
    text-align: center;
    line-height: 0.8;
}
 
#header h2,
#header h2 span,
#header h2 span::before {
    position: absolute;
    left: 0;
    top: 0.15em;
    margin-left: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: inherit;
    z-index: 0;
    text-transform: uppercase;
    pointer-events: none;
}
 
#login-status {
    min-height: -webkit-calc(var(--base-font-size) * 1.5);
    min-height: -moz-calc(var(--base-font-size) * 1.5);
    min-height: calc(var(--base-font-size) * 1.5);
    -webkit-border-radius: .0625rem;
    -moz-border-radius: .0625rem;
    border-radius: .0625rem;
    -webkit-border-radius: var(--border-radius-width);
    -moz-border-radius: var(--border-radius-width);
    border-radius: var(--border-radius-width);
    color: rgb(var(--pale-gray-monochrome));
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    left: 3%;
    right: initial;
}
 
#login-status .printuser {
    --wght: 900;
    position: relative;
    top: 0;
    left: 0;
    color: rgb(var(--swatch-menutxt-light-color));
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0.25rem;
    margin: 0;
    font-weight: 900;
}
 
#login-status #my-account {
    --wght: 300;
    color: rgb(var(--pale-gray-monochrome));
    font-weight: 300;
}
 
#login-status #account-topbutton {
    border: initial;
    padding: 0.5em 0.5em 0.5em 0.25em;
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 1em;
}
 
#account-options {
    width: auto;
    padding: 0.5em;
    border-color: rgba(var(--bright-accent));
    background: var(--gradient-header);
    color: rgb(var(--swatch-text-light));
}
 
#account-options ul li a {
    color: rgb(var(--swatch-text-light));
}
 
#account-options li a:hover {
    color: rgb(var(--swatch-text-light));
    text-decoration: underline;
}
 
@media only screen and (min-width: 769px) {
    #search-top-box {
        right: 3%;
        top: 0.5rem;
    }
 
    #search-top-box-form>input,
    #search-top-box-form>input:hover,
    #search-top-box-form>input:focus {
        background: rgb(var(--black-monochrome));
    }   
 
    #search-top-box-form>input {        
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
    }
 
    #search-top-box-form>input:hover,
    #search-top-box-form>input:focus {
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
    }
 
    #search-top-box-form input[type="submit"],
    #search-top-box-form input[type="submit"]:focus, 
    #search-top-box-form input[type="submit"]:hover {  
        border: none;
        border-left: 0.0625rem solid rgb(var(--swatch-primary-darkest));
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
    }
 
    #search-top-box-form input[type="submit"] {
        background: rgb(var(--swatch-primary-darkest));
        color: rgb(var(--swatch-menutxt-light-color));
    }
 
    #search-top-box-form input[type="submit"]:focus, 
    #search-top-box-form input[type="submit"]:hover {
        background: rgb(var(--swatch-primary));
        -webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        -moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
        box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
    }
}
 
#page-title {
    text-align: center;
}
 
@media only screen and (max-width:768px) {
    :root {
        --header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
        --header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
        --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
    }
 
    #header h1,
    #header h1 a,
    #header h1 a::before {
        top: 0.25rem;
    }
 
    #header h2,
    #header h2 a,
    #header h2 a::before {
        top: 0;
    }
 
    #header h2 span {
        margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
    margin-top: -moz-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
    margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - .25rem);
    }
}

+ Show

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Tomorrow: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');
 
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
 
@import url("https://gitcdn.xyz/repo/scp-cs/scp-cs-wiki/master/BHL-Theme-fix.css");
 
#main-content {
    padding: 1rem;
    margin-top: 0;
}
 
:root {
     /* S-CSS-P Integration */
     /* If you're making a new CSS theme, please include the following three variables at minimum. */
     --theme-base: "black-highlighter";
     /* must be either "black-highlighter" or "sigma9" */
     --theme-id: "isolated-terminal";
     /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
     --theme-name: "Isolated Terminal Theme";
     /* set this to your theme's full name */
 
     /* header measurements */
     --header-height-on-desktop: 12.4rem;
     --header-height-on-mobile: 12rem;
     --header-h1-font-size: calc(var(--base-font-size) * 3);
 
     /* Typefaces */
     --body-font: 'Tomorrow', sans-serif;
     --header-font: 'VT323', monospace;
     --title-font: 'VT323', monospace;
     --mono-font: 'JetBrains Mono', monospace;
     --base-font-size: 1.11rem;
 
     /* null logo */
     --logo-image: none;
 
     /* change title */
     --header-title: "SCP NADACE";
 
     /* Header Gradients */
     --diagonal-stripes: initial;
 
/*----*/
 
  --accentColor: 246,196,3;
  --darkColor: 40,26,8;
 
  --bright-accent: var(--accentColor);
  --dark-accent: var(--accentColor);
  --pale-accent: var(--accentColor);
  --medium-accent: var(--accentColor);
 
  --black-monochrome: var(--accentColor);
  --dark-gray-monochrome: var(--darkColor);
  --gray-monochrome: var(--darkColor);
  --light-pale-gray-monochrome: var(--darkColor);
  --pale-gray-monochrome: var(--accentColor);
  --very-light-gray-monochrome: var(--darkColor);
  --white-monochrome: var(--darkColor);
 
  --rating-module-button-color: var(--white-monochrome);
  --rating-module-button-credit-color: var(--white-monochrome);
  --rating-module-text-color: var(--white-monochrome);
  --rating-module-button-cancel-color: var(--gray-monochrome);
 
  --swatch-headerh1-color: var(--black-monochrome);
 
  --swatch-menubg-medium-color: var(--bright-accent);
  --swatch-menubg-light-color: var(--gray-monochrome);
  --swatch-menutxt-light-color: var(--black-monochrome);
  --swatch-menubg-medium-dark-color: var(--black-monochrome);
 
  --swatch-primary-darker: var(--bright-accent);
  --swatch-primary-darkest: var(--gray-monochrome);
  --swatch-text-light: var(--bright-accent);
  --swatch-topmenu-bg-color: var(--bright-accent);
 
  --gradient-header: none;
  --gradient-background: rgb(var( --gray-monochrome));
 
  /* Desktop Sidebar button */
  --toggle-button-bg: rgb(var(--black-monochrome));
  --toggle-border-width: 0;
  --toggle-icon-color: rgb(var(--swatch-primary-darkest));
  --toggle-roundness: 0;
}
 
/* ------------------------------- */
 
/* header title adjustments */
#header::before { opacity: 1; } /* change logo opacity */
#header { filter: none; }
#header h1, #header h1 a, #header h1 a::before {
    top: 1.46rem;
    text-shadow: none;
    letter-spacing: 0.1rem;
}
#header h2 { display: none; }  /* hide header subtitle */
/* svg logo mask */
#header::before {
    background-color: rgb(var(--black-monochrome));
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='1040' height='1040'%3E%3Cpath d='M437 969v-10h-73v-18h-36v-18h-36v-18h-36v-18h-56v18h-72v-36h-18v-36H92v-37H74v-36H55v-36H37v-36H19v-56h18v-18h18v-18h19V451h18v-72h18v-38h18v-36h18v-36h18v-18h18v-18h18v-19h20v-18h18v-18h18v-18h36v-18h36v-18h18v-18h18V50h19V32h272v18h19v56h18v18h18v18h36v18h36v18h18v18h20v18h18v19h18v18h18v18h18v36h18v36h18v38h18v72h18v145h19v18h18v18h18v56h-18v36h-18v36h-19v36h-18v37h-18v36h-18v36h-72v-18h-56v18h-36v18h-36v18h-36v18h-73v20H437v-10zm146-37v-9h72v-18h37v-18h36v-18h18v-18h92v18h54v-36h18v-37h18v-36h18v-36h18v-36h19v-38h-19v-18h-18v-18h-18V469h-18v-72h-18v-38h-18v-36h-18v-18h-18v-36h-18v-18h-20v-18h-18v-19h-36v-18h-18v-18h-36v-18h-18v-18h-19v-36h-18V70H401v36h-18v36h-19v18h-18v18h-36v18h-18v18h-36v19h-18v18h-18v18h-20v36h-18v18h-18v36h-18v38h-18v72h-18v145H92v18H74v18H55v38h19v36h18v36h18v36h18v37h18v36h54v-18h92v18h18v18h36v18h37v18h72v18h128v-9z'/%3E%3Cpath d='M437 805v-9h-54v-18h-37v-18h-18v-18h-18v-18h-18v-18h-36v18h-36v18h-20v-18h-18v-36h38v-18h18v-20h18v-18h-18v-72h-18v-73h18v-72h18v-36h18v-38h18v-18h18v-18h18v-18h18v-18h37v-18h36v-18h72v-55h56v55h72v18h36v18h37v18h18v18h18v18h18v18h18v38h18v36h18v72h20v73h-20v72h-18v18h18v20h20v18h36v36h-18v18h-18v-18h-38v-18h-36v18h-18v18h-18v18h-18v18h-37v18h-54v18H437v-9zm164-54v-9h36v-18h37v-18h18v-18h18v-18h-18v-20h-37v-18h-18v38h-18v-20h-18v-36h-18v-18h-18v-18h-18v-36h90v18h55v18h-18v18h18v18h36v18h18v-54h18V469h-18v-54h-18v-36h-18v-20h-18v-18h-18v-18h-37v-18h-36v-18h-54v92h36v36h-18v36h-18v36h-18v18h-20v-18h-18v-36h-18v-36h-18v-36h36v-92h-54v18h-36v18h-37v18h-18v18h-18v20h-18v36h-18v54h-18v109h18v54h18v-18h36v-18h18v-18h-18v-18h55v-18h90v36h-18v18h-18v18h-18v36h-18v20h-18v-38h-18v18h-37v20h-18v18h18v18h18v18h37v18h36v18h164v-9z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='1040' height='1040'%3E%3Cpath d='M437 969v-10h-73v-18h-36v-18h-36v-18h-36v-18h-56v18h-72v-36h-18v-36H92v-37H74v-36H55v-36H37v-36H19v-56h18v-18h18v-18h19V451h18v-72h18v-38h18v-36h18v-36h18v-18h18v-18h18v-19h20v-18h18v-18h18v-18h36v-18h36v-18h18v-18h18V50h19V32h272v18h19v56h18v18h18v18h36v18h36v18h18v18h20v18h18v19h18v18h18v18h18v36h18v36h18v38h18v72h18v145h19v18h18v18h18v56h-18v36h-18v36h-19v36h-18v37h-18v36h-18v36h-72v-18h-56v18h-36v18h-36v18h-36v18h-73v20H437v-10zm146-37v-9h72v-18h37v-18h36v-18h18v-18h92v18h54v-36h18v-37h18v-36h18v-36h18v-36h19v-38h-19v-18h-18v-18h-18V469h-18v-72h-18v-38h-18v-36h-18v-18h-18v-36h-18v-18h-20v-18h-18v-19h-36v-18h-18v-18h-36v-18h-18v-18h-19v-36h-18V70H401v36h-18v36h-19v18h-18v18h-36v18h-18v18h-36v19h-18v18h-18v18h-20v36h-18v18h-18v36h-18v38h-18v72h-18v145H92v18H74v18H55v38h19v36h18v36h18v36h18v37h18v36h54v-18h92v18h18v18h36v18h37v18h72v18h128v-9z'/%3E%3Cpath d='M437 805v-9h-54v-18h-37v-18h-18v-18h-18v-18h-18v-18h-36v18h-36v18h-20v-18h-18v-36h38v-18h18v-20h18v-18h-18v-72h-18v-73h18v-72h18v-36h18v-38h18v-18h18v-18h18v-18h18v-18h37v-18h36v-18h72v-55h56v55h72v18h36v18h37v18h18v18h18v18h18v18h18v38h18v36h18v72h20v73h-20v72h-18v18h18v20h20v18h36v36h-18v18h-18v-18h-38v-18h-36v18h-18v18h-18v18h-18v18h-37v18h-54v18H437v-9zm164-54v-9h36v-18h37v-18h18v-18h18v-18h-18v-20h-37v-18h-18v38h-18v-20h-18v-36h-18v-18h-18v-18h-18v-36h90v18h55v18h-18v18h18v18h36v18h18v-54h18V469h-18v-54h-18v-36h-18v-20h-18v-18h-18v-18h-37v-18h-36v-18h-54v92h36v36h-18v36h-18v36h-18v18h-20v-18h-18v-36h-18v-36h-18v-36h36v-92h-54v18h-36v18h-37v18h-18v18h-18v20h-18v36h-18v54h-18v109h18v54h18v-18h36v-18h18v-18h-18v-18h55v-18h90v36h-18v18h-18v18h-18v36h-18v20h-18v-38h-18v18h-37v20h-18v18h18v18h18v18h37v18h36v18h164v-9z'/%3E%3C/svg%3E");
    -webkit-mask-size: calc(var(--header-height-on-desktop) - var(--header-h1-font-size) - 1rem);
            mask-size: calc(var(--header-height-on-desktop) - var(--header-h1-font-size) - 1rem);
    -webkit-mask-position: center 0;
            mask-position: center 0;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}
 
@media only screen and (max-width: 768px) {
    :root {
        --header-h1-font-size: calc(var(--base-font-size) * 2.7);
    }
    #header h1, #header h1 a, #header h1 a::before {
        top: 1.91rem;
    }
    #header::before {
        top: 1.25rem;
        -webkit-mask-size: calc(var(--header-height-on-mobile) - var(--header-h1-font-size) - 2rem);
                mask-size: calc(var(--header-height-on-mobile) - var(--header-h1-font-size) - 2rem);
        -webkit-mask-position: center 0.8rem;
                mask-position: center 0.8rem;
    }
}
 
/* Account Stuff */
#login-status .printuser { color: rgb(var(--pale-gray-monochrome)); }
#account-options { background: var(--gradient-background); }
 
/* Search Bar */
@media only screen and (min-width: 769px) {
    #search-top-box-form input[type="submit"], #search-top-box-input:focus, #search-top-box-input:hover, #search-top-box-form>input {
        box-shadow: none;
        border: var(--border-styling);
    }
    #search-top-box-form input[type="submit"]:hover {
        color: rgb(var(--swatch-primary-darkest));
        border-width: 0;
    }
}
 
/* Desktop Top Bar Config */
@media only screen and (min-width: 769px) {
    #top-bar div.top-bar>ul>li>ul>li>a:hover {
        color: rgb(var(--gray-monochrome));
    }
}
/* Mobile Top Bar Config */
@media only screen and (max-width: 768px) {
    :root {
      --swatch-menutxt-light-color: var(--white-monochrome);
    }
    #top-bar div.mobile-top-bar>ul>li>ul>li>a {
        color: rgb(var(--swatch-menubg-medium-dark-color));
    }
    #top-bar div.mobile-top-bar > ul > li:hover > a,
    #top-bar div.mobile-top-bar > ul > li.sfhover > a {
        color: rgb(var(--black-monochrome));
    }
    #top-bar div.mobile-top-bar>ul>li>a {
        letter-spacing: -0.07rem;
    }
    #search-top-box:not(:focus-within):before {
        background-color: rgb(var(--black-monochrome));
    }
}
 
#side-bar .side-block.media, #side-bar .heading, #side-bar .side-block>.collapsible-block:first-child .collapsible-block-folded {
    background-color: rgb(var(--swatch-primary-darker))!important;
}
#side-bar .heading p {
    text-shadow: none;
    color: rgb(var(--swatch-primary-darkest));
}
 
/* ----- PAGE ELEMENT ----- */
 
body {
    font-size: calc(var(--base-font-size) * 1.2);
    letter-spacing: -0.063rem;
    line-height: calc(var(--base-font-size) * 1.57);
    text-shadow: 0 0 5px rgba(var(--black-monochrome), 0.13);
 
  /* Ayers Info Bar */
  --barColour: rgb(var(--black-monochrome));
  --linkColour: rgb(var(--white-monochrome));
}
#page-title {
    line-height: calc(var(--base-font-size) * 2.5);
    font-size: 250%;
}
#page-title, h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.07rem;
}
 
/* breadcrumbs */
#breadcrumbs, .pseudocrumbs {
    font-size: calc(var(--base-font-size) * 1.1);
}
 
/* teletype */
tt {
    font-size: calc(var(--base-font-size) * 1.12);
    letter-spacing: 0;
}
#edit-page-textarea, .code pre, .code p, .code, .page-source {
    font-family: var(--mono-font);
    font-size: calc(var(--base-font-size) * 0.9);
    letter-spacing: 0;
}
 
/* Rate Module */
.page-rate-widget-box, #page-content .rate-box-with-credit-button {
    box-shadow: none;
    border: none;
    background: rgb(var(--pale-gray-monochrome));
}
#page-content .page-rate-widget-box .rateup a:hover {
    background-color: rgba(var(--rating-module-button-plus-color), 0.8);
}
#page-content .page-rate-widget-box .ratedown a:hover {
    background-color: rgba(var(--rating-module-button-negative-color), 0.8);
}
#page-content .page-rate-widget-box .cancel a:hover {
    background-color: rgba(var(--rating-module-button-cancel-color), 0.8);
}
 
#page-content .modalbox {
     background: rgb(var(--swatch-menubg-light-color)) !important;
     box-shadow: none;
     border: solid 1px rgb(var(--black-monochrome));
     border-radius: 0;
}
#page-content .modalbox hr {
    margin: 1em;
    margin-left: -0.25em;
    margin-right: -0.25em;
}
.close-credits,
.credit-back {
    filter: hue-rotate(70deg) brightness(4);
}
 
/* tab*/
.yui-navset .yui-nav .selected a {
    color: rgb(var(--swatch-primary-darkest))!important;
}
 
/* Blockquote-style */
blockquote, div.blockquote, #toc {
    border: var(--border-styling);
    background-color: rgba(var(--pale-gray-monochrome), 0.04);
}
 
/* Code */
div.code {
   background-color: #f4f4f4;
   text-shadow: none;
}
 
/* hr */
hr {
    background-color: rgb(var(--swatch-menubg-medium-color));
    height: 0;
    margin-top: 1.5em; margin-bottom: 1.5em;
}
blockquote > hr, div.blockquote > hr {
    margin-left: calc(-1em - 0.7px);
    margin-right: calc(-1em - 0.7px);
}
 
/* LINK */
a, a:visited, a:hover, #footer-bar a:not(.image) {
    font-weight: bold;
    color: rgb(var(--gray-monochrome));
    background-color: rgb(var(--black-monochrome));
}
a:hover {
    box-shadow: 0 0 0.7em 0.1em rgba(var(--black-monochrome),0.3);
}
#content-wrap a { padding: 0.13em; }
/* patch */
span.printuser a:not(a:last-child) {
    background-color: initial;
    padding: 0;
    box-shadow: initial;
}
#header a:hover {
    box-shadow: initial; /* suppress header links from being affected */
}
form#edit-page-form a, div#action-area a {
    color: rgb(var(--swatch-menubg-light-color));
}
a.footnoteref {
    display: initial;
    margin-left: 0.05em;
}
 
/* obligatory ACS compatibility */
.danger-diamond a, .danger-diamond a:hover {
   background: initial;
   text-shadow: none;
   box-shadow: none;
}
 
/* table */
table.wiki-content-table th {
    color: rgb(var(--white-monochrome));
}
#page-content .wiki-content-table tr th,
#page-content .wiki-content-table tr td {
    border: solid 1px rgb(var(--black-monochrome));
}
 
/* Image Block */
.scp-image-block {
    box-sizing: border-box;
    box-shadow: none;
    border-color: rgba(var(--black-monochrome), 0);
    border-width: 0;
}
.scp-image-block .scp-image-caption {
    color: rgb(var(--swatch-menubg-light-color));
    background-color: rgb(var(--swatch-text-light));
    border-color: rgba(var(--swatch-menubg-light-color),0);
    padding: 0.125rem;
    margin-top: 6px;
}
 
/* Pop-Up Windows */
.owindow {
    border-color: rgb(var(--black-monochrome));
}
 
/* CUSTOM BLOCKS */
 
.expoblock {
    box-sizing: border-box;
    border: solid 0.7rem rgb(var(--black-monochrome));
    padding: 1rem;
}
.expoblock hr {
    height: 0.6rem;
    margin: 1.5em 0;
}
 
span.hilighter {
    background-color: rgb(var(--black-monochrome));
    color: rgb(var(--gray-monochrome));
    font-weight: bold;
    padding: 0.2em;
    font-size: 108%;
    line-height: 1.2;
}
 
/* OTHER */
 
/*licencebox link override */
.licensebox .collapsible-block-link {
    color: rgb(var(--gray-monochrome));
}
 
form#edit-page-form .wd-editor-toolbar-panel a { padding: 0; }
 
#lock-info {
    background-color: rgb(var(--swatch-menubg-light-color));
    border-color: rgb(var(--swatch-text-light));
}
 
div#ohandle-1.title {
    color: rgb(var(--swatch-primary-darkest));
    background-color: rgb(var(--swatch-menubg-medium-dark-color));
}
 
div.page-source {
    border-color: rgb(var(--swatch-text-light));
}
 
/* Tags */
#main-content .page-tags a {
    padding: 0.2em;
    padding-top: 0; padding-bottom: 0;
    margin: .25rem .2rem; .5rem .2rem;
}
.page-tags span {
    border-top: 1px solid rgb(var(--swatch-text-light));
}
 
/* Article Bottom Buttons */
div#page-options-bottom > a,
div#page-options-bottom-2 > a,
div#page-options-bottom > a:hover,
div#page-options-bottom-2 > a:hover {
    color: rgb(var(--swatch-text-light));
    background-color: rgb(var(--swatch-menubg-light-color));
    border-color: rgb(var(--swatch-text-light));
    border-radius: 0;
}
 
/* other buttons */
 
div#revision-list a { background-color: rgb(var(--swatch-text-light)); }
 
table.page-history td.optionstd a,
.buttons .btn,
.owindow .button-bar a {
    color: rgb(var(--swatch-text-light));
    background-color: rgb(var(--swatch-menubg-light-color));
    border-color: rgb(var(--swatch-text-light));
}
.buttons .btn:hover, .owindow .button-bar a:hover {
    color: rgb(var(--swatch-menubg-light-color));
    background-color: rgb(var(--swatch-text-light));
    border-color: rgb(var(--swatch-menubg-light-color));
}
#license-area {
     color: rgb(var(--swatch-text-light));
}
#action-area span.printuser a:not(a:last-child) {
    background-color: initial;
    padding: 0;
    box-shadow: initial;
}
 
/* SCANLINE */
div#extrac-div-1 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background: repeating-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.15) 50%,rgba(0,0,0,0));
    background-size: auto 8px;
    opacity: 0.7;
    z-index: 997;
}
 
div#extrac-div-2 {
    position: fixed;
    width: 100vw;
    height : 1rem;
    top: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,0,0,0) 0%,rgba(255,250,250,1) 50%,rgba(255,255,255,0.98) 51%,rgba(255,0,0,0) 100%);
    opacity : .1;
    animation: scanm 6s linear infinite;
    z-index: 998;
}
@keyframes scanm {
  0%   { top: -1rem; opacity : .05;}
  25% { top: 50%; opacity: .03;}
  37.5% { top: 75%; opacity: 0.06;}
  50% { top: 100%; opacity: .03;}
  100% { top: 100%;}
}
 
div#extrac-div-3 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background-image: radial-gradient(circle, rgb(230,210,200) 0%, rgb(177,158,152) 60%, rgb(55,28,30) 100%);
    opacity: 0.25;
    mix-blend-mode: color-dodge;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 999;
}
/* fixes a chrome bug */
html { background: rgb(var(--dark-gray-monochrome)); }
 
/*Fixy pro nás*/
:root {
  --ct_bg_sidebar-blue: rgb(var(--accentColor));
  --ct_bg_sidebar-red: rgb(var(--darkColor));
--ct_bg_sidebar-green: rgb(var(--darkColor));
}
 
.footnotes-footer .title {
    --wght: 600;
    font-weight: 600;
}
 
#login-status .printuser {
    --wght: 600;
    font-weight: 600;
}
 
h1 {
    font-size: 200%;
}
h2 {
    font-size: 160%;
}
h3 {
    font-size: 140%;
}
h4 {
    font-size: 130%;
}
h5 {
    font-size: 110%;
}
h6 {
    font-size: 100%;
}
 
p {
  word-spacing: 5px;
}