@import url('https://fontlibrary.org/face/raleway');
@import url('https://fontlibrary.org/face/shabmam');
@import url('https://fontlibrary.org/face/iosevka-extended');
@import url(https://backrooms-wiki.wdfiles.com/local--code/theme%3Anuliminal/1);
@import url("https://backrooms-wiki.wikidot.com/component:sidebar-theme/code/1");
@import url("https://backrooms-wiki.wikidot.com/component:user-flairs/code/1");
:root {
--theme-base: "black-highlighter";
--theme-id: "aimless";
--theme-name: "Aimless Theme";
--logo-image: url("http://backrooms-sandbox-2.wikidot.com/local--files/collab:pen-s-css-and-html-testing-site/edited_logo.png");
--header-title: "The Aimless";
--header-subtitle: "What now lies ahead?";
/* Typefaces */
--body-font: 'Shabnam', sans-serif;
--header-font: 'Shabnam', sans-serif;
--title-font: 'Raleway', sans-serif;
--mono-font: 'Iosevka Extended', monospace;
/*Colors of the Actual Page*/
--white-monochrome: 168, 168, 79;
--pale-gray-monochrome: 152, 133, 88;
--light-gray-monochrome: 15, 15, 0;
--gray-monochrome: 71, 49, 27;
--black-monochrome: 0, 0, 0;
--bright-accent: 71, 50, 30;
--medium-accent: 103, 10, 10;
--dark-accent: 71, 49, 27;
--pale-accent: 152, 133, 88;
--alt-accent: 255, 140, 0;
--swatch-topmenu-border-color: var(--medium-accent);
--link-color: 125, 7, 2;
--hover-link-color: 173, 25, 19;
--newpage-link-color: var(--alt-accent);
--background-gradient-distance: 125rem;
--gradient-header: linear-gradient(to top,
rgba(var(--medium-accent)) 0%,
rgba(var(--medium-accent), 0.90) 100%
);
--diagonal-stripes: linear-gradient(transparent 0);
}
#skrollr-body {
background-image:
radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
background-repeat: repeat;
background-size: 0.25em 0.25em;
width: 100%;
height: 7.5rem;
}
/* Makes those super tiny red dots at the top.*/
#skrollr-body {
background-image:
radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
background-repeat: repeat;
background-size: 0.25em 0.25em;
width: 100%;
height: 7.5rem;
}
#side-bar .side-block div a img {
filter: grayscale(100%);
}
#container {
background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
background-size: 0.25em 0.25em;
background-repeat: repeat;
background-attachment: fixed;
}
div#page-options-bottom-2 > a, div#page-options-bottom > a {
border-radius: 0em;
-moz-border-radius: 0em;
border: none;
margin: auto; /*To fix that pesky bottom options bar*/
}
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, #top-bar {
background-attachment: scroll;
}
#header {
background-image: none;
}
#header::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background-image: var(--logo-image);
background-size: auto 16rem;
background-position: center;
background-repeat: no-repeat;
opacity: 0.4;
}
#header h1, #header h1 a {
position: absolute;
top: 1rem;
margin: 0;
width: 100%;
display: flex;
justify-content: center;
z-index: 0;
}
#header h2, #header h2 span, #header h2 span::before {
position: absolute;
top: 2rem;
margin: 0;
width: 100%;
display: flex;
justify-content: center;
}
#header h1 a::before, #header h2 span::before {
text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
a.newpage {
background: transparent;
text-decoration: none
}
a.newpage {
color: rgb(var(--newpage-color))
}
div.block-center {
min-width: 30%
}
@media only screen and (max-width:768px) {
div.block-center {
min-width: 40%
}
}
/*Syling the colors of the Blockqoutes.*/
blockquote {
box-shadow: 0.05rem 0.1rem 0.3rem rgba(255,255,255,.25);
}
div.blockqoute {
box-shadow: 0.05rem 0.1rem 0.3rem rgba(255,255,255,.25);
}
.styled-quote {
background-color:rgb(var(--pale-gray-monochrome));
border-left: 0.5rem solid rgba(var(--gray-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(255,255,255,.25);
}
.dark-styled-quote {
background-color:rgb(var(--gray-monochrome));
border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(255,255,255,.25);
color:rgb(var(--black-monochrome));
}
.lightblock {
background-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(255,255,255,.25);
}
.darkblock {
background-color:rgb(var(--gray-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(255,255,255,.25);
color:rgb(var(--black-monochrome));
}
.interwiki1_title {
color: rgb(80,77,66);
border-bottom: solid 1px rgb(80,77,66);
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(80,77,66);
position: relative;
margin: 0 7px 0 5px;
bottom: 3px;
}
.interwiki1_entry a, .interwiki1_entry a:visited {
font-weight: bold;
color: #b01;
text-decoration: none;
background: transparent;
}
.interwiki1_entry a:hover {
background-color: transparent;
text-decoration: underline;
}
div.scpnet-interwiki-wrapper {
margin: 0;
width: auto;
}
iframe.scpnet-interwiki-frame {
border: inherit;
width: 100%;
height: 230px;
}
@media (min-width:768px) {
div.scpnet-interwiki-wrapper,
iframe.scpnet-interwiki-frame {
width: 100%;
}
}
/* remove the input on the searchbar because it doesn't work */
#search-top-box-input {
display: none;
}
/* add a message to the deletion thing or the rename thing */
#rename-option-rename::before, #rename-option-delete::before {
content: "Reminder: Backrooms Wiki users can rename pages they own, but use this responsibly (preferably only if there is an error with the name). Only staff are allowed to delete pages, even your own pages: ask Backrooms Wiki staff and they will help you!";
color: yellow;
display: block;
margin-top: 1rem;
}