@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;
}