@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@font-face {
font-family: 'XiaolaiSC';
src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/XiaolaiSC-Regular.woff') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
--theme-base: "black-highlighter";
--theme-id: "梦境";
--theme-name: "许愿梦境";
--logo-image: url(https://backrooms-sandbox-2.wdfiles.com/local--files/mc-crafter-24-7/DreamLogo.png);
--header-title: "The Backrooms";
--header-subtitle: "活在梦境中";
--body-font: 'Architects Daughter', 'XiaolaiSC', cursive;
--header-font: 'Architects Daughter', 'XiaolaiSC', cursive;
--title-font: 'Architects Daughter', 'XiaolaiSC', cursive;
--white-monochrome: 239, 211, 241;
--pale-gray-monochrome: 255, 215, 245;
--gray-monochrome: 200, 200, 200;
--dark-gray-monochrome: 99, 91, 99;
--black-monochrome: 30, 30, 30;
--bright-accent: 120, 120, 120;
--medium-accent: 100, 100, 100;
--dark-accent: 130, 120, 130;
--pale-accent: 255, 255, 255;
--swatch-text-light: 255, 255, 255;
--swatch-menutxt-light-color: 255, 255, 255;
--rating-module-button-plus-color: 150, 150, 150;
--rating-module-button-negative-color: 150, 150, 150;
--rating-module-button-cancel-color: 150, 150, 150;
--rating-module-button-credit-color: 150, 150, 150;
}
#skrollr-body {
background-image: url("https://backrooms-sandbox-2.wdfiles.com/local--files/mc-crafter-24-7/CloudsTilable.jpg");
background-size: auto 12rem;
}
@media only screen and (max-width: 768px) {
#skrollr-body {
background-image: url("https://backrooms-sandbox-2.wdfiles.com/local--files/mc-crafter-24-7/CloudTexture082");
background-size: inherit
}
}
#header::before {
opacity: 1;
}
#login-status {
color: rgb(var(--swatch-text-light));
}
#account-topbutton {
border-color: rgb(var(--swatch-text-light));
}
.lightblock {
background-color:rgb(235,235,235);
color:rgb(var(--black-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
}
.styled-quote {
background-color:rgb(235,235,235);
border-left: 0.5rem solid rgb(130,130,130);
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.2rem 0.4rem 1.2rem rgba(0,0,0,.25);
}
.darkblock {
background-color:rgb(59,59,59);
color:rgb(235,235,235);
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
font-family: 'Yeseva One', 'Noto Serif SC', cursive;
--title-font: 'Yeseva One', 'Noto Serif SC', cursive;
}
.dark-styled-quote {
background-color:rgb(59,59,59);
color:rgb(235,235,235);
border-left: 0.5rem solid rgb(70,70,70);
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.2rem 0.4rem 1.2rem rgba(0,0,0,.25);
font-family: 'Yeseva One', 'Noto Serif SC', cursive;
--title-font: 'Yeseva One', 'Noto Serif SC', cursive;
}
blockquote {
background-color:rgb(255, 255, 255);
font-family: 'Architects Daughter', 'XiaolaiSC', cursive;
}
.wiki-content-table th {
color: #F5F5F5 !important;
background-color: #646464 !important;
}
.darkblock h1,
.darkblock h2,
.darkblock h3,
.darkblock h4,
.darkblock h5,
.darkblock h6 {
color: rgb(235, 235, 235);
}
.dark-styled-quote h1,
.dark-styled-quote h2,
.dark-styled-quote h3,
.dark-styled-quote h4,
.dark-styled-quote h5,
.dark-styled-quote h6 {
color: rgb(235, 235, 235);
}
.top-box {
border-color: rgb(59, 54, 59) !important;
}
.bottom-box ul li {
color: rgb(59, 54, 59) !important;
}
.bottom-box ul li:before {
background: rgb(59, 54, 59) !important;
}
.top-box .gradient-box {
background: linear-gradient(90deg, rgba(59, 54, 59, 1) 0%, rgba(59, 54, 59, 0) 36%) !important;
}
.header-diamond {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%233b363b;%7D .st1%7Bfill:%233b363b;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E") !important;
}
.top-box.class-unknown .header-diamond { filter: none !important; }
.top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; }
.top-box .header-diamond .diamond-image {
filter: brightness(0%) invert(100%);
}
.top-box.class-0,
.header-diamond .diamond-color.class-0 {
background: rgb(251, 182, 203) !important;
}
.top-box.class-1,
.header-diamond .diamond-color.class-1 {
background: rgb(249, 134, 168) !important;
}
.top-box.class-2,
.header-diamond .diamond-color.class-2 {
background: rgb(247, 85, 133) !important;
}
.top-box.class-3,
.header-diamond .diamond-color.class-3 {
background: rgb(245, 36, 98) !important;
}
.top-box.class-4,
.header-diamond .diamond-color.class-4 {
background: rgb(219, 10, 73) !important;
}
.top-box.class-5,
.header-diamond .diamond-color.class-5 {
background: rgb(170, 8, 57) !important;
}
.top-box.class-unknown,
.header-diamond .diamond-color.class-unknown {
background: rgb(59, 54, 59) !important;
}
.top-box.class-habitable,
.header-diamond .diamond-color.class-habitable {
background: rgb(247, 85, 133) !important;
}
