/* Remove Default Wikidot Styles (UPDATE REGULARLY FROM GITHUB) */
@import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/nulim-norm.min.css");
/* Base BHL Theme (UPDATE REGULARLY FROM GITHUB) */
@import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/nulim-bhl.min.css");
/* Fantasque Sans Mono Font */
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
/* Public Sans Font */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Fancy Forums */
@import url("https://backrooms-wiki.wikidot.com/component:forum-theme/code/1");
/* Root Variables: When making a new theme, see: https://github.com/Nu-SCPTheme/Black-Highlighter/blob/master/src/css/root.css */
:root {
/* S-CSS-P */
--theme-base: "black-highlighter";
--theme-id: "nuliminal";
--theme-name: "NuLiminal Theme";
/* Header */
--logo-image: url("http://id-backrooms-wiki.wikidot.com/local--files/component:theme/TBID_Logo%20.png");
--header-title: "Backrooms";
--header-subtitle: "Dirimu pernah di sini sebelumnya.";
--swatch-headerh1-color: var(--white-monochrome);
--swatch-headerh2-color: var(--white-monochrome);
/* Typefaces */
--body-font: 'Public Sans', Inter, Verdana, Geneva, "Helvetica Neue", "Helvetica", sans-serif;
--UI-font: 'Public Sans', Arial, PTRootUI, -apple-system, system-ui, BlinkMacSystemFont,
"Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue",
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--header-font: 'Fantasque Sans Mono', Courier New, Ubuntu Mono, Consolas, monospace;
--title-font: var(--header-font);
--mono-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace;
/* Colors */
--white-monochrome: 252, 252, 252; /* ALTERED */
--pale-gray-monochrome: 237, 233, 223; /* ALTERED */
--light-pale-gray-monochrome: 237, 233, 223;
--very-light-gray-monochrome: 220, 215, 210;
--light-gray-monochrome: 165, 160, 155;
--gray-monochrome: 72, 69, 60;
--dark-gray-monochrome: 64, 63, 52;
--black-monochrome: 25, 20, 16;
--pale-accent: 230, 23, 68;
--bright-accent: 140, 136, 126;
--medium-accent: 72, 69, 60;
--dark-accent: 140, 136, 126;
--alt-accent: 221, 102, 17;
/* Liminal Variables */
--header-text-shadow: 0px 2px 3px rgba(0,0,0,0.8);
--header-text-shadow-hover: 0px 5px 3px rgba(0,0,0,0.3);
--quote-shadow: 0 2px 4px rgba(var(--black-monochrome),0.25);
--footer-message: var(--header-subtitle);
--swatch-sidebar-collapsible-tab-bg: var(--swatch-primary);
/* MOST THEMES SHOULDN'T CHANGE THIS: makes editing consistent across themes, adds programing ligatures */
--editor-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace;
/* Swatches */
--swatch-secondary-color: var(--white-monochrome);
--swatch-menubg-color: var(--white-monochrome);
--rating-module-bg-color: var(--swatch-menubg-color);
--toc-body-bg-color: var(--white-monochrome);
--gradient-header: linear-gradient(to top,
rgba(var(--medium-accent)) 0%,
rgba(var(--medium-accent), 0.90) 100%
);
--diagonal-stripes: transparent;
--background-gradient-distance: 0;
--scrollbar-width: 0.7rem;
--swatch-background: var(--pale-gray-monochrome);
--swatch-topmenu-border-color: var(--medium-accent);
--sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
--body-width-on-desktop: 45.75rem;
}
/* Overflow Fix */
:root {
width: 100vw;
overflow-x: hidden;
}
/* Dots */
/* Header Dots */
#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;
}
/* Content Dots */
#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;
}
/* container wrap bug */
#container, #container-wrap, #container-wrap-wrap {
width: 100vw;
}
/* Header Image */
#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 Text */
#header h1 { width: 100%; }
#header h1 a, #header h1 a:before {
width: fit-content;
transition: 0.2s;
position: relative;
bottom: 0;
color: rgb(var(--swatch-headerh1-color));
}
#header h1 a:hover:before {
text-shadow: var(--header-text-shadow-hover);
bottom: 3px;
}
#header h1, #header h1 a {
position: absolute;
top: 1rem;
margin: 0;
display: flex;
justify-content: center;
z-index: 0;
height: 1.5rem;
}
#header h2, #header h2 span, #header h2 span::before {
position: absolute;
top: 1.85rem;
margin: 0;
width: 100%;
display: flex;
justify-content: center;
font-weight: bold;
}
#header h2 span::before { color: rgb(var(--swatch-headerh2-color)); }
#header h1 a::before, #header h2 span::before {
text-shadow: var(--header-text-shadow);
}
/* Div Boxes */
.darkblock {
color: rgb(var(--white-monochrome));
background: rgb(var(--dark-gray-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0;
box-shadow: var(--quote-shadow);
}
.lightblock {
color: rgb(var(--black-monochrome));
background: rgb(var(--white-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0;
box-shadow: var(--quote-shadow);
}
/* Div Quotes */
.styled-quote {
color: rgb(var(--black-monochrome));
background: rgb(var(--white-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0;
box-shadow: var(--quote-shadow);
border-left: solid 6px rgb(var(--dark-gray-monochrome));
}
.dark-styled-quote {
color: rgb(var(--white-monochrome));
background: rgb(var(--gray-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0;
box-shadow: var(--quote-shadow);
border-left: solid 6px rgb(var(--dark-gray-monochrome));
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
margin-top: 0.5em;
margin-left: 0;
}
/* Table of Contents */
#page-content #toc {
--toc-header-bg-color: var(--gray-monochrome);
--toc-body-bg-color: var(--pale-gray-monochrome);
}
/* Table */
#page-content table {
box-shadow: var(--quote-shadow);
}
/* Max-Width Fix */
img, embed, video, object, iframe, table, dark#page-content div, #page-content div table {
max-width: 100%;
}
div#footer:after {
content: var(--footer-message);
border-left: solid 1px;
padding-left: 0.5em;
height: 1.4em;
display: inline-flex;
align-items: center;
margin-left: 0.3em;
}
/* Horizontal Rule Fix */
hr {
clear: none;
display: flex;
}
.bibitems .bibitem:after, .footnotes-footer a[href*=javascript]:before {
right: -20%;
width: 140%;
}
/* Tab Gap */
.yui-navset .yui-nav {
background: rgb(var(--tabs-bottom-border-color));
column-gap: 4px;
}
.yui-navset {
margin-top: 1rem;
}
/* Page Title */
#page-title, .meta-title {
margin-bottom: 0.5em;
}
/* printuser */
span.printuser img.small {
transition: 0.5s;
transition-timing-function: cubic-bezier (0,1,1,0);
}
span.printuser img.small:hover {
transform: scale(2);
transition-delay: 0.5s;
}
#avatar-hover-container {
display: none;
}
/* Buttons */
div[id*=page-options-bottom]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn {
padding: 3px;
box-shadow: none;
flex-basis: 7rem;
}
div[id*=page-options-bottom]>a:after {
content: none;
}
/* Stop the unordered lists being in line with the text, this breaks SD banners! */
ul {
padding-inline-start: 2.5rem;
}
/* Template options text fix */
form#edit-page-form #page-templates option, form#edit-post-form #page-templates option, form#new-post-form #page-templates option, form#new-thread-form #page-templates option {
color: rgb(var(--swatch-menutxt-dark-color));
}
/* Message on Delete/Rename/Move */
#rename-option-rename::before, #rename-option-delete::before {
content: "Reminder: Backrooms Wiki users can rename/move 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 we will help you!";
color: red;
display: block;
margin-top: 1rem;
}
/* MOBILE */
#page-content {
max-width: var(--body-width-on-desktop);
}
@media only screen and (max-width: 56.25rem) {
#page-content {
max-width: var(--body-width-on-mobile);
}
}
.scp-image-caption { width: unset !important; }
/* Fix Images */
.image-container.floatright {
float: right;
margin-left: 0.7em;
}
/* Fix Modals */
#odialog-container .content > h1 ~ table, #odialog-container .modal-body > h1 ~ table {
grid-auto-rows: auto;
}
/* Editor Font */
#edit-page-textarea {
font-family: var(--editor-font);
}
/* Make some variables editable at :root level */
#side-bar {
--sideblock-heading-text-color: inherit;
}
}
/* Content Warning (For Explicit Content)*/
#page-content div#u-adult-warning {
width: fit-content;
margin: 0 auto 1.25rem;
padding: 0.5rem 1rem;
border: 3px solid #333;
background: #e4e4e4;
color: #333;
text-align: center;
font-weight: bold;
}
#page-content div#u-adult-warning > div#u-adult-header {
font-size: 300%;
text-shadow: 1px 2px 3px rgba(0, 0, 0, .5);
color: #901;
}
#page-content div#u-adult-warning > div#u-adult-header p {
margin: 0;
}
#page-content div#u-adult-warning > .error-block {
color: unset;
padding: unset;
margin: unset;
border: unset;
margin-bottom: 1em;
}
#odialog-container .owindow>div.modal-body>img[style*="padding: 2px 8px;"]:first-child {
background-color: initial!important;
}