Unveiled Initiative

This theme is brought to you by Schulzenreich [by stealing and copying pre-existing CSS like a goblin].

List of people I've stolen CSS from [Massive credits to them.]: VivamusLudio; MyrandFox; DrBobtail; Stretchsterz.

Special thanks to JamiMyst for the logo and CutTheBirch for the greenlight!

To import this theme to your page, insert this text anywhere inside it:

[[include :backrooms-wiki:theme:unveiled-initiative]]

The header and title font is Trispace, sans-serif.
The body font is M PLUS 1 Code, sans-serif.
The mono font is Cutive Mono, monospace.

Examples:

Ours is the Unbound Insight.

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

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

[+ TITLES]

This is a tab, you can put many things in it.

This is a blockquote, created by putting ">" at the start of each line.
For example: "> This is a blockquote, created by putting ">" at the start of each line."

Oop, watch out, that was a horizontal rule.

This here is a nested blockquote, you can create this fella by putting two ">" at the start of each line.
For example: ">> This here is a nested blockquote, you can create this fella by putting two ">" at the start of each line."

Here's a final one for you, since you wanted more. This is created by putting three ">" at the start of each line.
For example: ">>> Here's a final one for you, since you wanted more. This is created by putting three ">" at the start of each line."
Oh and before I go, have a foot¹

This here	is a table.
You should probably know	how to make these.
Since it's pretty nice.

[[div class="lightblock"]]

I AM THE LIGHT THAT BURNS!

[[/div]]

[[div class="darkblock"]]

i am the dark that comforts.

[[/div]]

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

I AM BOTH THE LIGHT THAT BURNS AND THE DARK THAT COMFORTS!

[[/div]]

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

i am both the dark that comforts and the light that burns.

[[/div]]

[[div class="light-borderblock"]]

TOGETHER WE ARE UNITED!

[[/div]]

[[div class="dark-borderblock"]]

we are united together.

[[/div]]

WHAT ARE WE NOW!?
[[div class="titleblock"]]
[[span class="titlebox"]]WHAT ARE WE NOW!?[[/span]]

[[/div]]

Hi, I'm a normal text. But you, you, my friend, can call me a normal text.

Hello, my name is an italicized text. You can call me italicized or something.

YO! I'M A RATHER BOLD GUY. YOU CAN CALL ME BOLDED TEXT!

hi i'm underlined text

Someone pierced a spear in me and I can't take it out.

I'm a rather fancy teletyped text. Though you can call me monospaced text too.

^{I am high above!}

_{I am low below…}

Schulze reckons that this is a link that, in fact, does not exist!

Schulze has visited this link.

Schulze bets you haven't visited this link!

Show Theme Code.

Hide Theme Code.

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Trispace:wght@500&display=swap');
 
@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "unveiled-initiative";
   --theme-name: "Unveiled Initiative";
 
   --logo-image: url("https://backrooms-wiki.wdfiles.com/local--files/theme%3Aunveiled-initiative/unveiled-initiative.png");
   --header-title: "Unveiled Initiative";
   --header-subtitle: "Ours is the Unbound Insight";
 
   --body-font: 'M PLUS 1 Code', sans-serif;
   --mono-font: 'Cutive Mono', monospace;
   --header-font: 'Trispace', sans-serif;
   --title-font: 'Trispace', sans-serif;
 
   --mainAccent: 50, 70, 155;
 
   --white-monochrome: 10, 15, 31;
   --pale-gray-monochrome: var(--gray-monochrome);
   --light-gray-monochrome: var(--gray-monochrome);
   --gray-monochrome: 9, 22, 70;
   --black-monochrome: 113, 129, 206;
   --bright-accent: var(--mainAccent);
   --medium-accent: var(--black-monochrome);
   --dark-accent: var(--gray-monochrome);
   --pale-accent: var(--mainAccent);
   --dark-gray-monochrome: 49, 63, 124;
 
   --link-color: 80, 104, 206;
   --hover-link-color: 80, 104, 206;
   --visited-link-color: 63, 81, 162;
 
   --swatch-headerh1-color: var(--white-monochrome);
   --swatch-headerh2-color: var(--white-monochrome);
 
   --swatch-topmenu-border-color: var(--gray-monochrome);
   --swatch-topmenu-bg-color: var(--gray-monochrome);
   --swatch-menutxt-light-color: var(--black-monochrome);
 
   --rating-module-button-plus-color: var(--black-monochrome);
   --rating-module-button-negative-color: var(--black-monochrome);
   --rating-module-button-cancel-color: var(--black-monochrome);
   --rating-module-button-credit-color: var(--black-monochrome);
}
 
#header {
    --search-icon-color: var(--white-monochrome);
 
    --login-line-divider-color: var(--white-monochrome);
    --login-username-color: var(--white-monochrome);
    --login-myaccount-color: var(--white-monochrome);
    --login-myaccount-hover-color: var(--black-monochrome);
 
    --login-dropdown-text-color: var(--white-monochrome);
}
 
#header h1 a:hover:before {
     text-shadow: var(--header-text-shadow);
}
 
#main-content {
    --tabs-hover-txt: var(--white-monochrome);
    --tabs-selected-txt: var(--black-monochrome);
    --footnotes-footer-title-bg-color: var(--black-monochrome);
    --footnotes-footer-title-text-color: var(--white-monochrome);
}
 
body #content-wrap .yui-navset .yui-nav .selected a {
    color: rgb(var(--black-monochrome)) !important;
}
 
/*Image position.*/
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: -1.1rem;
   top: -0.2rem;
   background-image: var(--logo-image);
   background-size: auto 7.3rem;
   background-position: left;
   background-repeat: no-repeat;
   opacity: 1;
}
 
/*Upper header.*/
#header h1, #header h1 a {
   position: absolute;
   left: 3.2rem;
   top: 0.7rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
   z-index: 0;
}
 
/*Lower header.*/
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   left: 2.3rem;
   top: 1.7rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
}
 
/*Container.*/
#container {
   background-image: none
}
 
/*Login.*/
#login-status{
   color: rgb(var(--white-monochrome));
}
 
#login-status ul a {
  color: rgb(var(--white-monochrome));
}
 
/*Account*/
#account-topbutton {
   border-color: rgb(var(--swatch-text-light));
}
 
#account-options {
   border-color: rgb(var(--swatch-text-light));
   background-color: rgb(var(--swatch-text-general));
}
 
#account-options li a:hover {
    color: rgb(var(--swatch-text-light));
}
 
/*Search.*/
#search-top-box-input{
background: rgb(var(--black-monochrome));
border-color: rgb(var(--white-monochrome));
}
 
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover {
   color: rgb(var(--swatch-text-general));
}
 
/*Tabview.*/
 
/*Content BG.*/
.yui-navset .yui-content {
     background-color: rgba(var(--black-monochrome), 0.25);
     border-color: rgb(var(--black-monochrome));
}
 
/*Hover Tab BG.*/
#page-content .yui-navset .yui-nav a:hover,
#page-content .yui-navset .yui-nav a:focus {
     background-color: rgba(var(--black-monochrome), .25);
     color: rgb(var(--white-monochrome));
}
 
/*Selected Tab BG.*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--dark-gray-monochrome));
}
 
#page-content .yui-navset .yui-nav .selected a:focus,
#page-content .yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--white-monochrome));
}
 
/*Titles.*/
.lightblock h1,
.styled-quote h1,
.light-borderblock h1 {
   color: rgb(var(--white-monochrome));
}
 
/*Div Blocks.*/
.styled-quote {
   background-color:rgb(var(--black-monochrome));
   border-left: 0.5rem solid rgba(var(--gray-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);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--black-monochrome));
   color:rgb(var(--black-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);
}
 
.dark-styled-quote a {
   color: rgb(var(--link-color));
}
 
.dark-styled-quote a:visited {
   color: rgb(var(--visited-link-color));
}
 
.light-borderblock {
    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);
    border: solid 0.3rem rgb(var(--gray-monochrome));
}
 
.dark-borderblock {
    background-color:rgb(var(--gray-monochrome));
    color:rgb(var(--black-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);
    border: solid 0.3rem rgb(var(--black-monochrome));
}
 
.lightblock {
   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);
}
 
.darkblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--black-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 {
   color: rgb(var(--link-color));
}
 
.darkblock a:visited {
   color: rgb(var(--visited-link-color));
}
 
.titleblock {
  background-color: rgb(var(--gray-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,.5);
  border: solid rgb(var(--black-monochrome)) 2px;
}
 
.titlebox{
  color: rgb(var(--white-monochrome));
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--black-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
/* ==SD CLASS CODE== */
 
.sd-container {
   --sd-bullets:var(--sd-text);
}

Hide Theme Code.

_legacy_theme goi-theme theme

page revision: 30, last edited: 29 Dec 2023 13:20

Edit Rate (+21) Tags Discuss (8) History Files Print Site tools + Options

The Backrooms

You've been here before.

Examples:

Title Number One in English

Titulo Numero Dos in Filipino

Titel Nummer Drei in German

Titulus Numerus Quattuor in Latin

Título Número Cinco in Spanish

Titolo Numero Sei in Italian