会员制后室

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");
@import url('https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@800&display=swap');
:root {
    --logo-image: url("http://tartar0s.wikidot.com/local--files/theme:rhodes-island/%E8%9A%80%E6%B5%AA.png");
    --header-title: "REDEAVE BABEL";
    --header-subtitle: "逐光蚀浪，与天争壤";
   /* 字体 */
   --body-font: punctuation-marks,proxima-nova, sans-serif;
   --header-font: 'Noto Serif SC', sans-serif;
   --title-font: 'CKTKingKong', sans-serif;
   --mono-font: 'Fantasque Sans Mono', monospace;
    /* 标准色 */
    --white-monochrome: 255, 255, 255;
    /* 白色 */
    --very-light-gray-monochrome: 255, 255, 255;
    /* 次强调色（应用于杂项） */
    --light-gray-monochrome: 14,14,14;
    /* 次强调色（登录时） */
    --gray-monochrome: 14,14,14;
    /* 蓝灰色 */
    --black-monochrome: 0, 0, 0;
    /* 黑色 */
    --medium-accent: 14,14,14;
    /* 蓝色*/
    --dark-accent: 14,14,14;
    /* 蓝棕色 */
 
    /* 背景与网站标题色 */
    --background-gradient-color: var(--very-light-gray-monochrome);
    --header-gradient-color-bottom: var(--medium-accent);
    --header-gradient-color-middle: var(--black-monochrome);
    --header-gradient-color-top: var(--black-monochrome);
 
    /* 主要主题色 */
    --swatch-background: var(--light-gray-blacmonochrome);
    --swatch-primary: var(--white-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--dark-accent);
 
/* 评分模块颜色 */
   --swatch-topmenu-border-color: var(--link-color);
   --rating-module-button-plus-color: var(--medium-accent);
   --rating-module-button-negative-color: var(--medium-accent);
   --rating-module-button-cancel-color: var(--medium-accent);
   --rating-module-button-credit-color: var(--medium-accent);
 
    --link-color: 242,116,5;
    --visited-link-color: 121,137,143;
    --hover-link-color: 242,116,5;
    --newpage-color: 180,100,20;
 
    --gradient-header: repeating-linear-gradient(
      -0deg,
      rgba(238,238,238, 1),rgba(220,220,220, 1),rgba(199,199,199, 0.8),rgba(175,167,152, 0.8),rgba(166,152,141, 0.8),rgba(166,152,141, 0.8),rgba(166,152,141, 0.8) 100%
    );
   --swatch-topmenu-border-color: var(--medium-accent);
    --swatch-topmenu-bg-color: var(--medium-accent);
    --swatch-border-color: var(--bright-accent);
 
    --swatch-menubg-color: 255,255,255;
}
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
    background-color: rgb(var(--medium-accent));
    transition: background 0.2s linear;
   border-bottom: solid 2px #F27405;
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    background-color: rgb(225, 225, 225);
    color: black;
    transition: background 0.2s linear;
   border-bottom: solid 2px #F27405;
}
 
#top-bar div.top-bar > ul > li > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li > ul > li:hover > a {
    background-color: rgb(17, 17, 17);
    color: white;
    transition: background 0.2s linear;
   border-bottom: solid 2px #F27405;
}
 
#top-bar div.top-bar > ul > li > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > ul > li > a {
    background-color: rgb(225, 225, 225);
    color: black;
    transition: background 0.2s linear;
   border-bottom: solid 2px #F27405;
}
 
#toc-list a{
color:black;
}
 
.open-menu p{
   border-bottom: solid 2px #F27405;
}
 
::selection {
    background:rgba(var(--medium-accent),0.3);
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: -0.8rem;
   background-image: var(--logo-image);
   background-size: auto 10rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: none;
}
#header h2 span::before {
    text-shadow: .063rem 0.1rem 0.1rem #000000;
}
body::after {
    content: "";
    background: linear-gradient(to top,
      rgba(235,235,235) 0%,
      rgba(210,210,210, 0.90) 100%
   );
    background-size: 100% 100%;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
    z-index: -1;
}
#skrollr-body {
    background-image:
     var(--gradient-header),
     var(--gradient-topmenu),
     var(--gradient-background)!important;
    background-size:
     var(--header-background-image-size),
     100% var(--final-header-height-on-desktop),
     100% var(--background-gradient-distance);
}
 
#container {
    background-image: none;
}
#search-top-box {
        left: 3%;
        top: 0.5rem;
}
 
#search-top-box-form > #search-top-box-input {
        width: 7rem;
}
@media only screen and (max-width: 768px) {
:root{
    --swatch-menubg-color: 255,255,255;
}
 
#search-top-box {
        left: unset;
        top: unset;
}
 
#search-top-box-form > #search-top-box-input {
        width: 2rem;
}
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0.2rem;
   background-image: var(--logo-image);
   background-size: auto 10rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
}
#login-status a,#login-status span{
   color: white;
}
#login-status a#my-account {
   color:white;
   background-color: rgb(var(--medium-accent));
   padding: 0.3em 0.25em 0.2em 0.25em;
}
#side-bar:hover,
#side-bar:active,
#side-bar:focus-within {
   background-color: rgb(255,255,255);
}
 
#side-bar .menu-item a{
   color: rgb(var(--medium-accent))!important;
}
hr {
   background-color: rgb(var(--medium-accent));
}
.scp-image-block {
    border: none;
}
 
#page-title{
   text-align: center;
   color: rgb(var(--medium-accent));
   border-bottom: 5px solid rgb(var(--medium-accent));
}
 
.scp-image-block .scp-image-caption {
    color: white;
    background-color: rgb(17,17,17);
    border: none;
    margin-top: 0.3rem;
   border-bottom: solid 2px #F27405;
}
 
.owindow {
   border: 0.2rem solid rgba(var(--medium-accent));
}
 
.footnotes-footer a{
   color: black;
}
 
.page-tags span a{
   color: black;
}
 
.page-watch-options a{
   color: black;
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(255,255,255);
    color:rgb(var(--medium-accent));
}
 
.yui-navset .yui-content {
     background-color: rgba(255,255,255, 0.25);
     border-color: rgb(var(--medium-accent));
}
 
table.wiki-content-table th,
table.wiki-content-table td {
     border-color: rgb(var(--medium-accent));
}
 
.code {
   box-shadow: none;
    background-color:rgba(var(--light-gray-monochrome),.13);
   border: none;
   border-left: solid 2px rgb(var(--medium-accent));
}
 
blockquote {
   box-shadow: none;
color: white;
    background-color:rgba(var(--light-gray-monochrome),.6);
  background-image:
    radial-gradient(circle, rgb(70,70,70) 50%, transparent 0);
   border: solid 2px rgb(var(--medium-accent));
   background-size: 0.25em 0.25em;
}
 
#page-content .page-rate-widget-box a{
   background: white;
}
#page-content .page-rate-widget-box a:hover{
   background: rgb(17,17,17);
   border: none;
   box-shadow: none;
}
 
#action-area .page-rate-widget-box a{
   background: white;
}
#action-area .page-rate-widget-box a:hover{
   background: rgb(17,17,17);
   border: none;
   box-shadow: none;
}
 
.titleblock {
   background-color: rgb(255,255,255);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid rgb(var(--medium-accent)) 2px;
}
 
.titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--medium-accent));
  color: rgb(255,255,255);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.dark-titleblock {
   background-color: rgb(var(--medium-accent));
   color: rgb(255,255,255);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid rgb(255,255,255) 2px;
}
 
.dark-titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(255,255,255);
  color: rgb(0,0,0);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.styled-quote {
   background-color:rgb(255,255,255);
   border-left: 0.5rem solid rgba(var(--medium-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote-d {
   background-color:rgb(255,255,255);
   border-left: 0.5rem solid rgba(var(--medium-accent));
   border-right: 0.5rem solid rgba(var(--medium-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--medium-accent));
   border-left: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote-d {
   background-color:rgb(var(--medium-accent));
   border-left: 0.5rem solid rgba(255,255,255);
   border-right: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.lightblock {
   background-color:rgb(255,255,255);
   color:rgb(0,0,0);
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--medium-accent));
   color:rgb(var(--white-monochrome));
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(0,0,0);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color:white;
     border: none;
    }
 
.logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://tartar0s.wikidot.com/local--files/theme:rhodes-island/%E8%9A%80%E6%B5%AA.png) center/18% no-repeat;
   filter: brightness(0%) invert(0%);
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.border-logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
color: white;
    position: relative;
    background-color:rgba(var(--light-gray-monochrome),.6);
  background-image:
    radial-gradient(circle, rgb(70,70,70) 50%, transparent 0);
   border: solid 2px rgb(var(--medium-accent));
   background-size: 0.25em 0.25em;
    }
 
.border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://tartar0s.wikidot.com/local--files/theme:rhodes-island/%E8%9A%80%E6%B5%AA.png) center/18% no-repeat;
   filter: brightness(0%) invert(100%);
    opacity: 0.35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.bblock:hover{
color: rgb(121,137,143);
}
#page-info{
color: rgb(var(--medium-accent));
}
 
#license-area{
color: black;
}
 
.filetabs .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
   display: inline-block;
}
 
.filetabs .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
   display: block;
}
 
.filetabs .yui-navset .yui-content {
   border-top-width: 15px;
}
 
.filetabs .yui-navset .yui-nav a,
.filetabs .yui-navset .yui-navset-top .yui-nav a,
.filetabs .yui-navset .yui-nav .selected a,
.filetabs .yui-navset .yui-nav a:focus,
.filetabs .yui-navset .yui-navset-top .yui-nav a:focus,
.filetabs .yui-navset .yui-nav a:hover,
.filetabs .yui-navset .yui-navset-top .yui-nav a:hover {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' preserveAspectRatio='none' viewBox='0 0 150 45' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 4.6.0%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 1 74.95 22.39)' id='bC-LIzxo7Tu37zCdkDrqS' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(17,17,17); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -74.94856 22.50703 L -60.0064 -12.520110000000003 C -60.0064 -12.520110000000003 -55.89385 -21.849030000000003 -47.235839999999996 -22.281930000000003 C -38.57782999999999 -22.714830000000003 46.87608 -22.39016 46.87608 -22.39016 C 46.87608 -22.39016 56.05659 -23.219710000000003 61.40639 -12.520120000000002 C 66.75618 -1.8205300000000015 74.94856 22.506959999999996 74.94856 22.506959999999996 z' stroke-linecap='round' /%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 75.18 17.97)' id='E8ePkHu_UUyvFWDAIzFyP' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(0, 0)' d='M -46.15385 12.0108 L -46.15385 -12.01079 L 46.153839999999995 -12.01079 L 46.153839999999995 12.0108 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 2.7rem;
    background-repeat: no-repeat;
    border-width: 0px;
    border-top: none;
    background-position: top;
}
 
.filetabs .yui-navset .yui-nav a,
.filetabs .yui-navset .yui-navset-top .yui-nav a {
   padding: 4px 20px 0px 20px;
}
 
.filetabs .yui-navset .yui-nav .selected a,
.filetabs .yui-navset .yui-nav a:focus,
.filetabs .yui-navset .yui-navset-top .yui-nav a:focus,
.filetabs .yui-navset .yui-nav .selected a:hover,
.filetabs .yui-navset .yui-navset-top .yui-nav .selected a:hover {
    padding: 8px 20px 0px 20px;
}
 
.filetabs .yui-navset .yui-nav a:hover,
.filetabs .yui-navset .yui-navset-top .yui-nav a:hover {
   padding: 6px 20px 0px 20px;
}
 
.filetabs .yui-navset .yui-nav,
.filetabs .yui-navset .yui-navset-top .yui-nav {
    border-color: transparent;
}
 
.filetabs .yui-navset .yui-nav .selected,
.filetabs .yui-navset .yui-navset-top .yui-nav .selected,
.filetabs .yui-navset .yui-nav .selected a:active,
.filetabs .yui-navset .yui-nav .selected a:focus,
.filetabs .yui-navset .yui-nav li,
.filetabs .yui-navset .yui-navset-top .yui-nav li {
   background-color: transparent;
}
 
.filetabs .yui-navset .yui-nav li,
.filetabs .yui-navset .yui-navset-top .yui-nav li {
   box-shadow: none;
}
 
.filetabs .yui-navset .yui-nav li {
   margin-right: 36px;
}
 
.filetabs .yui-navset .yui-nav .selected a {
   color: rgb(var(--swatch-text-general)) !important;
}
 
.filetabs .yui-navset .yui-nav a:focus,
.filetabs .yui-navset .yui-nav a:hover {
   color: rgb(var(--swatch-text-general));
}
 
.filetabs .yui-navset .yui-nav .selected a em,
.filetabs .yui-navset .yui-nav .selected a:hover em {
   position: relative;
   top: -4px;
}
 
.filetabs .yui-navset .yui-nav a:hover em {
   position: relative;
   top: -2px;
}
 
.filetabs .yui-navset .yui-nav li,
.filetabs .yui-navset .yui-navset-top .yui-nav li {
   border-bottom: solid 1px rgb(var(--white-monochrome));
}
 
.filetabs .yui-navset .yui-nav li.selected,
.filetabs .yui-navset .yui-navset-top .yui-nav li.selected {
   border-bottom: none;
   z-index: 1;
}
 
@media only screen and (max-width: 510px) {
.logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://tartar0s.wikidot.com/local--files/theme:rhodes-island/%E8%9A%80%E6%B5%AA.png) center/30% no-repeat;
   filter: brightness(0%) invert(0%);
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://tartar0s.wikidot.com/local--files/theme:rhodes-island/%E8%9A%80%E6%B5%AA.png) center/30% no-repeat;
   filter: brightness(0%) invert(100%);
    opacity: 0.35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
}
 
#footer{
   color: white;
}
 
@keyframes tab-disappear {
  0% { max-height: 9999rem; }
  1% { max-height: 100vh; }
  100% { max-height: 0; }
}
@keyframes tab-appear {
  0% { max-height: 0; }
  99% { max-height: 100vh; }
  100% { max-height: 9999rem; }
}
 
/*未选择的tab*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
     transform-origin: 0 0;
}
 
.yui-navset .yui-content > div {
  display: block;
  top: 0;
  overflow: hidden;
  transform-origin: 0 0;
}
 
#page-content .yui-navset .yui-content > div > * {
  transform-origin: 0 0;
}
 
#page-content .yui-navset .yui-content > div[style*="none"] {
  display: block !important;
  flex: 0;
  max-height: 0;
  transition: padding 0s linear 0.5s,
        border-width 0s linear 0.5s,
        flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s;
  animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
 
#page-content .yui-navset .yui-content > div[style*="block"] {
  display: block !important;
  flex: 1;
  max-height: 9999rem;
  transition: padding 0s linear 0.5s,
        border-width 0s linear 0.5s,
        flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s;
  animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
 
div#extrac-div-1 {
       content: "";
   position: absolute;
    top:var(--final-header-height-on-desktop);
    width:100%;
    height:calc(100% - var(--final-header-height-on-desktop));
    background-color: rgb(238,238,238);
    background-size: 5%;
    background-repeat: repeat;
    opacity: 1;
    z-index: -3;
}
@media (max-width: 767px) {
 div#extrac-div-1 {
       content: "";
   position: absolute;
    top:var(--final-header-height-on-desktop);
    width:100%;
    height:calc(100% - var(--final-header-height-on-desktop));
    background-color: rgb(238,238,238);
    background-size: 25%;
    background-repeat: repeat;
    opacity: 1;
    z-index: -3;
 }
 
}
 
blockquote a,.dark-titleblock a,.dark-styled-quote a,.dark-styled-quote-d a,.darkblock a,.border-logoblock a{
color:silver !important;
}
blockquote a:hover,.dark-titleblock a:hover,.dark-styled-quote a:hover,.dark-styled-quote-d a:hover,.darkblock a:hover,.border-logoblock a:hover{
color:silver !important;
}
blockquote a:visited,.dark-titleblock a:visited,.dark-styled-quote a:visited,.dark-styled-quote-d a:visited,.darkblock a:visited,.border-logoblock a:visited{
color:silver !important;
}
 
:root{
  --base-color: rgb(17,17,17);
  --hover-color: rgb(50,50,50);
  --click-color: rgb(50,50,50);
}
 
/* #page-content is shoved everywhere to make sure it's the most specific thingy */
/* Styling! */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px;
    /* Animated things */
    transition: background 0.2s linear;
    background: var(--base-color);
    /* Technical bits */
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
/* The Clicky Text */
#page-content .collapsible-block-link {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
/* Gets rid of the underline when hovering over the collapsible */
#page-content .collapsible-block-link:hover {
    text-decoration: none
}
/* Collapsible content */
#page-content .collapsible-block-content {
    /* Animated things */
    transition: border-top-color 0.2s linear, border-bottom-color 0.2s linear;
    border-top: solid var(--base-color) 5px;
    border-bottom: solid var(--base-color) 3px;
}
 
/* Folded blocks are animated, unfolded ones are not */
#page-content .collapsible-block-folded {
    max-width: 100%;
}
#page-content .collapsible-block-unfolded-link{
    width: min-content;
}
/* Addendum counter */
 
/* Addendum prefixes */
#page-content .collapsible-block-folded .collapsible-block-link::before {
    content: "▷";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
    content: "▽";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
}
/* Hovering effects */
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
    background: var(--hover-color);
    max-width: 100%;
}
/* Collapsible borders - because it looks prettier this way */
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{
    border-top-color: var(--hover-color);
    border-bottom-color: var(--hover-color);
}
/* When hovering over link, change addendum tag to hover-color */
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
    background: var(--hover-color);
}
/* Click flash when clicking, also forces the collapsible to expand */
#page-content .collapsible-block-folded:active, #page-content .collapsible-block-unfolded-link:active, #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content::after {
    transition: background 0s, max-width 0s;
    background: var(--click-color);
    max-width: 100%;
}
/* On click, change borders to click-color */
#page-content .collapsible-block-unfolded-link:active + .collapsible-block-content {
    transition: border-top-color 0s, border-bottom-color 0s;
    border-top-color: var(--click-color);
    border-bottom-color: var(--click-color);
}
/* Done with normal collapsibles, now we do all the variations */
/* Unfolded collapsible */
#page-content .unfolded-collapse {
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px;
    background: var(--base-color);
    /* Text */
    color: white;
    font-weight: bold;
    /* Technical bits */
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
/* Addendum prefix */
#page-content .unfolded-collapse::before {
    content: "▽";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
/* Bottom border */
#page-content .unfolded-collapse-border {
    display: block;
    width: 700px;
    border-top: solid var(--base-color) 5px;
}
/* Centering, very simple */
#page-content .center-collapse .collapsible-block-folded, #page-content .center-collapse .collapsible-block-unfolded-link, #page-content .center-collapse .unfolded-collapse{
    margin:auto;
    margin-top: 10px;
}
 
/* Fittingly, we finish with the footer object */
/* The footer is actually the giant bottom border object because larger -> smaller works better */
#page-content .addendumfooter{
    display: block;
    border-bottom: solid 3px var(--base-color);
    margin: auto;
    text-align: center;
}
 
/* Ayer's info-bar patch */
#page-content .info-container .collapsible-block {
    counter-increment: none;
}
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link  {
    transition: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-shadow: none;
    background: var(--barColour);
}
#page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before  {
    content: "";
    display: none;
}
#page-content .info-container .collapsible-block-content {
    border-bottom: none;
    transition: none;
    border-top: none;
}
#page-content .info-container .collapsible-block-content::after {
    display: none;
}
 
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{
    line-height: 1.4;
}
 
#page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before {
    font-size: 130%;
    margin-left: -0.4em
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   color: white;
   border-bottom: solid 2px #F27405;
   background-color: rgb(17,17,17);
}
 
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 {
    background-color: rgb(225, 225, 225);
    color: black;
   border-bottom: solid 2px #F27405;
}
 
.opr-text {
color:black;
background: linear-gradient(to top, #CCCCCC, #CCCCCC 85%, rgba(0,0,0,0) 100%);z-index: 5;padding: 2rem 0 0 0;
}
 
.opr-title {
background:#616161;
}
 
.opr-title h1 {
color: white !important;
}