body {
    color: #000000;
    font-family: "MS Sans Serif";
    font-size: 14px;
    image-rendering: pixelated;
    word-break: unset;
    --themeColor: #008484;
    --accentColor: #008484;
}
 
:root {
    --logo-image: url("https://backrooms-sandbox.wikidot.com/local--files/etoisle/logo.png");
    --header-title: "the backrooms";
    --header-subtitle: "一个在你心灵深处的层级";
 
/* Typefaces */
    --body-font: "MS Sans Serif", "Microsoft YaHei", 微软雅黑, sans-serif;
    --header-font: "MS Sans Serif", "Microsoft YaHei", 微软雅黑, sans-serif;
    --title-font: "MS Sans Serif", "Microsoft YaHei", 微软雅黑, sans-serif;
    --mono-font: "Noto Serif SC", monospace;
 
    /* Standard Colors */
    --white-monochrome: 250, 250, 250;
    /* white */
    --pale-accent: 220, 220, 220;
    /* visited links */
    --bright-accent: 192, 192, 192;
    /* bright teal */
    --medium-accent: 132, 132, 132;
    /* medium teal - the "default" accent color */
    --dark-accent: 128, 128, 128;
    /* dark teal */
    --alt-accent: 128, 0, 0;
    /* for newpage links */
    --swatch-background: 255, 255, 255;
    --swatch-topmenu-border-color: var(--pale-accent);
    --swatch-topmenu-bg-color: var(--bright-accent);
--swatch-border-color: var(--medium-accent);
    --border-styling: outset 2px rgb(var(--swatch-border-color));
 --darker-accent: 0, 132, 132;
--link-color : 128, 0, 128;
    --link-color-bright: 0, 0, 132;
    --rating-module-button-color: var(--bright-accent);
    --rating-module-text-color: 0, 0, 132;
--newpage-color: 128, 0, 0;
--swatch-menubg-color: 192, 192, 192;
 
    /* Box-Shadow 1px Borders */
    --box-border-bottom: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-top: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-left: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-right: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-all: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
}
 
#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("https://backrooms-sandbox.wikidot.com/local--files/etoisle/header.png");
    background-repeat: repeat-x;
    background-size:  inherit;
}
 
.scp-image-block {
box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 0;
    margin: 0 2em 1em;
}
.scp-image-block.block-right {
    background: #ffffff;
background-color: #ffffff;
 
}
.scp-image-block .scp-image-caption {
background-color: var(--bright-accent);
color: black;
}
 
a:visited {
  color: #800080 !important;
}
 
.scp-image-block img {
padding-bottom: 0px !important;
    margin-bottom: 1em;
    border: #DFDFDF inset 2px;
}
 
#page-title, h1 {
    color: #000084;
    font-family: "Microsoft Sans Serif";
}
.page-rate-widget-box {
     background-color: #C0C0C0!important;
    border: #DFDFDF outset 2px !important;
box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
}
 
.page-rate-widget-box .rate-points {
     background-color: #C0C0C0!important;
    border: none;
    color: #000084 !important;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #C0C0C0;
    border-top: none;
    border-bottom: none;
color: #000000;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
background-color:  #000084;
    color: #000000;
}
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: #000084;
    border: none;
}
 
.page-rate-widget-box .cancel a {
    color: #000000;
}
 
h2,
h3,
h4,
h5,
h6 {
    font-family: "Microsoft Sans Serif";
color: #000084;
}
 
#header {
filter: drop-shadow(.01rem .01rem .01rem rgb(var(--black-monochrome)))
}
 
#side-bar {
background-size: 0%
}
 
a:hover {
background-color:#ffffff;
}
 
div.blockquote, blockquote {
    border: #DFDFDF outset 2px;
    background-color: #C0C0C0;
        color: black;
    border-radius: 0px;
}
 
hr {
    margin: 1em 2em;
    padding: 0;
    height: 0;
    border-top: #F0F0F0 groove 2px;
}
 
div.yui-navset div.yui-content {
    color: #000000;
    background: #C0C0C0;
    border-left: #DFDFDF outset 2px;
    border-right: #DFDFDF outset 2px;
    border-bottom: #DFDFDF outset 2px;
}
 
.yui-navset .yui-nav a,
div.yui-navset div.yui-navset-top .yui-nav a {
    /* protect nested tabviews from other orientations */
    border: #DFDFDF outset 2px;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em,
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border-color: transparent;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #008484;
box-shadow: 0 0 0 0 hsla(0,0%,100%,0);
}
 
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: #C0C0C0;
    border-left: #DFDFDF outset 2px;
    border-right: #DFDFDF outset 2px;
    border-top: #DFDFDF outset 2px;
box-shadow: 0 0 0 0 hsla(0,0%,100%,0)!important;
}
 
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: #C0C0C0;
    border-left: #DFDFDF inset 2px;
    border-right: #DFDFDF inset 2px;
    border-top: #DFDFDF inset 2px;
}
 
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
    background: #008484;
    border-left: #DFDFDF outset 2px;
    border-right: #DFDFDF outset 2px;
    border-top: #DFDFDF outset 2px;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
box-shadow: 0 0 0 0 hsla(0,0%,100%,0)!important;
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #000000;
    border: 0;
    -webkit-box-shadow: box-shadow: 0 0 0 0 hsla(0,0%,100%,0)!important;
    box-shadow: 0 0 0 0 #008484!important;
margin: 0 0 0 0 !important;
width: 100%;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    color: #000000;
}
 
.yui-navset .yui-content {
    background-color: #008484;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: #008484;
    /* content border */
}
 
table.wiki-content-table td {
    border: 1px solid #000;
    background-color: #FFFFFF;
}
 
table.wiki-content-table tr {
    border: 1px solid #000;
    background-color: #FFFFFF;
}
 
table.wiki-content-table th {
    border: 1px solid #000;
    background-color: #DFDFDF;
}
 
.wiki-content-table tr th {
     background:  #DFDFDF;
     color: #000000;
     border: 1px solid #000 !important;
}
 
table.wiki-content-table th, table.wiki-content-table tr {
    border: 1px solid #000 !important;
}
 
#side-bar .heading p,
#side-bar .side-block > .collapsible-block .collapsible-block-link {
color: #000084 !important;
}
 
.footnotes-footer {
    background: #C0C0C0;
    border: #DFDFDF outset 2px;
    border-radius: 0px;
    background-color: #C0C0C0;
box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
color: #000000;
}
 
blockquote > blockquote {
    border: #DFDFDF inset 2px;
}
 
.blockquote > .blockquote {
    border: #DFDFDF inset 2px;
}
.hovertip {
background: #C0C0C0 !important;
    border: #DFDFDF outset 2px !important;
    border-radius: 0px !important;
    background-color: #C0C0C0 !important;
box-shadow: 4px 4px 0 0 rgba(0,0,0,0)!important;
color: #000000 !important;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    display: flex;
}