@import url("https://cdn.scpwiki.com/theme/en/sigma/css/sigma.min.css");
@import url('https://api.fonts.coollabs.io/css2?family=Patua+One&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Afacad+Flux:wght@100..1000&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');

div#container-wrap {
  background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ajanitor-closet/bg.jpg') top left repeat-x;
  background-size: 100%;
}

#header {
  background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ajanitor-closet/lightlogo.png');
}

#header h1 span,
#header h2 span {
  text-shadow: none;
  color: transparent;
}

#header h1 span::before {
  content: '安全清洁专家';
  font-family: "Patua One", serif;
  color: #efefef;
  text-shadow: 0rem 0rem 0.3125rem #000000;
}

#header h2 span::before {
  content: '消毒，清洁，抛光';
  color: #efefef;
  font-family: "Afacad Flux", serif;
  font-style: italic;
  text-shadow: none;
}

#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus {
  background-color: #ffbb55;
  color: #0e0e0e;
}

#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
  background-color: #ffbb55;
  border: none;
  color: #0e0e0e;
  background-image: none;
}

#login-status,
#login-status a {
  color: #ffbb55;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000;
}

#account-options li a,
#account-options li a:hover {
  color: #ffbb55;
  text-shadow: none;
}

#account-options {
  border: 1px solid #ffbb11;
}

#account-options ul {
  background-color: #0e0e0e;
}

#top-bar {
  background: linear-gradient(to right, transparent 60%, #0e0e0e 85%, transparent 100%);
}

#top-bar ul li:hover a:hover {
  background: #ffbb11;
  color: #0e0e0e;
}

#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
  background: #0e0e0e;
  color: #ffbb55;
}

div.page-rate-widget-box .rate-points {
  background-color: #ffbb55 !important;
  color: #0e0e0e;
  border: none;
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
  background-color: #16161f !important;
  border-top: none;
  border-bottom: none;
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
  background: transparent;
  color: #ededed !important;
}

.page-rate-widget-box .rateup a:hover {
  background: #29AB87 !important;
  color: #0e0e0e !important;
}

.page-rate-widget-box .ratedown a:hover {
  background: #C21807 !important;
  color: #0e0e0e !important;
}

.page-rate-widget-box .cancel {
  background-color: #ffbb55 !important;
  border: none;
}

.page-rate-widget-box .cancel a {
  color: #0e0e0e !important;
}

.page-rate-widget-box .cancel a:hover {
  background: #ffbb55 !important;
  color: #0e0e0e !important;
}

#page-content .rate-box-with-credit-button {
  background-color: #ffbb55 !important;
  border: none;
}

#page-content .rate-box-with-credit-button .creditButton p a {
  border-left-color: #0e0e0e !important;
}

#page-content .rate-box-with-credit-button .creditButton a {
  color: #0e0e0e !important;
}

#page-content .modalbox {
  background: #0e0e0e;
  border: dotted 1px #ffbb55;
  color: #ededed;
  box-shadow: none;
}

#side-bar .heading,
#interwiki .heading {
  color: #C21807;
  border-color: #C21807;
  font-family: "Source Serif 4", serif;
  font-size: 100%;
  text-align: right;
}

#side-bar div.side-block,
#side-bar .side-block.media,
#side-bar .side-block.resources,
#interwiki .side-block {
  background: #0e0e0e;
  border: 1px solid #29AB87;
}

#page-title {
  color: #ffbb55;
  font-family: "Afacad Flux", serif;
  font-weight: bold;
  font-size: 250%;
  text-align: center;
  text-shadow: 0rem 0rem 0.3125rem #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffffff;
  font-family: "Source Serif 4", serif;
}

h2 {
  font-weight: bold;
}

a,
#side-bar a,
#interwiki a {
  color: #29AB87;
}

a:visited,
#side-bar a:visited,
#interwiki a:visited {
  color: #194d3e;
}

body {
  background-color: #16161f;
  color: #ededed;
}

.yui-navset .yui-content {
  background: #0e0e0e;
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
  background-color: #e89c2a;
  background-image: none;
  border: none;
}

.yui-navset .yui-nav a,
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
  background-color: #ffbb11;
  background-image: none;
  border: none;
  color: #0e0e0e;
}

.yui-navset .yui-content {
  background: #0e0e0e;
  border: 1px dotted #ffbb11;
}

.yui-navset .yui-nav {
  border: none;
  padding-bottom: 1px;
}

.yui-navset .yui-nav a em {
  border: none;
}

#toc {
  background-color: #0e0e0e;
  border: 1px solid #ffbb11;
}

blockquote,
div.blockquote {
  background: #0e0e0e;
  border: 3px solid #ffbb11;
}

table.wiki-content-table th {
  background: #ffbb11;
  border: 1px solid #e89c2a;
  color: #0e0e0e;
}

.scp-image-block .scp-image-caption {
  background-color: #0e0e0e;
  border: 1px solid #ffbb11;
}

.hovertip {
  background: #0e0e0e !important;
  border: solid 0.0625rem #ffbb11 !important;
  color: #ffffff;
  text-shadow: none;
  opacity: 0.95;
}

.owindow,
.owindow h1,
.owindow .button-bar a {
  color: #0e0e0e;
  text-shadow: none;
}

.owait,
.osuccess {
  background-color: #0e0e0e;
  color: #ffffff;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000;
  border: solid 0.0625rem #ffbb11;
  opacity: 0.95;
}

form div.sub {
  color: #ffffff;
}

#lock-info {
  color: #0e0e0e;
  text-shadow: none;
}

.greenbox {
  display: block;
  background: #0e0e0e;
  border: 3px solid #29AB87;
  padding: 0.5rem;
}

.redbox {
  display: block;
  background: #0e0e0e;
  border: 3px solid #C21807;
  padding: 0.5rem;
}

@media only screen and (max-width: 56.25rem) {
  #header h1 span::before {
    content: '安全清洁专家';
    font-size: 1.5rem;
  }

  #top-bar .open-menu a {
      border: 0.2em solid #ffbb11;
      background-color: #0e0e0e;
      color: #ffbb11;
  }

  #page-title {
    font-size: 200%;
  }

  #side-bar {
    background-color: #16161f;
  }
}