@charset "utf-8";
@import url('https://grombald.github.io/Common-Theme/css/min/Sigma-9-Common-Theme-1.3.min.css');
@import url('https://grombald.github.io/Common-Theme/css/min/Common-Theme-Extension_Forum-enhancements-1.0.min.css');
@import url('https://grombald.github.io/Common-Theme/css/Sigma-9-Common-Theme-Variables.css');
@import url('https://grombald.github.io/SCP-DE/css/SCP-DE_User-colors.css');
@import url('http://scp-wiki-de.wdfiles.com/local--code/credit:style/1');
@import url('http://scp-wiki-de.wdfiles.com/local--code/component:button-style/1');
 
/*
    SCP Sigma 9 - Common Theme 1.3.8 - DE-Edition
    [2021 Wikidot Theme]
    Created for the SCP Foundation by Aelanna
    Edited for SCP Foundation by Dr Devan
    Edited for the German branch by Dr_Grom
 
    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
*/
 
/* ---------------- DE's own extensions ----------------  */
 
/* 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;
}
 
/* Third topbar variant (for screens narrower than 412px)*/
#top-bar .mini-top-bar,
.mini-top-bar {
    display: none;
}
.mini-top-bar {
    bottom: 0px;
    position: absolute;
    right: 1em;
    z-index: 0;
}
@media (max-width: 412px) {
    #top-bar .top-bar,
    #top-bar .mobile-top-bar {
        display: none;
    }
    #top-bar .mini-top-bar {
        display: block;
    }
}
 
/* 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 (max-width: 1180px) {
    #top-bar ul li:nth-last-of-type(2) ul {
        right: 0;
    }
}

/* 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);
}

/* New sidebar icons */
#side-bar .menu-item.scp p::before {
    content: "•";
    background-image: url('https://grombald.github.io/Common-Theme/img/scp.png');
    background-image: var(--ct_bg_sidebar-item-scp);
}
#side-bar .menu-item.news p::before {
    content: "•";
    background-image: url('https://grombald.github.io/Common-Theme/img/news.png');
    background-image: var(--ct_bg_sidebar-item-news);
}
#side-bar .menu-item.random p::before {
    content: "•";
    background-image: url('https://grombald.github.io/Common-Theme/img/random.png');
    background-image: var(--ct_bg_sidebar-item-random);
}
#side-bar .menu-item.user p::before {
    content: "•";
    background-image: url('https://grombald.github.io/Common-Theme/img/user.png');
    background-image: var(--ct_bg_sidebar-item-user);
}

#side-bar .side-block {
    color: #600;
    color: var(--ct_col_sidebar-elements);
}
#side-bar .menu-item.expandable + .collapsible-block {
    margin-top: 0;
}
#side-bar .menu-item.expandable + .collapsible-block .collapsible-block-folded,
#side-bar .menu-item.expandable + .collapsible-block .collapsible-block-unfolded-link {
    height: 0;
    text-align: right;
    border: 0;
}
#side-bar .menu-item.expandable + .collapsible-block .collapsible-block-link {
    top: -19px;
    position: relative;
    font-size: 0;
}
#side-bar .menu-item.expandable + .collapsible-block .collapsible-block-link::before {
    font-size: 9pt;
}
#side-bar .menu-item.expandable + .collapsible-block .menu-item {
    border: none;
    border-left: 1px dashed var(--ct_col_sidebar-elements);
    margin: 0 0 0 4px;
    padding: 0 0 2px 17px;
}
#side-bar .menu-item.expandable + .collapsible-block + .menu-item {
    margin-top: 0;
}



 @media (max-width: 1619px) {
    .preview-message {
        right: 0;
        position: relative;
        max-width: 100%;
        text-align: center;
    }
}
@media (min-width: 1620px) {
    .preview-message {
        right: -23em;
        top: 0;
    }
}
@media (min-width: 1679px) {
    .preview-message {
        right: -25em;
    }
}

/* 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;
}
.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;
}