@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Atheme/1);
@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
@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; }
}
.yui-navset .yui-content > div {
padding: 0.25em 0.5em;
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;
padding: 0 0.5em;
border-width: 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;
}
.color{
min-height:100px;
}
:root {
--theme-base: "black-highlighter";
--theme-id: "frost";
--theme-name: "Frost Theme";
--theme-base: "black-highlighter";
--logo-image: url("");
--header-title: "The Backrooms";
--header-subtitle: "Deeply cold";
--swatch-headerh1-color: var(--white-monochrome);
--swatch-headerh2-color: var(--white-monochrome);
--white-monochrome: 242, 242, 242;
--pale-gray-monochrome: 220, 236, 242;
--light-gray-monochrome: 172, 202, 242;
--dark-gray-monochrome: 63, 94, 136;
--gray-monochrome: 41, 73, 166;
--dark-accent: 22, 45, 115;
--bright-accent: 173, 192, 217;
--medium-accent: 10, 93, 166;
--black-monochrome: 34, 47, 64;
--pale-accent: 60, 84, 115;
--swatch-topmenu-border-color: var(--bright-accent);
--link-color: var(--medium-accent);
--hover-link-color: var(--dark-accent);
--visited-link-color: 13, 65, 174;
--newpage-color: 88, 101, 166;
--gradient-header: linear-gradient(to top,
rgba(var(--bright-accent),0) 0%,
rgba(var(--gray-monochrome),.4) 5rem
),linear-gradient(to top left,
rgba(var(--bright-accent),0) 0%,
rgba(var(--gray-monochrome),.6) 100%
);
}
.color{
min-height:90px;
}
::selection { color: rgb(var(--white-monochrome)); background:rgb(var(--pale-accent)); }
span.printuser {
color:
rgb(0,0,0)
}
#skrollr-body {
background-image:
radial-gradient(circle, rgba(var(--light-gray-monochrome),.2) 50%, transparent 0);
}
div.top-bar>ul>li>ul>li>a{
transition: color 0.3s ease-out;
-webkit-transition: color 0.3s ease-out;
}
body::after {
content: "";
background-image: url("https://dogefs.s3.ladydaily.com/~/source/unsplash/photo-1548097160-627fd636ee56?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80");
background-size: cover;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.15;
z-index: -1;
-webkit-filter: blur(10px);
filter: blur(10px);
}
body{
background-color: rgba(var(--bright-accent));
}
div#extrac-div-1::after {
content: "";
position:fixed;
top:var(--final-header-height-on-desktop);
width:100%;
height:calc(100% - var(--final-header-height-on-desktop));
background-image: linear-gradient(to bottom,
rgba(var(--bright-accent)) 0%,
rgba(var(--pale-gray-monochrome)) 25%,
rgba(var(--white-monochrome)) 100%
);
background-size: auto 100%;
background-repeat: repeat;
opacity: 1;
z-index: -3;
}
#main-content a {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
}
.scp-image-block .scp-image-caption {
color: rgb(var(--black-monochrome));
background-color: rgb(var(--dark-accent));
border-color: rgb(var(--dark-accent));
}
#container {
background-image: none
}
#side-bar .side-block div a img {
filter: grayscale(0%);
}
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;
}
hr {
border-color:rgb(var(--pale-accent));
}
table.wiki-content-table td,
table.wiki-content-table th,
table.wiki-content-table tr {
border: .2rem solid rgb(var(--gray-monochrome)) !important;
background-color:rgb(var(--bright-accent))!important;
}
table.wiki-content-table th {
color:rgb(var(--black-monochrome))!important;
background-color:rgb(var(--pale-gray-monochrome))!important;
}
blockquote,
.blockquote,
div.blockquote,
[class*="blockquote"] {
border: 2px double rgba(var(--pale-accent));
background-color:rgb(var(--pale-gray-monochrome));
color: var(--white-monochrome);
margin: 1em 46px;
padding: 0 1em;
}
.styled-quote {
background-color:rgb(var(--pale-gray-monochrome));
border-left: 0.5rem solid rgba(var(--pale-accent));
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(--pale-accent));
border-left: 0.5rem solid rgb(var(--pale-gray-monochrome));
color:rgb(var(--white-monochrome));
box-shadow: 0.2rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
.lightblock {
background-color:rgb(var(--pale-gray-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-accent));
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,.dark-styled-quote a,.dark-titleblock a,.titlebox a{
color:rgb(var(--pale-gray-monochrome));
}
.titleblock {
background-color: rgb(var(--pale-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;
}
.dark-titlebox{
position: relative;
top: -1.6rem;
background-color: rgb(var(--pale-gray-monochrome));
color: rgb(var(--black-monochrome));
padding: 0.25rem 1rem;
line-height: 0.1rem;
}
.dark-titleblock {
background-color:rgb(var(--pale-accent));
color:rgb(var(--white-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;
}
.glassblock {
background-image: linear-gradient(-30deg,
rgba(var(--medium-accent),.8) -80%,
rgba(var(--white-monochrome),.4) 100%);
border: solid rgb(var(--pale-accent)) 2px;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transform: translateY(0em);
}
.hoverblock:hover,.hoverblock:focus{
box-shadow: 0px 4px 20px 0 rgba(var(--medium-accent), .25);
background-color: rgba(var(--light-gray-monochrome),.1);
transform: translateY(-.3em);
}
.light-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
transform: translateY(0em);
}
.light-hoverblock:hover,.light-hoverblock:focus{
background-color: rgb(var(--pale-gray-monochrome));
box-shadow: 0px 4px 20px 0 rgba(var(--medium-accent), .25);
transform: translateY(-.3em);
}
.dark-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
transform: translateY(0em);
}
.dark-hoverblock:hover,.dark-hoverblock:focus{
background-color: rgb(var(--pale-accent));
color: rgb(var(--white-monochrome));
box-shadow: 0px 4px 20px 0 rgba(var(--medium-accent), .25);
transform: translateY(-.3em);
}
.transparent-hoverblock{
color:transparent;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
transform: translateY(0em);
}
.transparent-hoverblock:hover,.transparent-hoverblock:focus{
color: rgb(var(--black-monochrome));
box-shadow: 0px 4px 20px 0 rgba(var(--medium-accent), .25);
transform: translateY(-.3em);
}
.white-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: box-shadow 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transform: translateY(0em);
}
.white-hoverblock:hover,.white-hoverblock:focus{
box-shadow: 0px 4px 20px 0 rgba(var(--white-monochrome), .25);
background-color: rgb(var(--white-monochrome));
transform: translateY(-.3em);
}
.inset-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: box-shadow 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transform: translateY(0em);
}
.inset-hoverblock:hover,.hoverblock:focus{
box-shadow: inset 0px 4px 20px 0 rgba(var(--bright-accent), .25);
background-color: rgb(var(--pale-accent));
color: rgb(var(--white-monochrome));
transform: translateY(.3em);
}
#main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]), #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]) {
--link-color: var(--dark-accent);
}
.interwiki1 {
background: rgb(var(--light-gray-monochrome));
margin: 10px 15px;
padding: 10px;
border: none;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0,0,102,.5);
box-sizing: border-box;
/*width: 15em;*/
width: calc(var(--base-font-size*0.93333*19));
}
.interwiki1_title {
color: rgb(var(--black-monochrome));
border-bottom: solid 1px rgb(var(--black-monochrome));
padding-left: 15px;
margin-top: 10px;
margin-bottom: 5px;
font-size: 8pt;
font-weight: bold;
}
.interwiki1_entry {
position: relative;
margin: 2px 0;
}
.interwiki1_entry p::before {
content: "■";
font-size: 9px;
color: rgb(var(--black-monochrome));
position: relative;
margin: 0 7px 0 5px;
bottom: 3px;
}
.interwiki1_entry a, .interwiki1_entry a:visited {
font-weight: bold;
color: rgb(var(--black-monochrome));
text-decoration: none;
background: transparent;
}
.interwiki1_entry a:hover {
color: rgb(var(--black-monochrome));
background-color: transparent;
text-decoration: underline;
}