@import url("https://the-backrooms-cd-wiki.wdfiles.com/local--files/level-cd-98/unifont.css");
:root {
--theme-id: "fobc";
--theme-name: "F.O.B.C.";
--firstAccent: 150,150,150;
--secondAccent: 0,0,0;
--white-monochrome: 32, 32, 32;
--pale-gray-monochrome: 39, 39, 39;
--light-gray-monochrome: var(--firstAccent);
--gray-monochrome: var(--secondAccent);
--black-monochrome: var(--firstAccent);
--bright-accent: 148, 136, 126;
--medium-accent: 39, 39, 39;
--dark-accent: 140, 136, 126;
--pale-accent: 140, 136, 126;
--swatch-topmenu-border-color: var(--medium-accent);
--link-color: 230, 23, 68;
--hover-link-color: 230, 23, 68;
--background-gradient-distance: 0rem;
--gradient-header: linear-gradient(to bottom, rgba(0,0,0) 0%, rgba(var(--black-monochrome), 0.90) 100% );
--swatch-text-secondary-color: 255, 255, 255;
--swatch-text-primary-color: 255, 255, 255;
--swatch-headerh1-color: 255, 255, 255;
--swatch-headerh2-color: 255, 255, 255;
--logo-image: url("http://the-backrooms-cd-wiki.wikidot.com/local--files/shengcunnandu/amended_effect.png");
--header-title: "F.O.B.C.";
--header-subtitle: "bĺ̴̨͈̪͈̩̦͇̺̺̭̩̙͕͡a̖̟͓̤cǩ̷̵̛͎̯̥̙̙̹̣͇̅̈͡͠҉̴̡́ͤ̀҉̢͔̩̝̬co̻͚̫̮l̞̥͉͎̞̳͍̝͐̓̎͗u̺̱̦̝d̻̗̰̻万岁！";
--header-font: "unifont",serif;
--mono-font: "unifont",serif;
}
#footer {
background: rgb(var(--pale-gray-monochrome,100,3,15));
}
#login-status a {
color: rgb(var(--black-monochrome));
}
#login-status {
border-radius: 5px;
background-color: rgb(var(--medium-accent));
padding: 5px;
border: 2px solid rgb(var(--black-monochrome));
}
#skrollr-body {
background-image: none;
}
#top-bar>ul>li>:after, #top-bar>ul>li>:before {
position: absolute;
transition: width .3s cubic-bezier(.4,0,.2,1);
background-color: rgba(var(--black-monochrome),.5);
width: 0;
height: .1875rem;
pointer-events: none;
content: " ";
}
#search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
box-shadow: none;
background: #64030f;
background: rgb(var(--medium-accent));
color: #fcfcfc;
color: rgb(var(--black-monochrome));
}
#account-options {
background-color: rgb(var(--white-monochrome));
display: none;
}
#account-options li a:hover {
color: rgb(255, 255, 255);
text-decoration: none;
}
#header::before {
content: "";
margin-top: -13px;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background-image: var(--logo-image);
background-size: auto 16rem;
background-position: center;
background-repeat: no-repeat;
opacity: 0.5;
}
div#page-options-bottom-2 > a, div#page-options-bottom > a {
border: 2px solid rgb(var(--black-monochrome));
background-color: rgb(var(--pale-gray-monochrome));
}
div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:hover {
border: 2px solid rgb(var(--black-monochrome));
background-color: rgb(var(--white-monochrome));
}
.owindow .button-bar a, a.button, button, div.buttons input, file, input.button {
border: .125rem solid rgba(var(--black-monochrome,48,48,52),1);
background-color: rgba(var(--pale-gray-monochrome,100,3,15),1);
}
.owindow .button-bar a:hover, a.button:hover, button:hover, div.buttons input:hover, file:hover, input.button:hover {
border: .125rem solid rgba(var(--black-monochrome,48,48,52),1);
background-color: rgba(var(--white-monochrome,100,3,15),1);
}
.top-box {
filter: grayscale(100%);
}
.bottom-box {
filter: grayscale(100%) brightness(2);
}
.scp-image-block.block-right {
border-radius: 5px;
background-color: rgb(var(--medium-accent));
padding: 5px;
border: 2px solid rgb(var(--black-monochrome));
width: 300px;
}
@media only screen and (max-width: 768px) {
#header::before {
margin-top: 0;
}
#login-status {
border-radius: 0px;
background-color: transparent;
padding: 0px;
border: none;
}
}
.yui-navset .yui-nav .selected a {
border: 2px solid rgb(var(--black-monochrome));
}
.yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a {
border: 2px solid rgb(var(--black-monochrome));
}
hr {
height: 0;
}
.yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover {
background-color: rgb(var(--white-monochrome));
color: rgb(var(--black-monochrome));
}
#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 {
background-color: rgba(var(--black-monochrome),.5);
}
#extrac-div-1 {
position: fixed;
width: 100vw;
height: 100vh;
pointer-events: none;
background: repeating-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.15) 50%,rgba(0,0,0,0));
background-size: auto 8px;
opacity: 0.7;
}
#extrac-div-2 {
position: fixed;
width: 100vw;
height : 1rem;
top: 0;
pointer-events: none;
background: linear-gradient(to bottom, rgba(229, 140, 36) 0%,rgba(229, 140, 36,1) 50%,rgba(229, 140, 36,0.98) 51%,rgba(229, 140, 36) 100%);
opacity : .1;
animation: scanm 6s linear infinite;
}
@keyframes scanm {
0% { top: -1rem; opacity : .05;}
25% { top: 50%; opacity: .03;}
37.5% { top: 75%; opacity: 0.06;}
50% { top: 100%; opacity: .03;}
100% { top: 100%;}
}
