@charset "utf-8";
@import url('https://cdn.scpwiki.com/theme/en/sigma/css/sigma.min.css');
@import url('https://grombald.github.io/SCP-DE/css/SCP-DE_User-colors.css');
@import url('https://grombald.github.io/SCP-DE/css/Credit-Module.css');
@import url('https://grombald.github.io/SCP-DE/css/Button-box.css');
@import url('https://grombald.github.io/Common-Theme/css/min/Common-Theme-Extension_Forum-enhancements-1.0.min.css');

/*
    Sigma-10 - DE-Edition
    [2025 Wikidot Theme]
    Edited for the German branch by Dr_Grom and Robini, based on:

	Sigma-10
	[2023 Wikidot Theme]
	Maintained by the EN SCP Wiki Technical Team, based on:

	Sigma-9
	[2014 Wikidot Theme]
	Created for the SCP Foundation by Aelanna
	Edited for SCP Foundation by Dr Devan
 
    Extensions:
    - Font Awesome 4.3.0 by @davegandy under SIL OFL 1.1 (Font) and MIT License (CSS)
    - Common Theme, bugfixes, top- and sidebar-mods by Dr_Grom
    - Support for Asian languages by Nanimono Demonai
    - Interwiki-module by Resure
    - Credit-module by C-take, physicslike, sinazugawa Nanimono Demonai, improved by Dr Devan and Boyu12, and adapted Dr_Grom
    - Colmod by Boyu12
    - Dark Mode switch by Vizlox
*/

/* ---------------- Common Theme includes ------------------ */
:root {

    /* 1 Common */
    --ct_bg_body: #fff;
    --ct_col_body-txt: #333;
    --ct_col_h1-txt: #901;
    --ct_col_link: #b01;
    --ct_col_link-visited: #824;
    --ct_col_link-newpage: #d61;
    --ct_col_hr: #aaa;

    /* 2 Header */
    --ct_bg_header-image: url('https://grombald.github.io/Common-Theme/svg/body_bg.svg');
    --ct_bg_header-logo: url('https://grombald.github.io/Common-Theme/svg/header-logo.svg');
    --ct_fnt_header-txt: BauhausLTDemi, Arial, sans-serif;
    --ct_col_header-txt: #eee;
    --ct_col_slogan-txt: #f0f0c0;
    --ct_shd_header-txt: 3px 3px 5px #000;
    --ct_shd_slogan-txt: 1px 1px 1px rgba(0,0,0,.8);
    --ct_fns_header-txt: 180%;
    --ct_fns_slogan-txt: 100%;

    /* 2 Account menu */
    --ct_col_account-menu-txt: #aaa;
    --ct_col_account-menu-link: #ddd;
    --ct_col_account-submenu-bg: #fff;
    --ct_col_account-submenu-link: #700;
    --ct_col_account-submenu-link-hover: #000;
    --ct_brd_account-submenu: 1px solid #888;

    /* 2 Search box */
    --ct_col_searchbox-txt: #ccc;
    --ct_brd_searchbox-border: solid 1px #999;
    --ct_col_searchbox-highlight: #fff;
    --ct_brd_searchbox-highlight: solid 1px var(--ct_col_searchbox-highlight);
    --ct_col_searchbox-gradient-1: #300;
    --ct_col_searchbox-gradient-2: #633;
    --ct_col_searchbox-gradient-3: #966;
    --ct_col_searchbox-gradient-4: #c99;
    --ct_dim_searchbox-border-radius: 5px;

    /* 2 Topbar */
    --ct_col_topbar-txt: #fff;
    --ct_col_topbar-link: #a01;
    --ct_bg_topbar-item: #eee;
    --ct_bg_topbar-item-highlight: #fff;
    --ct_brd_topbar-menu: solid 1px #666;
    --ct_brd_topbar-menu-hover: solid 1px #ddd;
    --ct_brd_topbar-item: solid 1px rgba(64,64,64,.1);
    --ct_brd_topbar-item-hover: solid 1px rgba(64,64,64,1);
    /* --ct_bg_topbar-home: see Variables file */
    /* --ct_bg_topbar-home-hover: see Variables file */
    /* --ct_bg_open-menu-button: see Variables file */

    /* 2 Sidebar */
    --ct_shd_sidebar-block: 0 2px 6px rgba(102,0,0,.5);
    --ct_col_sidebar-elements: #600;
    --ct_brd_sidebar-elements: 1px solid var(--ct_col_sidebar-elements);
    --ct_bg_sidebar-default: #fff;
    --ct_bg_sidebar-blue: #e5e5ff;
    --ct_bg_sidebar-red: #fff0f0;
    --ct_bg_sidebar-green: #e5ffe5;
    --ct_bg_sidebar-yellow: #ffffe5;
    --ct_col_sidebar-subtext: #666;
    --ct_dim_sidebar-border-radius: 10px;
    --ct_dim_sidebar-link-images: 30px;
    /* Item icons see Variables file */

    /* 3 Footer */
    --ct_bg_footer: #444;
    --ct_col_footer-txt: #bbb;
    --ct_col_footer-link: #fff;

    /* 4 Content area */
    --ct_col_page-title: var(--ct_col_h1-txt);
    --ct_col_page-title-border: #bbb;
    --ct_fnt_headlines: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;

    /* 4 Rating-module */
    --ct_col_rate-primary: #633;
    --ct_brd_rate-primary: solid 1px var(--ct_col_rate-primary);
    --ct_col_rate-secondary: #fff6f0;
    --ct_col_rate-cancel: #966;
    --ct_col_rate-link-hover: #fffff0;
    --ct_col_rate-border-heritage: #ccc066;
    --ct_dim_rate-border-radius: 5px;
    --ct_dim_rate-cancel-border-radius: calc(var(--ct_dim_rate-border-radius) - 2px);
    --ct_dim_rate-heritage-border-radius: calc(var(--ct_dim_rate-border-radius) + 3px);

    /* 4 Standard image block */
    --ct_brd_image-block: solid 1px #666;
    --ct_col_image-block-contrast: #eee;

    /* 4 Tabview (YUI-Tabs) */
    --ct_col_tab-bg: #f5f5f5;
    --ct_col_tab-menu-bg-selected-txt: #fff;
    --ct_col_tab-menu-border: #444;
    --ct_col_tab-menu-bg: #d8d8d8 url('https://grombald.github.io/Common-Theme/img/yuitabs.png') repeat-x;
    --ct_col_tab-menu-bg-hover: #d88 url('https://grombald.github.io/Common-Theme/img/yuitabs.png') repeat-x left -1300px;
    --ct_col_tab-menu-bg-selected: #700 url('https://grombald.github.io/Common-Theme/img/yuitabs.png') repeat-x left -1400px;
    --ct_col_tab-menu-text: #000;
    --ct_brd_tab_content: 1px solid #808080;
    --ct_col_tab_content-border-top: #243356;

    /* 4 Other page elements */
    --ct_col_toc-bg: #f7f7f7;
    --ct_brd_toc: 1px dashed #808080;
    --ct_col_blockquote-bg: #f4f4f4;
    --ct_brd_blockquote: 1px dashed #999;
    --ct_col_code-bg: #f7f7f7;
    --ct_col_code-border: #ddd;
    --ct_fnt_white-paper-titles: 'Andale Mono', 'Courier New', Courier, monospace;
    --ct_bg_white-paper-sheet: #FFF;
    --ct_brd_white-paper-sheet: solid 1px #888880;
    --ct_brd_white-paper-titles: 1px solid #888;
    --ct_col_white-paper-titles-txt: #000;
    --ct_brd_white-paper-toc: solid 1px #ccc;
    --ct_dim_text-indent: 2em;
    --ct_brd_table: 1px solid #888;
    --ct_col_table-head: #eee;

    /* 7 Responsive Web Design */
    --ct_col_m_sidebar-bg: #b88686;
    --ct_brd_m_sidebar: 1px solid #dedede;
    --ct_brd_m_sidebar-right: 1px solid #936b6b;
    --ct_col_m_sidebar-button-bg: #fff;
    --ct_brd_m_sidebar-button: .2em solid var(--ct_col_m_sidebar-button-icon);
    --ct_shd_m_sidebar-button: 0 0 20px 3px rgba(153,153,153,1);
    --ct_col_m_sidebar-button-icon: #888;
}

/* ------------- #5.1 Content Panel ------------- */

#header {
    background-image: var(--ct_bg_header-logo);
    max-width: 980px;
}

.content-panel {
    background-color: #999990;
    border: solid 1px #888880;
    border-radius: 10px;
    box-shadow: 3px 3px 6px #bbb;
    box-shadow: 0 2px 6px rgba(0,0,0,.5),
        inset 0 1px rgba(255,255,255,.3),
        inset 0 10px rgba(255,255,255,.2),
        inset 0 10px 20px rgba(255,255,255,.25),
        inset 0 -15px 30px rgba(0,0,0,.1);
    margin: 10px 0 15px;
}
.content-panel.standalone {
    background: #fcfdfb;
}
.content-panel.series {
    margin-bottom: 20px;
    padding: 0 20px;
}
.content-panel.centered {
    text-align: center;
}

.content-panel .panel-heading {
    padding: 2px 10px;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,.35);
}
.content-panel .panel-heading > p,
.content-panel .panel-footer > p {
    margin: 0;
}
.content-panel .panel-body {
    background: #fff9f0 url('https://grombald.github.io/Common-Theme/img/panel-bg-gradient-reverse.png') bottom repeat-x;
    padding: 5px 10px;
}
.content-panel .panel-footer {
    color: #fffff0;
    font-size: 80%;
    font-weight: bold;
    padding: 1px 10px;
    text-align: right;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.content-panel .panel-footer a {
    color: #fff;
}
.content-panel .content-toc {
    box-shadow: inset 1px 2px 6px rgba(0,0,0,.15);
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 10px;
    float: right;
    margin: 20px 0 5px 5px;
    padding: 0 20px;
    white-space: nowrap;
}
.unmargined > p {
    margin: 0;
    line-height: 100%;
}
.alternate {
    padding: 5px 10px;
}
.alternate:nth-child(even) {
    background-color: rgba(255,255,255,.9);
    border-top: solid 1px #eeeee0;
    border-bottom: solid 1px #eeeee0;
}
.content-panel .panel-body.alt-container {
    padding: 0;
}

/* ------------- #5.2 White-paper ------------- */

.white-paper h1, .white-paper .h1, .white-paper h2, .white-paper .h2, .white-paper h3, .white-paper .h3, .white-paper h4, .white-paper .h4, .white-paper h5, .white-paper .h5, .white-paper h6, .white-paper .h6,
.white-paper .wp_title, .white-paper .wp_sub-title, .white-paper .wp_section-title, .wp_sheet .toc-title,
.white-paper .col-title .collapsible-block-link, .white-paper .col-title .foldable-list-container {
    font-family: 'Andale Mono', 'Courier New', Courier, monospace;
    font-family: var(--ct_fnt_white-paper-titles);
}
.white-paper .wp_sheet {
    background-color: #FFF;
    background-color: var(--ct_bg_white-paper-sheet);
    border: solid 1px #888880;
    border: var(--ct_brd_white-paper-sheet);
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,.35);
    margin: 10px 0 20px;
    padding: 0 20px;
}
.white-paper h1,
.white-paper .h1 {
    color: #000;
}
.white-paper h2,
.white-paper .h2 {
    font-size: 130%;
    font-weight: 700;
    line-height: 200%;
    margin-bottom: 0;
}
.white-paper h2 ~ p,
.white-paper .h2 ~ p {
    margin-top: 0;
}
.white-paper .wp_title {
    border-bottom: 1px solid #888;
    border-bottom: var(--ct_brd_white-paper-titles);
    color: #000;
    color: var(--ct_col_white-paper-titles-txt);
    display: block;
    font-size: 350%;
    font-weight: 700;
    line-height: 100%;
    margin: 0 0 .75em;
    padding: .5em 0 .6em;
    text-align: center;
}
.white-paper .wp_sub-title {
    color: #000;
    color: var(--ct_col_white-paper-titles-txt);
    display: block;
    font-size: 250%;
    font-weight: 700;
    line-height: 100%;
    margin: 2em 0 1em;
    text-align: center;
}
.white-paper .wp_section-title {
    font-size: 130%;
    font-weight: 700;
    line-height: 200%;
}
.white-paper .collapsible-block {
    margin-bottom: 1.5em;
    padding-top: .5em;
}
.white-paper .col-title .collapsible-block-link,
.white-paper .col-title .foldable-list-container {
    font-size: 130%;
    font-weight: 700;
    line-height: 200%;
}

.wp_sheet #toc,
.wp_sheet .toc {
    background-color: #fff;
    background-color: var(--ct_bg_white-paper-sheet);
    border: solid 1px #ccc;
    border: var(--ct_brd_white-paper-toc);
    border-radius: 10px;
    box-shadow: inset 1px 2px 4px rgba(0,0,0,.15);
    margin: 4px 0 5px 20px;
    white-space: nowrap;
}
.wp_sheet .toc-title {
    font-size: 115%;
    font-weight: bold;
    text-align: center
}


/* ---------------- #4.3 Colmod ---------------- */

.colmod-block > ul,
.colmod-block > ul > li {
    display:block;
    line-height:normal;
    list-style:none;
    margin:0;
    padding:0;
}
.colmod-block > ul > li > ul,
li.folded > .colmod-link-top a + a,
li.folded > .colmod-content,
li.folded > .colmod-link-end a,
li.unfolded > .colmod-link-top a:first-child {
    display:none;
}
.colmod-content {
        -webkit-animation:colmod-fade-in .2s ease-in-out;
    animation:colmod-fade-in .2s ease-in-out;
        -webkit-animation-timing-function:cubic-bezier(0.3649610494,0,.6350389506,1);
    animation-timing-function:cubic-bezier(0.3649610494,0,.6350389506,1);
}
li.folded > .colmod-content {
        -webkit-animation-name:none;
    animation-name:none;
}
@-webkit-keyframes colmod-fade-in{
    from { opacity:0;} to { opacity:1;}
}
@keyframes colmod-fade-in {
    from { opacity:0;} to { opacity:1;}
}
[class|="colmod-link"] div.foldable-list-container {
    display:inline;
}
.colmod-collapsiblealt > [class|="colmod-link"],
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] {
    margin:0.5em 0;
    text-align:center;
}
.colmod-collapsiblealt > [class|="colmod-link"] a,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a {
    background-color:#f4f4f4;
    border:1px solid #aaa;
    color:#000;
    padding:0.1em .5em;
    text-decoration:none;
}
.colmod-collapsiblealt > [class|="colmod-link"] a:hover,
.colmod-collapsiblealt > [class|="colmod-link"] a:active,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:hover,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:active {
    background:#ddd;
    text-decoration:none;
}

/* Borderless tabs */
.borderless-tabs .yui-navset .yui-content {
    background: transparent;
    border: 0;
    border-top: solid 3px #444;
    border-top: solid 3px var(--ct_col_tab-menu-border);
    padding: .25em 0;
}
.borderless-tabs .yui-navset .yui-navset-top .yui-content {
    padding: .25em 0;
}
.borderless-tabs .yui-navset .yui-nav,
.borderless-tabs .yui-navset .yui-navset-top .yui-nav {
    border: 0;
}
.borderless-tabs .yui-content li {
    margin: .4em 0;
}
.borderless-tabs .yui-content .code {
    background: #f7f7f7;
    background: var(--ct_col_code-bg);
    border-color: #ddd;
    border-color: var(--ct_col_code-border);
}

/* ---------------- #3.7 Tabview (YUI-Tabs) ---------------- */

.yui-navset .yui-content{
    background: #f5f5f5;
    background: var(--ct_col_tab-bg);
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border: 1px solid #808080;
    border: var(--ct_brd_tab_content);
    border-top-color: #243356;
    border-top-color: var(--ct_col_tab_content-border-top);
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: var(--ct_col_tab-menu-bg);
    border-color: var(--ct_col_tab-menu-border);
    color: var(--ct_col_tab-menu-text);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover { 
    background: var(--ct_col_tab-menu-bg-selected);
    color: #fff;
    color: var(--ct_col_tab-menu-bg-selected-txt);
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: var(--ct_col_tab-menu-bg-hover);
    text-decoration: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #444;
    border-color: var(--ct_col_tab-menu-border);
}
.yui-navset li {
    line-height: normal;
}

/* Invert colors of code-boxes in tabs*/
.yui-content blockquote,
.yui-content .blockquote,
.yui-content .code {
    background: #fff;
    background: var(--ct_bg_body);
    border-color: #999;
    border: var(--ct_brd_blockquote);
}

/* Formating classes */
.justify {
    text-align: justify;
}
.hyphens {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.indent,
.indent p {
    text-indent: 2em;
    text-indent: var(--ct_dim_text-indent);
}
.no-indent,
.no-indent p,
.footnoteref {
    text-indent: 0;
}

div.curved {
    border-radius: 10px;
    margin: 1em 3em;
}

.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}


/* ---------------- #5.4 Fake- and placeholder classes ---------------- */

.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
    font-family: var(--ct_fnt_headlines);
    font-weight: bold;
}
.h2, .h3, .h4, .h5, .h6 {
    letter-spacing: 1px;
    margin: .5em 0 .4em;
    padding: 0;
}
.h1 {
    color: #901;
    color: var(--ct_col_h1-txt);
    font-size: 190%;
    margin: .7em 0 .6em;
    padding: 0;
}
.h2 {
    font-weight: normal;
    font-size: 150%;
}
.h3 {
    font-size: 130%;
}
.h4 {
    font-size: 120%;
}
.h5 {
    font-size: 100%;
}
.h6 {
    font-size: 90%;
}
.b {
    font-weight: bold;
}
.em {
    font-style: italic;
}
.meta-title {
    border-bottom: solid 1px #bbb;
    color: #901;
    font-weight: normal;
    margin: 0 0 .6em;
    padding: 0 0 .25em;
    font-size: 200%;
}
.meta-title p {
    margin: 0;
}
.pseudocrumbs {
    margin: -1em 0 1em;
}
.toc {
    background-color: #F7F7F7;
    border: 1px dashed gray;
    padding: .5em 20px;
    text-align: left;
    white-space: nowrap;
}
.toc p {
    margin: 0;
}
.toc-title {
    margin: .2em 0;
}
.toc-list {
    margin: .5em 0;
}

/* ---------------- DE's own extensions ----------------  */

/* Search bar - removes search bar because it doesn't work anyway, just shows the button */
#search-top-box-input {
  min-width: 113px;
  display: none;
}

/* Translate TOC title */
#toc .title {
    font-size: 0;
}
#toc .title::before {
    content: "Inhaltsverzeichnis";
    font-size: 12.8px;
}

/* Display custom (warning) text in file uploading area */
#file-action-area h2::after {
    background: #fffff0;
    border: 1px solid #660;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.5);
    box-shadow: 0 2px 6px rgba(0,0,0,.5);
    display: block;
    color: 330;
    content: "Bitte keine Dateien größer als 1 MB hochladen! Bei Übersetzungen bitte das Originalbild verlinken.";
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 80%;
    margin: .7em 0;
    padding: 1em;
    text-align: center;
}
 
script + div.page-tags:before {
    color: #888;
    content: "Die Werbung wird von Wikidot (dem Plattformanbieter) geschaltet und für eingeloggte Nutzer nicht angezeigt.";
    display: block;
    font-size: 77%;
    margin: 1em 0;
    text-align: center;
} 
 
/* Makes the empty-searchbox text fit */
#search-top-box-input {
    min-width: 113px;
}
 
/* Custom style for new-page-box in sidebar*/
#side-bar .side-block-new-page {
    padding: 0 10px;
}
 
/* Old audio-block style */
.audio-img-block {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
    box-shadow: 1px 1px 2px rgba(0,0,0,.25);
    margin-right: 1em;
    background-color: #eee;
    border: solid 1px #666;
    padding: 2px 3px;
    position: relative;
    top: 1px;
}
 
/* Hide the "Safe Draft" button to avoid accidents */
#edit-save-draft-button {
    display: none;
}

/* Selector buttons */
/* Branch selector */
.selector {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
    border: 1px solid #888;
    display: inline-block;
    margin: 0.3em;
    min-width: 12em;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding: 0;
    text-align: center;
    width: 45%;
    width: -webkit-calc(100% / 2 - 1.2em);
    width: -moz-calc(100% / 2 - 1.2em);
    width: calc(100% / 2 - 1.2em);
}
.selector:hover {
    background: #ddd;
}
.selector p {
    margin: 0;
    padding: 0;
}
.selector em {
    display: inline-block;
    font-size: 130%;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding: 0.25em .75em;
    width: -webkit-calc(100% - 1.5em);
    width: -moz-calc(100% - 1.5em);
    width: calc(100% - 1.5em);
}
.selector a {
    color: #000;
    display: block;
    width: 100%;
}
.selector a:hover {
    text-decoration: none;
}
.selected p {
    background: #700 url('https://grombald.github.io/Common-Theme/img/yuitabs.png') repeat-x left -1400px;
    background: var(--ct_col_tab-menu-bg-selected);
    color: #fff;
    color: var(--ct_col_tab-menu-bg-selected-txt);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Make the branch menu float to the left on not very wide screens */
@media (min-width: 768px) and (max-width: 1180px) {
    #top-bar .top-bar > ul > li:nth-last-of-type(2) > ul {
        right: 0;
        left: auto;
    }
}

/* SVG Social media icons */
:root {
    --ct_dim_sidebar-link-images: 22px;
    --ct_bg_sm-icon_deviantart: url('https://grombald.github.io/Common-Theme/svg/sm/sm-icon_deviantArt.svg');
    --ct_bg_sm-icon_discord: url('https://grombald.github.io/Common-Theme/svg/sm/sm-icon_discord.svg');
    --ct_bg_sm-icon_facebook: url('https://grombald.github.io/Common-Theme/svg/sm/sm-icon_facebook.svg');
    --ct_bg_sm-icon_instagram: url('https://grombald.github.io/Common-Theme/svg/sm/sm-icon_instagram.svg');
    --ct_bg_sm-icon_reddit: url('https://grombald.github.io/Common-Theme/svg/sm/sm-icon_reddit.svg');
    --ct_bg_sm-icon_twitter: url('https://grombald.github.io/Common-Theme/svg/sm/sm-icon_twitter.svg');
    --ct_bg_sm-icon_youtube: url('https://grombald.github.io/Common-Theme/svg/sm/sm-icon_youtube.svg');
    --ct_bg_sm-icon_reddit: url('https://grombald.github.io/Common-Theme/svg/sm/sm-icon_reddit.svg');
    --ct_bg_sm-icon_sandbox: url('https://grombald.github.io/Common-Theme/svg/sm/sm-icon_sandbox.svg');
    --ct_bg_sm-icon_de: url('https://grombald.github.io/SCP-DE/svg/sm-icon_de.svg');
}
#side-bar .side-links.svg-icons a {
    width: var(--ct_dim_sidebar-link-images);
    height: var(--ct_dim_sidebar-link-images);
    display: inline-block;
    margin: 0 1px;
    color: transparent;
    font-size: 0;
}
#side-bar .side-links.svg-icons a[href*="sandbox"] {
    background-image: var(--ct_bg_sm-icon_sandbox);
}
#side-bar .side-links.svg-icons a[href*="scp-wiki-de"] {
    background-image: var(--ct_bg_sm-icon_de);
}
#side-bar .side-links.svg-icons a[href*="chat"],
#side-bar .side-links.svg-icons a[href*="discord"]{
    background-image: var(--ct_bg_sm-icon_discord);
}
#side-bar .side-links.svg-icons a[href*="youtube"] {
    background-image: var(--ct_bg_sm-icon_youtube);
}
#side-bar .side-links.svg-icons a[href*="facebook"] {
    background-image: var(--ct_bg_sm-icon_facebook);
}
#side-bar .side-links.svg-icons a[href*="twitter"] {
    background-image: var(--ct_bg_sm-icon_twitter);
}
#side-bar .side-links.svg-icons a[href*="instagram"] {
    background-image: var(--ct_bg_sm-icon_instagram);
}
#side-bar .side-links.svg-icons a[href*="deviantart"] {
    background-image: var(--ct_bg_sm-icon_deviantart);
}
#side-bar .side-links.svg-icons a[href*="reddit"] {
    background-image: var(--ct_bg_sm-icon_reddit);
}

/* Better Tables */
:root {
    --ct_brd_table: 1px solid #888;
}
.b-tables {
    background: linear-gradient(to bottom, var(--ct_col_table-head) 0%, var(--ct_col_table-head) 50%, var(--ct_bg_body) 50%, var(--ct_bg_body) 100%);
    border: var(--ct_brd_table);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
#page-content .b-tables table {
    margin: 0 auto;
    width: 100%;
}
#page-content .b-tables table td,
#page-content .b-tables table th {
    border: none;
}
#page-content .b-tables table th,
#page-content .b-tables table td:first-child {
    font-weight: bold;
    text-align: left;
}
#page-content .b-tables.two-rows table tr:nth-child(odd) td:first-child {
    font-weight: normal;
}
#page-content .b-tables table tr {
    background: var(--ct_bg_body);
    border-bottom: var(--ct_brd_table);
    border-bottom-style: dashed;
}
#page-content .b-tables table tr:first-child{
    border-bottom-style: solid;
}
#page-content .b-tables.two-rows table tr:nth-child(even) {
    border-bottom: none;
}
#page-content .b-tables table tr:last-child {
    border-bottom: none;
}
.b-tables .pager {
    border-top: var(--ct_brd_table);
    padding: .5em 0;
    margin: 2px 0 0 0;
}

/* ----  Staff colors  ---- */
/* Define the colors for each role */
:root {
    --de_o4: #ea2525;
    --de_md: #d3545f;
    --de_tt: #f6b600;
    --de_mt: #884d84;
    --de_sl: #2ecc71;
    --de_vb: #0068a3;
	  --de_txt: #fff;
    --de_fb: #2c9eee;
    --de_kb: #27d5bc;
    --de_nt: #7eaed0;
    --de_ub: #00a264;
    --de_cm: #FF9900;
}
.printuser a::before {
    border-radius: 4px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    display: inline-block;
    height: 8px;
    line-height: 0;
    margin-right: 3px;
    width: 16px;
}
.printuser > a:first-child:not(:only-child)::after {
    border: 1px solid #2c2c2c;
    display: inline-block;
    height: 14px;
    position: relative;
    right: 9px;
    top: 1px;
    vertical-align: top;
    width: 5px;
    white-space: pre;
}
.printuser a:last-child:hover::after {
    background: var(--ct_bg_body);
    border: 1px solid var(--ct_col_body-txt);
    color: var(--ct_col_body-txt);
    font-size: 85%;
    margin: 29px 0 0 -70px;
    padding: 0 2px;
    position: absolute;
    z-index: 10;
}
.no-staff-highlight .printuser a::before,
.no-staff-highlight .printuser > a:first-child:not(:only-child)::after,
#page-content .printuser a::before,
#page-content .printuser > a:first-child:not(:only-child)::after,
#login-status .printuser a::before,
#login-status .printuser > a:first-child:not(:only-child)::after {
    display: none;
}
#page-content .highlight-staff .printuser a::before,
#page-content .highlight-staff .printuser > a:first-child:not(:only-child)::after {
	display: inline-block;
}