Black Knights Theme

[[iftags +component]]

This is a component which lets you link to translations of your page on international language wikis!
It has three parameters you can set:
|lang= This should be set to the languages you want links displayed to, seperated by spaces.
To show all of them, you would set |lang= ar cn de en es fr id it ko pl ptbr ru th tok vn (those are all the valid language codes, set as many as you want)
|style= which adds CSS to it. A good use of this is to give it |style=float:left; and then after that put the rating module to the right to display them next to each other on the top of the page!
|title= which changes the default "Languages:" title. A good use of this is in other branches where they can make their local component link to this directly after changing the title! This will default to “Languages:” if not specified.
The flags are taken from Iconfinder.

NOTE TO STAFF — The flags are sorted by alphabetical order. Please keep it this way when adding new ones.

Demo:
[[include :backrooms-wiki:component:translations
|lang=ar cn de en es fr id it ko pl ptbr ru th tok vn
|style=float:right;
|title=Languages:
]]

[[/iftags]]

This theme was created by Hylius. To import this theme to your page, put the following text anywhere inside it:

[[include :backrooms-wiki:theme:bk]]

The Black Knights

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

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

[[/div]]

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

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

Go with virtue.
Go with virtue.
Go with virtue.
Go with virtue.
Go with virtue.
Go with virtue.

---

+ Theme Code

/*
   Black Knights Theme
   by Hylius
 
   based on
 
   Liminal Theme
   [2020 Wikidot Theme]
   by Lynch & Etoile
*/
 
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
@import url("https://scpdsandbox.wikidot.com/local--files/lynchtest/stylesheet.css");
@import url("https://backrooms-sandbox.wikidot.com/local--files/wktest/stylesheet.css");
 
@import url("https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1");
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "bk";
   --theme-name: "Black Knights Theme";
 
   --logo-image: url("http://backrooms-sandbox.wdfiles.com/local--files/theme%3Abk/BKLOGO.png");
   --header-title: "wbZu ⠀⠀⠀ xNeh";
   --header-subtitle: "Go with virtue.";
 
   --body-font: Droid Sans, sans-serif;
   --header-font: 'runic_lossregular', monospace;
   --title-font: 'Droid Sans', monospace;
   --mono-font: 'Droid Sans Mono', monospace;
 
   --white-monochrome: 5, 5, 5;
   --pale-gray-monochrome: 0, 150, 150;
   --light-gray-monochrome: 0, 100, 100;
   --gray-monochrome: 0, 69, 60;
   --black-monochrome: 200, 200, 200;
   --bright-accent: 0, 255, 255;
   --medium-accent: 0, 200, 200;
   --dark-accent: 0, 200, 200;
   --pale-accent: 0, 200, 200;
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: 0, 255, 255;
   --hover-link-color: 0, 255, 255;
 
   --background-gradient-distance: 0rem;
 
   --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;
}
 
#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;
}
 
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;
}
 
/* content background color */
#content-wrap #page-content .yui-navset .yui-content {
    background-color: rgba(var(--medium-accent), 0.25);
}
 
/* content border */
#content-wrap #page-content .yui-navset .yui-content,
#content-wrap #page-content .yui-navset .yui-navset-top .yui-content {
    border: 1px solid rgb(var(--medium-accent));
}
 
#page-content .footnotes-footer,
#page-content .bibitems {
    background-color: rgba(var(--medium-accent), .25);
}
 
#page-content .footnotes-footer .title,
#page-content .bibitems .title {
    color: rgb(var(--white-monochrome));
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.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(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-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 a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.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(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(--swatch-menubg-medium-color));
}
 
.loss {
  font-family: 'runic_lossregular';
  font-size: 2em;
}
 
.gain {
  font-family: 'wkrunesregular';
  font-size: 2em;
}
 
 /* ==SD CLASS CODE== */
 
.sd-container {
   --sd-text:222,222,222;
   --sd-border:var(--medium-accent);
   --sd-bullets:var(--medium-accent);
   --sd-symbol:var(--medium-accent);
}

Author

Author:
Hylius

Footnotes

1. And here's a footnote!