Terror Hotel

This Theme Was Created By Kyrenzane10 And The Base Of This Theme Is The Bluebird Theme, Which Was Created By CutTheBirch. To Import This Theme To Your Page, Put The Following Text Anywhere Inside It:

[[include :backrooms-sandbox-2:theme:terror-hotel]]

Enjoy Your Stay.

Examples:

A horizontal rule can be created with 5 hyphens "-----" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.

---

Titles can be created by putting between one and six plus "+" at the start of the line

Titles

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title

Tabulator

This is a tab view.

Tabulation

Hey look, more text here.

How quaint.

Long Tab

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This empty tab has a really long name for some odd reason. I wonder why?

Empty Tab

Empty Tab

Empty Tab

Empty Tab

Empty Tab

This is a blockquote, created by putting "> " at the start of each line.
More text

---

That's a horizontal rule

Nested blockquotes¹

This is a	table
You should know	how to make these
already

Title Test
[[div class="titleblock"]]
[[span class="titlebox"]]Title Test[[/span]]

[[/div]]

[[div class="styled-quote"]]

[[/div]]

[[div class="dark-styled-quote"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

Enjoy Your Stay.
Enjoy Your Stay.
Enjoy Your Stay.
Enjoy Your Stay.
Enjoy Your Stay.
Enjoy Your Stay.

---

The Header Font Used Is Oregano.
The Title Font Used Is Uni Sansheavy Caps.
The Body Font Used Is Proxima Nova.
The Monospace Font Used Is Fantasque Sans Mono.

---

+ Theme Code

@import url('https://fonts.googleapis.com/css2?family=Oregano&display=swap');
@import url("http://vivarium.wdfiles.com/local--files/backrooms%3Avivtheme/stylesheet.css");
 
:root {
    --theme-base: "bluebird-theme";
    --theme-id: "terror-hotel-theme";
    --theme-name: "Terror Hotel Theme";
 
    --logo-image: url("https://media.discordapp.net/attachments/807303918505689098/836997150059659324/Webp.net-gifmaker_3.gif");
    --header-title: "Terror Hotel";
    --header-subtitle: "Enjoy Your Stay.";
 
    --white-monochrome: 223, 213, 203;
    --pale-gray-monochrome: 244, 234, 234;
    --light-pale-gray-monochrome: var(--pale-gray-monochrome);
    --very-light-gray-monochrome: 225, 225, 225;
    --light-gray-monochrome: var(--pale-gray-monochrome);
    --gray-monochrome: var(--dark-accent);
    --dark-gray-monochrome: var(--bright-accent);
    --black-monochrome: var(--dark-accent);
    --pale-accent: 140, 136, 126;
    --bright-accent: 130, 126, 116;
    --medium-accent: 150, 146, 136;
    --dark-accent: 72, 69, 60;
 
   --body-font: 'proxima-nova', sans-serif;
   --header-font: 'Oregano', cursive;
   --title-font: 'uni_sansheavy_caps', monospace;
   --mono-font: 'Fantasque Sans Mono', monospace;
 
    --header-gradient-color-bottom: var(--dark-accent);
    --header-gradient-color-middle: var(--bright-accent);
    --header-gradient-color-top: var(--bright-accent);
    --swatch-menubg-color: var(--pale-gray-monochrome);
    --swatch-topmenu-border-color: var(--dark-accent);
    --link-color: var(--bright-accent);
    --hover-link-color: var(--link-color);
 
    --rating-module-button-plus-color: var(--dark-accent);
    --rating-module-button-negative-color: var(--dark-accent);
    --rating-module-button-cancel-color: var(--dark-accent);
    --rating-module-button-credit-color: var(--dark-accent);
 
--gradient-header: linear-gradient(
     to top,
     rgb(var(--header-gradient-color-bottom)) 0%,
     rgb(var(--header-gradient-color-middle)) 90%,
     rgb(var(--header-gradient-color-top)) 100%
    );
}
 
#container {
   background-image: none;
}
 
#header::before {
   left: -16.5rem;
   background-size: auto 14rem;
}
 
#skrollr-body {
    background-image:
     var(--gradient-header),
     var(--gradient-topmenu),
     var(--gradient-background)!important;
    background-size:
     var(--header-background-image-size),
     100% var(--final-header-height-on-desktop),
     100% var(--background-gradient-distance);
}
 
.page-rate-widget-box {
     padding: .1em;
     border-radius: 0px 10px 0px 10px;
     border-color: rgb(var(--dark-accent));
}
 
.page-rate-widget-box,
.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel {
   background: rgb(var(--pale-accent)) !important;
}
 
h1, h2, h3, h4, h5, h6 {
    color: rgb(var(--bright-accent));
}
 
#page-title {
   color: rgb(var(--bright-accent));
   border-color: rgb(var(--bright-accent));
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--pale-accent));
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    -webkit-box-shadow: 0 0 0 0.0625rem rgb(var(--dark-accent));
    box-shadow: 0 0 0 0.0625rem rgb(var(--dark-accent));
}
 
.yui-navset .yui-content {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: rgb(var(--dark-accent));
}
 
div.blockquote, blockquote {
    background-color: rgb(var(--pale-accent));
    border-color: rgb(var(--dark-accent));
}
 
table.wiki-content-table th {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--pale-gray-monochrome));
}
 
.footnotes-footer {
    border-color:  rgb(var(--dark-accent));
}
 
#side-bar .side-block {
    color: rgb(var(--pale-gray-monochrome));
}
 
#side-bar:hover {
    background:  rgb(var(--bright-accent));
}
 
.scp-image-block {
   border: none;
}
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav .selected a:active,
.yui-navset .yui-nav .selected a:focus {
    background-color: rgb(var(--dark-accent));
}
 
.styled-quote,
.lightblock {
    background-color: rgb(var(--pale-accent));
}
 
.titleblock {
   background-color: rgb(var(--pale-accent));
   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(--dark-accent)) 2px;
}
 
.titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--dark-accent));
  color: rgb(var(--pale-gray-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.footnotes-footer {
    background-color: rgb(var(--pale-accent));
}
 
table.wiki-content-table td,
table.wiki-content-table th {
   border-color: rgb(var(--dark-accent)) !important;
}
 
#account-topbutton {
   border-color: rgb(var(--pale-gray-monochrome));
}
 
#login-status a {
   color: rgb(var(--pale-gray-monochrome));
}
 
hr {
    border-color: rgb(var(--dark-accent));
    background-color: rgb(var(--dark-accent));
}
 
html,
#lock-info,
div.note,
input.checkbox,
input.text,
textarea {
    scrollbar-color: rgba(var(--medium-accent), 0.7) rgba(var(--swatch-tertiary-color), .1);
}
 
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb,
input.text::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
    background: rgba(var(--medium-accent), 0.7)
}
 
.darkblock a,
.dark-styled-quote a {
    color: rgb(var(--link-color));
}
 
.darkblock hr,
.dark-styled-quote hr {
   border-color: rgb(var(--pale-gray-monochrome));
   background-color: rgb(var(--pale-gray-monochrome));
}
 
.darkblock a.newpage,
.dark-styled-quote a.newpage {
    color: rgb(var(--newpage-color));
}
 
.sd-container {
 
--sd-font:Oregano;
 
--sd-border-secondary:255,255,255; 
--sd-border-secondary:72,69,60;
--sd-border-deadzone:72,69,60;
 
--class-0:223,213,203;
--class-1:223,213,203;
--class-2:150,146,136;
--class-3:140,136,126;
--class-4:130,126,116;
--class-5:72,69,60;
--class-unknown:72,69,60;
--class-habitable:140,136,126;
--class-deadzone:72,69,60;
--class-pending:223,213,203;
--class-n-a:72,69,60;
--class-amended:223,213,203;
--class-omega:150,146,136;
}

Footnotes

1. And here's a footnote!