Level FR-36

/*fonty fonts*/
body p{
   font-size: 105%
}
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "liminal";
   --theme-name: "Liminal Theme";
 
   --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
   --header-title: "The Backrooms";
   --header-subtitle: "辑录不应存世之文";
 
   --body-font:  punctuation-marks, Huiwen-mincho, '华文中宋', 'Noto Serif SC', 宋体, lisu, 'New Tegomin', sans-serif;
   --header-font: punctuation-marks, Huiwen-mincho, '华文中宋', 'Noto Serif SC', 宋体,  dejima, 'Liu ti', kaiti, 'IM Fell English SC', monospace;
   --title-font: punctuation-marks, Huiwen-mincho, '华文中宋', 'Noto Serif SC', 宋体,  dejima, 'Liu ti',  kaiti, 'IM Fell English SC', monospace;
   --mono-font: monospace;
 
   --white-monochrome: 231, 211, 156;
    /*body background color*/
   --pale-gray-monochrome: 127, 91, 40;
    /*brown accent color*/
   --light-gray-monochrome:  76, 70, 55;
   --gray-monochrome: 76, 70, 55;
   /*dark greyish brown*/
   --black-monochrome: 25, 20, 16;
   /*black*/
   --bright-accent: 138, 125, 81;
   --medium-accent: 138, 125, 81;
   --dark-accent:  138, 125, 81;
   --pale-accent:  138, 125, 81;
   /*darker body color*/
 
    /*top bar*/
   --swatch-topmenu-border-color: var(--medium-accent);
   --swatch-topmenu-bg-color: none;
 
    /*side bar*/
   --swatch-menubg-dark-color: var(--light-gray-monochrome);
   --swatch-menubg-color: var(--white-monochrome);
 
    /*link*/
   --link-color: 250,0,0;
   --visited-link-color: 153, 11, 11;
   --hover-link-color: 250,0,0;
   --newpage-color: var(--alt-accent);
 
    /*tab*/
   --tab-border-color: rgb(var(--gray-monochrome));
   --background-gradient-distance: 0rem;
 
   --gradient-header: none;
   --diagonal-stripes: none;
 
}
 
/* 中文修复 */
 .hovertip, .hovertip .content{
background-color:rgb(231, 211, 156) !important;
}
 
/**/
#skrollr-body {
   background-image:none;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
/*paper header image*/
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/private%3Aasjasjas/aaa.jpg) top left repeat-x;
    background-size: 100%;
}
 
/*gradient to blend the image with the bg*/
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(231,211,156,1) 37%);
   background-size: 16rem 37rem;
   background-attachment: scroll;
   background-repeat: repeat-x;
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   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.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
   color: rgb(var(--dark-accent));
   font-size: 3rem;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   font-size: 1.2rem;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
   color: rgb(var(--dark-accent));
}
 
/*change user colors*/
#login-status {
    color: rgb(var(--light-gray-monochrome));
}
 
/*self-explanatory*/
hr {
  background-color: rgb(var(--pale-gray-monochrome));
  border-color: rgb(var(--pale-gray-monochrome));
}
 
/* sd banner colours */
.sd-container {
   --sd-border:var(--pale-gray-monochrome);
   --sd-bullets:var(--sd-border);
   --sd-symbol:var(--sd-border);
}
 
#login-status a {
    color: rgb(var(--white-monochrome));
}
 
/*top bar options colors*/
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
    color: rgb(var(--gray-monochrome)) !important;
}
 
#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > a:hover {
    color: rgb(var(--white-monochrome)) !important;
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    color: rgb(var(--white-monochrome)) !important;
}
 
/*searchbox text color*/
#search-top-box input.empty{
    color: rgb(var(--white-monochrome));
}
 
/*move searchbox*/
#search-top-box {
    left: 3%;
    top: 0.5rem;
}
 
#search-top-box-form > #search-top-box-input {
    width: 7rem;
}
 
/*3bar thing on mobile*/
#top-bar>div.mobile-top-bar>div.open-menu>p>a{
color:rgb(var(--gray-monochrome))!important;
}
 
/*image block text*/
.scp-image-block .scp-image-caption {
    color: rgb(var(--white-monochrome));
}
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
/*content bg*/
.yui-navset .yui-content {
     background-color: rgba(var(--pale-gray-monochrome), 0.25);
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--gray-monochrome));
    color:rgb(var(--white-monochrome));
}
 
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: rgb(var(--pale-accent));
}
 
/*selected tab bg*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
/*idrk just testing some stuff*/
.code{
color: rgb(var(--white-monochrome));
}
 
h1{
line-height: 1.113rem;
}
 
/*table border color*/
table.wiki-content-table th {
border: 1px solid rgb(var(--pale-gray-monochrome)) !important;
}
 
table.wiki-content-table td {
border: 1px solid rgb(var(--pale-gray-monochrome)) !important;
}
/*mobile stuff*/
@media only screen and (max-width:768px){
 
:root{
   --header-height-on-mobile: 7.5rem;
}
 
#main-content {
max-width: 90vw;
padding: 0;
margin: 9.2em auto 0;
}
 
#header {
position: absolute;
top: 0rem;
height: var(--header-height-on-mobile);
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/private%3Aasjasjas/aaa.jpg) top center repeat-x;
    background-size: 220%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(231,211,156,1) 37%);
   background-size: 20rem 20rem;
   background-attachment: scroll;
}
 
#search-top-box {
    left: unset;
    top: unset;
}
 
#search-top-box-form > #search-top-box-input {
    width: 2rem;
}
}
 
@media only screen and (max-width:1366px){
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(231,211,156,1) 37%);
   background-size: 25rem 25rem;
   background-attachment: scroll;
}
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/private%3Aasjasjas/aaa.jpg) top center repeat-x;
    background-size: 180%;
}
}
 
/*block____*/
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   background-color:rgb(var(--white-monochrome));
   border-color: rgb(var(--pale-gray-monochrome));
}
 
.styled-quote {
   background-color:rgb(var(--white-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--pale-gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.paperblock{
width: auto;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Aoldpapertheme/thefinalone.jpg) repeat center;
text-shadow: 1px 1px 1px rgba(0,0,0,.25);
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.paperblock2{
width: auto;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
background: linear-gradient(180deg, rgba(235, 196, 63,.3), rgba(235, 196, 63,.3)), url(http://vivarium.wdfiles.com/local--files/backrooms%3Aoldpapertheme/thefinalone.jpg) repeat center;
text-shadow: 1px 1px 1px rgba(0,0,0,.25);
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}