/* Myrand */
:root{
--white-monochrome: 60, 60, 60; /* ALTERED */
--pale-gray-monochrome: 20, 20, 20; /* BG*/
--light-pale-gray-monochrome: 50, 50, 50;
--very-light-gray-monochrome: 60, 60, 60;
--light-gray-monochrome: 165, 160, 155;
--gray-monochrome: 35, 35, 35; /* sub header */
--dark-gray-monochrome: 15, 15, 15;
--black-monochrome: 0, 0, 0;
--border-monochrome: 40, 150, 150;
--visited-link: 40, 155, 155;
--pale-accent: 40, 255, 255; /* links that do exist */
--bright-accent: 40, 133, 133; /* button hover, text hover, sidemenu collapsible, submenu hover */
--medium-accent: 30, 30, 30; /* header */
--dark-accent: 80, 80, 80; /* 1st footer, header menu bg */
--alt-accent: 255, 20, 20; /* links that do not exist */
--text-monochrome: 255, 255, 255;
--visited-link-color: var(--visited-link);
--swatch-border-color: var(--border-monochrome);
--swatch-menubg-color: var(--gray-monochrome);
--swatch-menubg-light-color: var(--pale-gray-monochrome);
--swatch-menubg-medium-color: var(--light-gray-monochrome);
--swatch-menubg-medium-dark-color: var(--gray-monochrome);
--swatch-menubg-dark-color: var(--dark-gray-monochrome);
--swatch-menubg-black-color: var(--black-monochrome);
--swatch-menubg-hover-color: var(--black-monochrome);
--swatch-menutxt-dark-color: var(--text-monochrome);
--swatch-menutxt-light-color: var(--text-monochrome);
--swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
--ui-button-bg: var(--light-pale-gray-monochrome);
--ui-button-txt: var(--text-monochrome);
--ui-button-hover-bg: var(--gray-monochrome);
--ui-button-hover-txt: var(--text-monochrome);
--ui-button-hover-outline: var(--pale-accent);
/* codeblock */
--swatch-code-text-comment: 100 255 255;
--swatch-code-text-quotes: 178 255 255;
--swatch-code-text-string: 222 255 255;
--swatch-code-text-identifier: 16 255 255;
--swatch-code-text-reserved: 90 255 255;
/* footnotes hover */
--hoverblock-bg: var(--pale-gray-monochrome);
--hoverblock-txt: var(--text-monochrome);
--hoverblock-header-bg: var(--swatch-primary-darker);
--hoverblock-header-txt: var(--text-monochrome);
--hoverblock-footer-bg: var(--swatch-tertiary-color);
--hoverblock-footer-txt: var(--text-monochrome);
--swatch-text-dark: var(--text-monochrome);
--swatch-text-light: var(--text-monochrome);
}
#main-content {
--ui-icon-color: var(--ui-button-bg);
--ui-icon-bg: var(--ui-button-bg);
--ui-icon-hover-color: var(--ui-button-hover-bg);
--ui-icon-hover-bg: var(--ui-button-hover-bg);
/* Editor Buttons */
--editor-icon-color: var(--text-monochrome);
--editor-icon-hover-color: var(--black-monochrome);
--editor-icon-hover-bg: var(--text-monochrome);
--editor-icon-submenu-bg: var(--black-monochrome);
/* footnotes */
--footnotes-footer-bg-color: var(--gray-monochrome);
--footnotes-footer-colorbar-color: var(--very-light-gray-monochrome);
--footnotes-footer-title-bg-color: var(--very-light-gray-monochrome);
--footnotes-footer-title-text-color: var(--swatch-text-secondary-color);
--footnotes-footer-num-color: var(--pale-accent);
--footnotes-footer-num-hover-color: var(--bright-accent);
--footnotes-footer-text-color: var(--swatch-text-general);
}
#main-content {
--ui-icon-color: var(--swatch-text-secondary-color);
}
#side-bar {
--sidebar-bg-color: var(--swatch-secondary-color);
}
#main-content::after {
height: 13rem;
border-radius: 0 0.6rem 0.6rem 0;
background-color: rgb(var(--gray-monochrome));
top: calc(50vh - 6.5rem);
background-image: url("http://nuliminal-test.wikidot.com/local--files/component:theme/sidebar-arrows.svg");
}
.lightstyled-quote {
background-color:rgb(var(--bright-accent));
color:rgb(var(--text-monochrome));
border-left: 0.5rem solid rgba(var(--dark-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);
}
.darkstyled-quote {
background-color:rgb(var(--dark-gray-monochrome));
border-left: 0.5rem solid rgba(var(--bright-accent));
color:rgb(var(--text-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);
}
.darkstyled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
.lightblock {
background-color:rgb(var(--bright-accent));
color:rgb(var(--text-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(--dark-gray-monochrome));
color:rgb(var(--text-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);
}
.dark-borderblock {
background-color:rgb(var(--dark-gray-monochrome));
color:rgb(255, 255, 255);
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border: solid 0.3rem rgb(var(--bright-accent));
}
.light-borderblock {
background-color:rgb(var(--bright-accent));
color:rgb(var(--text-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);
border: solid 0.3rem rgb(var(--dark-gray-monochrome));
}
.border-logoblock{
padding: 0.01rem 1rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
color:rgb(255, 255, 255);
margin: 0.5rem 0 0.5rem 0.25rem;
display: block;
position: relative;
background-color: rgb(var(--dark-gray-monochrome));
border: solid 0.3rem rgb(var(--bright-accent));
}
.border-logoblock::after{
content: "";
float: center;
border: solid 2px #0000;
background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat;
opacity: 0.25;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
}
.logoblock{
padding: 0.01rem 1rem;
color:rgb(255, 255, 255);
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
margin: 0.5rem 0 0.5rem 0.25rem;
display: block;
position: relative;
background-color: rgb(var(--dark-gray-monochrome));
}
.logoblock::after{
content: "";
float: center;
border: solid 2px #0000;
background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat;
opacity: 0.25;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
}
.titleblock {
background-color: rgb(var(--dark-gray-monochrome));
color:rgb(var(--text-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,.5);
border: solid rgb(var(--bright-accent)) 2px;
}
.titlebox{
color: rgb(var(--text-monochrome));
position: relative;
top: -1.6rem;
background-color: rgb(var(--bright-accent));
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
.borderblock {
background-color:rgb(var(--dark-gray-monochrome));
color:rgb(255, 255, 255);
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border: solid 0.3rem rgb(var(--bright-accent));
}
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
