@import url('https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@800&display=swap');
:root {
--theme-base: "black-highlighter";
--theme-id: "dziedzictwo";
--theme-name: "Dziedzictwo Theme";
--main-accent: 150, 150, 150;
--text-color: 200, 200, 200;
--background-color: 50, 50, 50;
--box-color: 40, 40, 40;
--header-color: 230, 230, 230;
--white-monochrome: var(--text-color);
--light-gray-monochrome: var(--text-color);
--gray-monochrome: var(--background-color);
--black-monochrome: var(--box-color);
--medium-accent: var(--background-color);
--dark-gray-monochrome: var(--box-color);
--bright-accent: var(--main-accent);
--dark-accent: var(--main-accent);
--pale-accent: var(--main-accent);
--swatch-topmenu-border-color: var(--main-accent);
--swatch-topmenu-bg-color: var(--medium-accent);
--swatch-menubg-color: var(--medium-accent);
--swatch-border-color: var(--bright-accent);
--swatch-text-dark: var(--white-monochrome);
--swatch-text-light: var(--header-color);
--swatch-background: var(--medium-accent);
--swatch-menutxt-dark-color: var(--white-monochrome);
--swatch-primary-darker: var(--pale-accent);
--sd-border: var(--main-accent);
--sd-fill: var(--dark-gray-monochrome);
--link-color: var(--main-accent);
--hover-link-color: var(--main-accent);
--visited-link-color: var(--main-accent);
--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);
--cecs-accent: var(--main-accent) !important;
--cecs-dark: var(--box-color) !important;
--cecs-light: var(--box-color) !important;
--logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
--header-title: "Dziedzictwo";
--header-subtitle: "Dies diem docet";
--body-font: proxima-nova, sans-serif;
--header-font: 'Gemunu Libre', monospace;
--title-font: 'Gemunu Libre', monospace;
--mono-font: 'Fantasque Sans Mono', monospace;
--background-gradient-distance: 0rem;
--gradient-topmenu: none;
--diagonal-stripes: linear-gradient(transparent 0);
--gradient-header: none;
--header-height-on-desktop: 9rem;
--ui-button-txt: var(--box-color);
}
/*login stuff*/
#login-status{
color: rgb(var(--white-monochrome));
}
#login-status a#my-account {
padding: 0.3em 0.25em 0.2em 0.25em;
}
#account-options>ul>li a:hover {
color: rgb(var(--pale-accent));
}
#account-options {
background: rgb(var(--medium-accent));
border-color: rgb(var(--pale-accent));
color: rgb(var(--white-monochrome));
}
#login-status ul a {
color: rgb(var(--white-monochrome));
}
/*table stuff*/
table.wiki-content-table th {
background-color: rgb(var(--header-color));
border: 2px solid rgb(var(--pale-accent)) !important;
}
table.wiki-content-table td {
border: 2px solid rgb(var(--pale-accent)) !important;
}
/*misc*/
#page-title{
border-bottom: 2px solid rgb(var(--pale-accent));
color: rgb(var(--pale-accent));
}
h1, #page-title {
font-size: 225%;
padding: 0;
}
#side-bar div.menu-item {
border-color: rgb(var(--bright-accent));
}
#side-bar .side-block div a img {
filter: grayscale(100%);
}
#footer{
color: rgb(var(--black-monochrome));
}
.footnotes-footer {
background-color: rgb(var(--dark-gray-monochrome));
}
.scp-image-block {
border: none;
}
.scp-image-block .scp-image-caption {
color: rgb(var(150, 150, 150));
background-color: rgb(var(--dark-gray-monochrome));
border: none;
border-left: 0.2rem solid rgba(var(--pale-accent));
border-right: 0.2rem solid rgba(var(--pale-accent));
}
.page-rate-widget-box {
background: none;
border: none;
background-color: rgb(var(--dark-gray-monochrome));
border-left: 0.2rem solid rgba(var(--pale-accent));
}
.code {
background-color: rgb(var(--dark-gray-monochrome));
}
/*hexagon header gradient*/
#skrollr-body {
background-size: 12.5rem;
background-color: rgb(var(--background-color));
background-image: none;
height: 11rem;
}
/*blend gradient*/
#container {
background: linear-gradient(180deg, rgba(0,0,0,0) 8.95rem, rgb(var(--main-accent)) 8.95rem, rgb(var(--box-color)) 9.05rem, rgb(var(--box-color)) 10.8rem, rgb(var(--main-accent)) 10.9rem, rgb(var(--main-accent)) 11rem, rgb(var(--medium-accent)) 11.1rem);
background-size: 37rem 11rem;
background-attachment: scroll;
background-repeat: repeat-x;
}
/*misc 2*/
div#page-options-bottom-2 > a, div#page-options-bottom > a {
border-radius: 0em;
-moz-border-radius: 0em;
border: none;
}
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 {
border: none;
}
/*header stuff*/
#header, #top-bar {
background-attachment: scroll;
}
#header {
background-image: none;
}
#header::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: -0.3rem;
background-image: var(--logo-image);
background-size: auto 15rem;
background-position: centre;
background-repeat: no-repeat;
opacity: 0.4;
}
#header h1, #header h1 a {
position: absolute;
top: 1rem;
margin: 0;
width: 100%;
display: flex;
z-index: 0;
}
#header h2, #header h2 span, #header h2 span::before {
position: absolute;
top: 2rem;
margin: 0;
width: 100%;
display: flex;
}
#header h1 a::before, #header h2 span::before {
text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
letter-spacing: 0.1rem;
}
#header h1 a::before{
letter-spacing: 0.1rem;
}
/*links*/
a.newpage {
background: transparent;
text-decoration: none
}
a.newpage {
color: rgb(var(--newpage-color))
}
/*line + block*/
hr {
background: none;
border-top: solid 2px rgb(var(--pale-accent));
}
blockquote, div.blockquote {
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
background-color: rgb(var(--dark-gray-monochrome));
border: none;
border-left: solid 2px rgb(var(--pale-accent));
}
/*search*/
/*#search-top-box {
left: 3%;
top: 0.5rem;
}
#search-top-box-form > #search-top-box-input {
width: 7rem;
}*/
/*content bg*/
.yui-navset .yui-content {
background-color: rgba(var(--pale-accent), 0.25);
border-color: rgb(var(--pale-accent));
}
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: rgb(var(--dark-gray-monochrome));
color:rgb(var(--white-monochrome));
}
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background-color: rgba(var(--pale-accent), .25);
}
/*backer background*/
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
background: rgb(var(--dark-gray-monochrome));
}
/*selected tab bg*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
background-color: rgb(var(--pale-accent));
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
background-color: rgb(var(--pale-accent));
}
.styled-quote, .dark-styled-quote {
background-color:rgb(var(--dark-gray-monochrome));
border-left: 0.5rem solid rgba(var(--pale-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);
}
.lightblock, .darkblock {
background-color:rgb(var(--dark-gray-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.titleblock {
background-color: rgb(var(--dark-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,.25);
border: solid rgb(var(--pale-accent)) 2px;
}
.titlebox{
position: relative;
top: -1.6rem;
background-color: rgb(var(--pale-accent));
color: rgb(var(--white-monochrome));
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
background: rgb(var(--medium-accent));
}
.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:%23#969696;%7D .st1%7Bfill:%23#969696;%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;
}