Guts And Glory Theme

This theme was created by RatifTheRatGod!.

To import this theme to your page, put the following text anywhere inside it:

[[include :backrooms-wiki:theme:guts-and-glory]]

HHAHAHA !! GORE !!!!

God wills your complete victory. Thrill travels through adrenaline straight to your skull. Complete ecstasy.

A horizontal rule can be created with 5 hyphens "-----" and extends across the whole page if it's not placed inside anything (for example, 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

Pancreas

Lungs

Small Intestine

Large Intestine

Brain

Heart

Tabulator

This is a tab view.

Tabulation

Did you know that the small intestine is actually longer than the large intestine?

Long Tab

Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.
Blood splatter.

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

[[div class="lungblock"]]

[[/div]]

[[div class="intestineblock"]]

[[/div]]

[[div class="whiteblock"]]

[[/div]]

[[div class="blackblock"]]

[[/div]]

[[div class="bloodblock"]]

[[/div]]

[[div class="bladeblock"]]

[[/div]]

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

[[/div]]

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

[[/div]]

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

[[/div]]

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

[[/div]]

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

[[/div]]

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

[[/div]]

Title Test

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

[[/div]]

Title Test

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

[[/div]]

Title Test

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

[[/div]]

Title Test

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

[[/div]]

---

This is the normal font of the theme.
This is the italic font of the theme.
This is the monospaced font of the theme.
This is the bolded font of the theme.
This is the header and title font of the theme.

---

[+] Theme Code

@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Atheme/1);
@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
 
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@500&display=swap');
 
:root {
   --theme-base: "liminal";
   --theme-id: "guts-and-glory";
   --theme-name: "Guts and Glory";
 
   --logo-image: none;
   --header-title: "The Backrooms";
   --header-subtitle: "Endless halls evoke a prime realm for battle.";
 
   --body-font: 'Lora';
   --header-font: 'Cinzel';
   --title-font: 'Cinzel';
   --mono-font: 'Inconsolata', monospace;
 
   --white-monochrome: 238, 233, 240;
   --black-monochrome: 14, 5, 15;
   --gray-monochrome: var(--purple-red-monochrome);
   --dark-crimson: 43, 9, 14;
   --starburst-pink: 205, 93, 102;
   --starburst-red: 186, 31, 52;
   --purple-red-monochrome: 66, 24, 32;
   --blood-monochrome: 145, 23, 31;
   --vibrant-red: 232, 14, 28;
   --steel-monochrome: 143, 143, 143;
   --link-colour: 240, 65, 76;
   --steelblock-text: 102, 13, 27;
   --dark-accent: var(--dark-crimson);
 
   --swatch-topmenu-border-color: var(--steel-monochrome);
   --swatch-menubg-color: var(--steel-monochrome);
   --swatch-menutxt-general-color: var(--dark-crimson);
   --swatch-border-color: var(--black-monochrome);
   --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
   --swatch-topmenu-border-color: var(--black-monochrome);
   --swatch-topmenu-bg-color: var(--black-monochrome);
   --swatch-primary: var(--starburst-red);
   --swatch-menutxt-light-color: var(--black-monochrome);
   --modal-body-header-txt: var(--white-monochrome);
    --swatch-text-secondary-color: var(--white-monochrome);
    --swatch-text-tertiary-color: var(--black-monochrome);
    --header-gradient-color-bottom: var(--vibrant-red);
    --header-gradient-color-middle: var(--black-monochrome);
    --header-gradient-color-top: var(--black-monochrome);
 
   --link-color: var(--link-colour);
   --hover-link-color: var(--link-colour);
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--starburst-red)) 0%,
      rgba(var(--dark-crimson), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
body {
  background-color: rgb(var(--dark-crimson));
  color: rgb(var(--vibrant-red));
}
 
h0, h1, h2, h3, h4, h5, h6 {
   color: rgb(var(--white-monochrome));
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--dark-crimson)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--dark-crimson), 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 {
   background-color: rgb(var(--dark-crimson));
   border-radius: 0em;
   -moz-border-radius: 0em;
   color: rgb(var(--vibrant-red));
   border: solid rgb(var(--steel-monochrome)) 1px;
}
 
#search-top-box-input,
#search-top-box-form input[type=submit],
#search-top-box-input:focus, #search-top-box-input:hover {
   border-color: rgb(var(--steel-monochrome));
}
 
.scp-image-block .scp-image-caption {
   background-color: rgb(var(--black-monochrome));
}
 
#search-top-box-input:focus,
#search-top-box-input:hover {
   color: rgb(var(--dark-crimson));
}
 
#page-title {
   color: rgb(var(--white-monochrome));
}
 
table.wiki-content-table th {
background-color: rgb(var(--black-monochrome));
border: 2px solid rgb(var(--white-monochrome)) !important;
color: rgb(var(--vibrant-red));
}
 
table.wiki-content-table td {
border: 2px solid rgb(var(--black-monochrome)) !important;
background-color: rgb(var(--black-monochrome));
color: rgb(var(--vibrant-red));
}
 
blockquote {
   background-color: rgb(var(--dark-crimson));
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.lungblock {
   background-color:rgb(var(--starburst-pink));
   color: rgb(var(--dark-crimson));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.intestineblock {
   background-color:rgb(var(--starburst-red));
   color: rgb(var(--dark-crimson));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.whiteblock{
   background-color:rgb(var(--white-monochrome));
   color: rgb(var(--dark-crimson));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.blackblock {
   background-color:rgb(var(--black-monochrome));
   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);
}
 
.bloodblock {
   background-color:rgb(var(--blood-monochrome));
   color: rgb(var(--dark-crimson));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.bladeblock {
   background-color:rgb(var(--steel-monochrome));
   color: rgb(var(--steelblock-text));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--starburst-pink));
   border-left: 0.5rem solid rgba(var(--starburst-red));
   color: rgb(var(--dark-crimson));
   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(--starburst-red));
   border-left: 0.5rem solid rgba(var(--starburst-pink));
   color: rgb(var(--dark-crimson));
   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);
}
 
.white-styled-quote {
   background-color:rgb(var(--white-monochrome));
   border-left: 0.5rem solid rgba(var(--black-monochrome));
   color: rgb(var(--dark-crimson));
   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);
}
 
.black-styled-quote {
   background-color:rgb(var(--black-monochrome));
   border-left: 0.5rem solid rgba(var(--white-monochrome));
   color: rgb(var(--white-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);
}
 
.blood-styled-quote {
   background-color:rgb(var(--blood-monochrome));
   color: rgb(var(--dark-crimson));
   border-left: 0.5rem solid rgba(var(--steel-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);
}
 
.blade-styled-quote {
   background-color:rgb(var(--steel-monochrome));
   border-left: 0.5rem solid rgba(var(--blood-monochrome));
   color: rgb(var(--blood-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);
}
 
.blood-titleblock {
   background-color: rgb(var(--blood-monochrome));
   color: rgb(var(--steel-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(--steel-monochrome)) 2px;
}
 
.blood-titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--blood-monochrome));
  border: solid rgb(var(--steel-monochrome)) 2px;
  color: rgb(var(--steel-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.blade-titleblock {
   background-color: rgb(var(--steel-monochrome));
   color: rgb(var(--blood-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(--blood-monochrome)) 2px;
}
 
.blade-titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--steel-monochrome));
   border: solid rgb(var(--blood-monochrome)) 2px;
  color: rgb(var(--blood-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.white-titleblock {
   background-color: rgb(var(--white-monochrome));
   color: rgb(var(--black-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(--black-monochrome)) 2px;
}
 
.white-titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--white-monochrome));
  border: solid rgb(var(--black-monochrome)) 2px;
  color: rgb(var(--black-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.black-titleblock {
   background-color: rgb(var(--black-monochrome));
   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(--white-monochrome)) 2px;
}
 
.black-titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--black-monochrome));
  border: solid rgb(var(--white-monochrome)) 2px;
  color: rgb(var(--white-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: rgb(var(--vibrant-red));
    -webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 rgb(var(--black-monochrome));
    box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(var(--black-monochrome));
}
 
/* Unselected Tab Values */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--black-monochrome));
    color: rgb(var(--vibrant-red));
}
 
/* Tab Hover Values */
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: rgb(var(--black-monochrome));
    color: rgb(var(--vibrant-red)) !important;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--black-monochrome));
    -webkit-box-shadow: 0 0 0 0.0625rem rgb(var(--black-monochrome));
    box-shadow: 0 0 0 0.0625rem rgb(var(--black-monochrome));
}
 
/* Selected Tab */
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav .selected:hover,
.yui-navset .yui-navset-top .yui-nav .selected:hover {
    color: rgb(var(--vibrant-red));
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    color: rgb(var(--dark-crimson));
}
 
.yui-navset .yui-nav .selected a {
    /* Undoes a color set by wikidot's default layout */
    color: rgb(252, 252, 252) !important;
}
 
.yui-navset .yui-content {
    background-color: rgb(var(--dark-crimson));
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: rgb(var(--black-monochrome));
}
 
.yui-navset-left .yui-content {
    border-left-color: rgb(var(--black-monochrome));
}
/* Selected tab top colour */
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
        background-color: rgb(var(--dark-crimson));
        color: #000000;
}

---

[+] Credits

This theme was made by RatifTheRatGod!.

The sample image used was taken by Cassi Josh, and is free to use under the unsplash license.

Footnotes

1. foot foot foot get stomped on like a bug