@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap');
@import url('http://backrooms-wiki-cn.wikidot.com/local--files/theme:golden-age/back.css');
:root {
--logo-image: url("");
--header-title: "The Backrooms";
--header-subtitle: "你曾经来过这里";
--body-font: 'Noto Sans', sans-serif;
--header-font: 'Noto Sans SC';
--title-font: 'Noto Sans SC';
--mono-font: 'Noto Serif SC';
--white-monochrome: 0,0,0;
--pale-gray-monochrome: 0,0,0;
--light-gray-monochrome: 252,232,2;
--gray-monochrome:252,232,2;
--black-monochrome:255,255,255;
--bright-accent: 252,232,2;
--medium-accent: 214,206,2;
--dark-accent: 252,232,2;
--pale-accent: 252,232,2;
--link-color: 252,232,2;
--visited-link-color: 252,232,2;
--hover-link-color: 252,232,2;
--newpage-color: 214,206,2;
--background-gradient-distance: 30rem;
--background-gradient-color: 200,200,200;
--sd-border: 252,232,2;
--sd-fill: 20, 22, 24;
}
#header, #top-bar {
color:#ffffff;
}
hr {
width: auto;
margin: auto;
position: relative;
height: 2.5px;
background-color: none;
pointer-events: none;
overflow: hidden;
border: initial;
-webkit-clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
}
hr:before {
content: " ";
width: 100%;
height: 100%;
position: absolute;
background-attachment: fixed;
background-color: #fce703;
background-repeat: repeat;
background-position: center;
background-size: auto;
}
#header h1 a::before {
color: #ffffff;
}
#header h2 span:before {
color: #ffffff;
background-clip: text;
-webkit-background-clip: text;
width: 100%;
height: 100%;
background-attachment: fixed;
}
#header h2 span {
font-size: 1.5em;
top: 1em;
font-family: "Noto Sans SC";
}
#container {
background: none;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
color:rgb(255,255,255);
}
th {
background-color: rgb(var(--medium-accent)) !important;
}
.top-box:before {
background: url("") !important;
}
.header-diamond .diamond-pattern {
background: url("") !important;
}
.scp-image-block {
border: 0.2rem solid rgba(var(--pale-accent));
}
.scp-image-block .scp-image-caption {
color: rgb(255,255,255);
background-color: rgb(0,0,0);
border-top: 0.2rem solid rgba(var(--pale-accent));
margin-top: 0.3rem;
}
.page-rate-widget-box {
background: none;
border: 0.2rem solid rgba(var(--pale-accent));
background-color: rgb(0,0,0);
}
table.wiki-content-table th,
table.wiki-content-table td {
border: solid 1px rgb(var(--pale-accent));
}
.code{
background-color: white;
border: solid 2px rgb(var(--pale-accent));
}
.lightblock {
background-color:rgb(0,0,0);
border: solid 2px rgb(var(--pale-accent));
}
.styled-quote {
background-color:rgb(0,0,0);
border: solid 2px rgb(var(--pale-accent));
border-left: 0.5rem solid rgba(var(--pale-accent));
}
.dark-styled-quote {
border-left: 0.5rem solid rgba(40,40,40);
}
.titleblock {
background-color: rgb(var(--pale-gray-monochrome));
padding: 0.5rem 1rem 0.10rem;
margin: 1.5rem 0rem 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
border: solid rgb(var(--medium-accent)) 0.1rem;
}
.titlebox {
color: rgb(var(--white-monochrome));
position: relative;
top: -1.6rem;
background-color: rgb(var(--medium-accent));
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
.dark-titleblock {
background-color: rgb(var(--gray-monochrome));
color:rgb(var(--white-monochrome));
padding: 0.5rem 1rem 0.10rem;
margin: 1.5rem 0rem 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
border: solid rgb(var(--medium-accent)) 0.1rem;
}
.dark-titlebox {
color: rgb(0,0,0);
position: relative;
top: -1.6rem;
background-color: rgb(var(--medium-accent));
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
blockquote{
color: white !important;
}
.blockquote{
color: white !important;
}
.dark-styled-quote a, .dark-titleblock a, .darkblock a, .titlebox a, .dark-titlebox a{
color: rgb(70,70,70);
}
.top-box {
border-color: rgb(var(--sd-border)) !important;
}
.bottom-box ul li {
color: rgb(var(--sd-border)) !important;
}
.bottom-box ul li:before {
background: rgb(var(--sd-border)) !important;
}
.top-box .gradient-box {
background: linear-gradient(90deg, rgba(var(--sd-border),1) 0%, rgba(var(--sd-border),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:%23fce802;%7D .st1%7Bfill:%23fce802;%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 {
background: rgb(var(--sd-fill)) !important;
}
.header-diamond .diamond-color.class-0 {
background: rgb(var(--sd-fill)) !important;
}
.top-box.class-1, .top-box.class-2 {
background: rgb(var(--sd-fill)) !important;
}
.header-diamond .diamond-color.class-1,
.header-diamond .diamond-color.class-2 {
background: rgb(var(--sd-fill)) !important;
}
.top-box.class-3, .top-box.class-4 {
background: rgb(var(--sd-fill)) !important;
}
.header-diamond .diamond-color.class-3,
.header-diamond .diamond-color.class-4 {
background: rgb(var(--sd-fill)) !important;
}
.top-box.class-5, .top-box.class-unknown {
background: rgb(var(--sd-fill)) !important;
}
.header-diamond .diamond-color.class-5,
.header-diamond .diamond-color.class-unknown {
background: rgb(var(--sd-fill)) !important;
}
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
color: rgb(225, 225, 225);
}
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
color: rgb(225, 225, 225);
}
#top-bar div.top-bar > ul > li > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li > ul > li:hover > a {
color: black;
}
#top-bar div.top-bar > ul > li > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > ul > li > a {
color: rgb(225, 225, 225);
}
#account-options > ul > li > a {
color: black;
}
@media only screen and (max-width: 510px) {
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
color: black;
}
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
color: white;
}
#top-bar div.top-bar > ul > li > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li > ul > li:hover > a {
color: white;
}
#top-bar div.top-bar > ul > li > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > ul > li > a {
color: rgb(225, 225, 225);
}
}