/*
    Declassified
    [2019 Wikidot Theme]
    Created for the SCP Foundation by Aelanna
    Edited for SCP Foundation by Dr Devan
    Edited for the SCPD Sandbox by Yossi and maintained by Lt Flops
*/

@import url(https://scp-wiki.wdfiles.com/local--code/component%3Atheme/1);
@import url(https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Nanum+Gothic+Coding&family=Palanquin:wght@700&display=swap);

/* COMMON */
h1, #page-title {
    color: hsl(286, 100%, 30%);
}

#page-title {
    color: hsl(286, 100%, 30%);
}

.meta-title {
    color: hsl(286, 100%, 30%);
}

a {
    color: hsl(288, 100%, 37%);
}

a:visited {
    color: hsl(273, 60%, 33%);
}

#side-bar a:visited {
    color: hsl(288, 100%, 37%);
}

a.newpage {
    color: hsl(318, 86%, 47%);
}

/* GLOBAL WIDTH */
div#container-wrap {
    background-image: url(http://scpdsandbox.wdfiles.com/local--files/theme%3Adeclassified/SCPDtheme.png);
}

/* HEADER */
#header {
    background: url(http://scpdsandbox.wdfiles.com/local--files/theme%3Adeclassified/SCPDlogosmall.png) 10px 40px no-repeat;
}

#search-top-box-input {
    background-color: hsl(293, 100%, 10%);
}

#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: hsl(293, 33%, 30%);
}

#search-top-box-form input[type=submit] {
    background-color: hsl(293, 33%, 30%);
    background-color: linear-gradient(to bottom, hsl(293, 20%, 50%), hsl(293, 33%, 30%), hsl(293, 100%, 10%));
}

#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background-color: hsl(293, 20%, 50%);
    background-color: linear-gradient(to bottom, hsl(293, 33%, 70%), hsl(293, 20%, 50%), hsl(293, 33%, 30%));
}

#login-status ul a {
    color: hsl(293, 100%, 23%);
}

#account-topbutton {
    color: hsl(293, 100%, 23%);
}

#header h1 a {
    font-family: "Palanquin", "Nanum Gothic", "Arial", sans-serif;
}

/* TOP MENU */
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    color: hsl(287, 100%, 33%);
}

#top-bar ul li ul a, #top-bar a:hover {
    color: hsl(287, 100%, 33%);
}

/* SIDE MENU */
#side-bar .side-block {
    border: 1px solid hsl(293, 100%, 20%);
    box-shadow: 0 2px 6px hsla(293, 100%, 20%, 0.5);
}

#side-bar .heading {
    color: hsl(293, 100%, 20%);
    border-bottom: solid 1px hsl(293, 100%, 20%);
}

#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px hsl(293, 100%, 20%);
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: hsl(293, 100%, 20%);
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: hsl(288, 100%, 37%);
}

#side-bar div.menu-item img {
    filter: hue-rotate(293deg);
}

/* YUI-TABS */
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background: hsl(293, 100%, 23%);
    filter: hue-rotate(0deg) !important;
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    filter: hue-rotate(293deg);
}

/* INFO PANE */
#page-content .rate-box-with-credit-button {
    background-color: hsl(293, 33%, 30%);
    border-color: hsl(293, 33%, 30%);
    border-radius: 5px;
}

#page-content .rate-box-with-credit-button .fa-info {
    border-color: hsl(293, 33%, 30%);
}

#page-content .rate-box-with-credit-button .fa-info:hover {
    color: hsl(287, 100%, 33%);
}

.rate-box-with-credit-button .cancel {
    border: solid 1px hsl(293, 33%, 30%);
}

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

.modalbox {
    box-shadow: 0 1px 10px hsla(293, 100%, 20%, 0.5) !important;
}

/* PAGE RATING MODULE CUSTOMIZATIONS */
.page-rate-widget-box .rate-points {
    background-color: hsl(293, 33%, 30%) !important;
    border: solid 1px hsl(293, 33%, 30%);
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: hsl(317, 100%, 97%);
    border-top: solid 1px hsl(293, 33%, 30%);
    border-bottom: solid 1px hsl(293, 33%, 30%);
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    color: hsl(293, 33%, 30%);
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: hsl(293, 33%, 30%);
    color: hsl(353, 100%, 97%);
}

.page-rate-widget-box .cancel {
    background-color: hsl(293, 33%, 30%);
    border: solid 1px hsl(293, 33%, 30%);
}

.page-rate-widget-box .cancel a {
    color: hsl(293, 20%, 50%);
}

.page-rate-widget-box .cancel a:hover {
    background: hsl(293, 33%, 30%);
    color: hsl(353, 100%, 97%);
}