:root {
--theme-base: "black-highlighter";
--theme-id: "White Database";
--theme-name: "White Database Theme";
--base-font-size: 0.9rem;
--logo-image: url("http://tartar0s.wikidot.com/local--files/theme:dark-database/logo.png");
--header-title: "The Backrooms";
--header-subtitle: "你曾经来过这里";
--body-font: "VonwaonBitmap 12px";
--header-font: "VonwaonBitmap 12px";
--title-font: "VonwaonBitmap 12px";
--mono-font: "VonwaonBitmap 12px";
--text: 0,0,0;
--link: 50,50,50;
--back: 235, 235, 235;
--white-monochrome: var(--back);
--pale-gray-monochrome: var(--back);
--light-gray-monochrome: var(--text);
--gray-monochrome: var(--back);
--dark-gray-monochrome: var(--text);
--black-monochrome: var(--text);
--pale-accent: var(--link);
--bright-accent: var(--link);
--medium-accent: var(--back);
--dark-accent: var(--back);
--link-color: var(--link);
--visited-link-color: var(--link);
--hover-link-color: var(--link);
--newpage-color: var(--link);
/* --alt-accent: 255, 0, 255; */
--swatch-text-light: var(--text);
--rating-module-button-plus-color: var(--text);
--rating-module-button-negative-color: var(--text);
--rating-module-button-cancel-color: var(--text);
--rating-module-button-credit-color: var(--text);
--border-styling: solid 0.15rem rgb(var(--swatch-border-color));
--background-gradient-distance: 0rem;
--gradient-header: linear-gradient(to top,
rgba(var(--medium-accent)) 0%,
rgba(var(--medium-accent), 0.90) 100%
);
--diagonal-stripes: linear-gradient(transparent 0);
--gradient-topmenu: linear-gradient(
to bottom,
hsla(0, 0%, 100%, 0) 0%,
hsla(0, 0%, 100%, 0) var(--header-height-on-desktop),
rgba(var(--swatch-topmenu-border-color), 1) var(--header-height-on-desktop),
rgba(var(--swatch-topmenu-border-color), 1) calc(var(--header-height-on-desktop) + 0.15rem),
rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--header-height-on-desktop) + 0.15rem),
rgba(var(--swatch-topmenu-bg-color), 0.95) calc(100% - 0.15rem),
rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - 0.15rem),
rgba(var(--swatch-topmenu-border-color), 1) calc(100% - 0.15rem),
rgba(var(--swatch-topmenu-border-color), 1) 100%
);
}
html {
line-height: 1.175;
}
body {
font-size: 1.1em;
}
#page-content,#page-title{
letter-spacing: 0.15rem;
}
#page-content a{
background-color:rgb(0,0,0);
color: rgb(255,255,255);
}
#page-content a:hover{
background-color:rgb(235,235,235);
color: rgb(0,0,0);
}
#page-content .page-rate-widget-box a{
background: rgb(235,235,235);
color: rgb(0,0,0);
}
#page-content .page-rate-widget-box a:hover{
background: rgb(0,0,0);
color: rgb(0,0,0);
border: none;
box-shadow: none;
}
#skrollr-body {
background-image:
radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
background-repeat: repeat;
background-size: 0.25em 0.25em;
width: 100%;
height: 7.5rem;
}
#side-bar .side-block div a img {
filter: grayscale(100%);
}
#container {
background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
background-size: 0.25em 0.25em;
background-repeat: repeat;
background-attachment: fixed;
}
div#page-options-bottom-2 > a, div#page-options-bottom > a {
border-radius: 0em;
-moz-border-radius: 0em;
border: none;
transition: none;
}
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
border: none;
}
#header, #top-bar {
background-attachment: scroll;
}
#header {
background-image: none;
}
#header::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: -0.3rem;
background-image: var(--logo-image);
filter: brightness(0%) invert(0%);
background-size: auto 16rem;
background-position: center;
background-repeat: no-repeat;
opacity: 0.4;
}
#header h1, #header h1 a {
position: absolute;
top: 1rem;
margin: 0;
width: 100%;
display: flex;
justify-content: center;
z-index: 0;
}
#header h2, #header h2 span, #header h2 span::before {
position: absolute;
top: 2rem;
margin: 0;
width: 100%;
display: flex;
justify-content: center;
}
#header h1 a::before, #header h2 span::before {
text-shadow: none;
}
#header h1:before, #header h2:before {
content: "";
}
a.newpage {
background: transparent;
text-decoration: none
}
a.newpage {
color: rgb(var(--newpage-color))
}
#account-topbutton {
border: var(--border-styling);
}
#search-top-box-form input[type="submit"]:hover {
background: rgb(var(--text));
color: rgb(var(--back));
}
#account-options {
background-color: rgb(var(--back));
border: var(--border-styling);
}
#account-options>ul>li a:hover {
color: rgb(var(--text));
}
#search-top-box input.empty:hover {
color: rgb(var(--back));
}
#top-bar>ul>li a {
color: rgb(var(--text));
}
#page-title {
color: rgb(var(--link));
}
#page-title:before {
content: "> ";
}
#top-bar div.mobile-top-bar>ul>li a,
#top-bar div.top-bar>ul>li a{
color: rgb(var(--text));
}
#top-bar div.mobile-top-bar>ul>li a:hover,
#top-bar div.top-bar>ul>li a:hover{
color: rgb(var(--back));
}
#top-bar div.mobile-top-bar>ul>li>ul>li,
#top-bar div.top-bar>ul>li>ul>li {
background-color: rgb(var(--back));
}
#top-bar div.mobile-top-bar>ul>li>ul>li a,
#top-bar div.top-bar>ul>li>ul>li a {
color: rgb(var(--text));
}
#top-bar div.mobile-top-bar>ul>li>ul>li:hover,
#top-bar div.top-bar>ul>li>ul>li:hover {
background-color: rgb(var(--text));
}
#top-bar div.mobile-top-bar>ul>li>ul>li a:hover,
#top-bar div.top-bar>ul>li>ul>li a:hover {
color: rgb(var(--back));
}
h1, h2, h3, h4, h5, h6 {
color: rgb(var(--link));
}
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
content: "> "
}
.styled-quote {
background-color:rgb(235,235,235);
border: var(--border-styling);
border-left: 0.5rem solid rgba(0,0,0);
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
box-shadow: none;
}
#page-title, .meta-title {
border-bottom: var(--border-styling);
}
.page-rate-widget-box {
border: var(--border-styling);
background: rgb(var(--back));
}
.scp-image-block .scp-image-caption {
border: var(--border-styling);
}
.scp-image-block {
border: var(--border-styling);
}
hr {
color: transparent;
background-color: transparent;
border: 0;
border-bottom: var(--border-styling);
}
blockquote,.blockquote {
border: var(--border-styling);
box-shadow: none;
}
.collapsible-block-link:before {
content: "> "
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
border: var(--border-styling)!important;
background-color: rgb(235,235,235)!important;
color: rgb(0,0,0)!important;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background-color: rgb(var(--text))!important;
color: rgb(var(--back))!important;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
background-color: rgb(var(--text))!important;
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
border: var(--border-styling)!important;
}
table.wiki-content-table th,
table.wiki-content-table td {
border: var(--border-styling) !important;
}
.footnotes-footer {
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 20px;
}
.footnotes-footer .title{
display: none !important;
}
.footnotes-footer:before {
content: "FOOTNOTES";
letter-spacing: 0!important;
position: absolute;
left: 15%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
.document-block{
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 16px;
}
.document-block:before {
content: "DOCUMENT";
letter-spacing: 0!important;
position: absolute;
left: 15%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
.code {
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 16px;
}
.code:before {
content: "CODE";
letter-spacing: 0!important;
position: absolute;
left: 15%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
@media only screen and (max-width: 510px) {
.footnotes-footer {
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 16px;
}
.footnotes-footer .title{
display: none !important;
}
.footnotes-footer:before {
content: "FOOTNOTES";
letter-spacing: 0!important;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
.document-block {
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 16px;
}
.document-block:before {
content: "DOCUMENT";
letter-spacing: 0!important;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
.code {
color: black !important;
background-color: rgb(235,235,235) !important;
padding: 3ch;
border: 0;
margin: 1rem 0;
position: relative;
display: block;
box-shadow:inset 0 0 0 1ch rgb(235,235,235),inset 0 0 0 1.5ch #000000;
line-height: 16px;
}
.code:before {
content: "CODE";
letter-spacing: 0!important;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-3ch);
transform: translateX(-50%) translateY(-3ch);
background-color: #000;
color: #FFFFFF;
padding: 0 0.75rem;
}
#header::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background-image: var(--logo-image);
filter: brightness(0%) invert(0%);
background-size: auto 16rem;
background-position: center;
background-repeat: no-repeat;
opacity: 0.4;
}
}
div#page-options-bottom-2 > a, div#page-options-bottom > a {
border: var(--border-styling) !important;
background-color: rgb(var(--back));
color: rgb(var(--text));
margin: 0;
border-collapse: collapse;
box-sizing: content-box;
}
#side-bar .heading p {
color: rgb(var(--text));
}
#side-bar:hover {
border: var(--border-styling);
}
div.menu-item a:hover {
background-color: rgb(var(--text)) !important;
color: rgb(var(--back)) !important;
}
#side-bar div.menu-item a:before,
#side-bar div.menu-item a:hover:before {
background-color: transparent;
}
#side-bar .side-block>.collapsible-block .collapsible-block-link {
color: rgb(var(--text));
}
#side-bar .side-block>.collapsible-block .collapsible-block-link:hover {
color: rgb(var(--back));
background-color: rgb(var(--taxt)) !important;
}
.owindow .button-bar a, a.button, button, div.buttons input, file, input.button {
color: rgb(var(--text));
}
.printuser img.small {
display: none;
}
::-webkit-scrollbar-thumb,
#side-bar:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--text)) !important;
}
::-webkit-scrollbar-track,
#side-bar:hover::-webkit-scrollbar-track {
background: rgb(var(--back)) !important;
}
.owindow .button-bar a, a.button, button, div.buttons input, file, input.button {
transition: none;
}
#top-bar div.mobile-top-bar>ul>li,
#top-bar div.top-bar>ul>li {
transition: none;
}
#top-bar div.mobile-top-bar>ul>li>a:after,
#top-bar div.mobile-top-bar>ul>li>a:before,
#top-bar div.top-bar>ul>li>a:after,
#top-bar div.top-bar>ul>li>a:before,
#top-bar>ul>li {
transition: none;
}
#top-bar>ul>li>:after,
#top-bar>ul>li>:before {
display: none;
}
#top-bar li ul {
transition: none;
}
.yui-navset * {
transition: none;
}
#side-bar {
background-color: rgb(var(--back));
}
#main-content::before {
display: none;
}
.top-box .header-diamond .diamond-image {
filter: brightness(0%) invert(0%);
}
.top-box .bottom-text p, .top-box .bottom-text:after, .top-box .top-text p {
color: rgb(var(--text)) !important;
}
.top-box, .diamond-color {
background: rgb(var(--back)) !important;
}
.top-box {
border: var(--border-styling) !important;
}
.top-box .top-text p {
font: 2.3rem "VonwaonBitmap 12px" !important;
}
.top-box .bottom-text p, .top-box .bottom-text:after {
font: 1.9rem "VonwaonBitmap 12px" !important;
}
.top-box .gradient-box, .top-box:before {
background: none !important;
}
.header-diamond {
background-image: none !important;
}
.header-diamond .diamond-pattern, .diamond-color {
background: rgb(var(--back)) !important;
border: var(--border-styling) !important;
mask: none !important;
-webkit-mask: none !important;
transform: rotate(45deg) translate(4.1rem, -0.46rem);
width: 10rem !important;
height: 10rem !important;
}
.bottom-box ul li {
font: 1.9rem "VonwaonBitmap 12px" !important;
color: rgb(var(--text)) !important;
line-height: 1rem !important;
}
.bottom-box ul li:before {
background: rgb(var(--back)) !important;
height: 0.75rem !important;
width: 0.75rem !important;
border: var(--border-styling);
}
.top-box.class-unknown .header-diamond {
filter: none !important;
}
.top-box.class-0 .header-diamond .diamond-image {
background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-0.png") center/70% no-repeat !important;
}
.top-box.class-1 .header-diamond .diamond-image {
background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-1.png") center/70% no-repeat !important;
}
.top-box.class-2 .header-diamond .diamond-image {
background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-2.png") center/70% no-repeat !important;
}
.top-box.class-3 .header-diamond .diamond-image {
background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-3.png") center/70% no-repeat !important;
}
.top-box.class-4 .header-diamond .diamond-image {
background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-4.png") center/70% no-repeat !important;
}
.top-box.class-5 .header-diamond .diamond-image {
background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-5.png") center/70% no-repeat !important;
}
.top-box.class-unknown .header-diamond .diamond-image,
.top-box.class-pending .header-diamond .diamond-image {
background: url("http://backrooms-sandbox-2.wdfiles.com/local--files/theme%3Adatabase/class-unknown.png") center/70% no-repeat !important;
}
@media only screen and (max-width: 440px) {
.top-box .top-text p {
font: 2.3rem "VonwaonBitmap 12px" !important;
}
.bottom-box ul li {
line-height: 1.5rem !important;
}
}
.top-box .bg {
display: none;
}
.top-box .header-diamond .diamond-image {
-webkit-mask: none !important;
mask: none !important;
}