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;
}