Stellar Theme

Link to article: Stellar Theme.

@import url("https://scp-wiki.wdfiles.com/local--code/component:wide-image-sizer/1");
@import url("https://scp-wiki.wdfiles.com/local--code/theme:basalt/1");
@import url(https://scp-wiki.wikidot.com/theme:stellar/code/1);

display: flex; flex-flow: row wrap; justify-content: space-between; gap: 2.5rem;

```
padding-bottom: 23rem; flex-grow: 1;
```
```
padding-bottom: 23rem; flex-grow: 1;
```

display: flex; flex-flow: row wrap; gap: 2.5rem;

```
section
```
```
nametag
```
```
section
```
```
section
```
```
section
```
```
section
```
```
section
```
```
st
```
```
st
```
```
specialtext
```
```
specialtext
```
```
bt
```
```
bt
```
```
bigtext
```
```
bigtext
```
```
section
```
```
section
```
```
blockquote-dark
```
```
blockquote-dark
```
```
blockquote-dark
```
```
blockquote-dark
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
blockquote
```
```
notation
```
```
notation
```
```
jotting
```
```
jotting
```
```
modal
```
```
modal
```
```
smallmodal
```
```
smallmodal
```
```
papernote
```
```
papernote
```
```
section
```
```
floatbox
```
```
floatbox
```
```
floatbox
```
```
right
```
```
floatbox
```
```
right
```
```
document
```
```
document
```
```
darkdocument
```
```
darkdocument
```
```
raisa_memo
```
```
raisa_memo
```
```
classification_memo
```
```
classification_memo
```
```
ettra_memo
```
```
ettra_memo
```
```
ethics_memo
```
```
ethics_memo
```
```
temporal_memo
```
```
temporal_memo
```
```
overwatch_memo
```
```
overwatch_memo
```
```
miscomm_memo
```
```
miscomm_memo
```
```
section
```
```
table1
```
```
table1
```
```
table2
```
```
table2
```
```
table3
```
```
table3
```
```
table4
```
```
table4
```
```
table5
```
```
table5
```
```
table6
```
```
table6
```
```
section
```

[[module CSS]]
@import url("https://scp-wiki.wdfiles.com/local--code/component:wide-image-sizer/1");
@import url("https://scp-wiki.wdfiles.com/local--code/theme:basalt/1");
@import url(https://scp-wiki.wikidot.com/theme:stellar/code/1);
[[/module]]
[[iftags +theme]]

[[>]]
[[module Rate]]
[[/>]]

++ Info
[[div class="section"]]
[[=]]
[[div class="nametag"]]
+ Stellar
[[/div]]

You can use this theme on any page by putting the following at the top of your page:
{{@@[[include :scp-wiki:theme:stellar]]@@}}

Stellar is an aesthetic theme for the SCP Wiki by [[*user GeminidStrix]], built off of Basalt, the Foundation of this theme. Visit [[[https://scp-wiki.wikidot.com/theme:basalt|Basalt's wiki page]]] or [[[https://basalt-team.github.io/Basalt|its home on GitHub]]] for more info, including all of the CSS variables it offers.
[[/=]]
[[/div]]

@@ @@
----
@@ @@

++ Sections
[[div class="section"]]
[[=]]
{{@@++ Example Title@@}}
{{@@[[div class="section"]]@@}}

This is a section. It can be used to split your piece up into separate sections!
[[/=]]
[[/div]]

@@ @@

[[div class="section"]]
[[=]]
{{@@[[div class="section"]]@@}}

This is a title-less section.
[[/=]]
[[/div]]

@@ @@
----
@@ @@


++ Text Elements
[[div class="section"]]
A horizontal rule can be created with 4 hyphens "- - - -" and extends across the whole page if it's not placed inside anything (eg a blockquote).

----

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

[[collapsible show="+ Collapsible - Click me" hide="- Collapsible - Click me"]]
+ First Title

++ Second Title

+++ Third Title

++++ Fourth Title

+++++ Fifth Title

++++++ Sixth Title

[[span class="st"]]@@[[span class="st"]][[/span]]@@[[/span]] [[span class="specialtext"]]@@[[span class="specialtext"]][[/span]]@@[[/span]]

[[span class="bt"]]@@[[span class="bt"]][[/span]]@@[[/span]] [[span class="bigtext"]]@@[[span class="bigtext"]][[/span]]@@[[/span]]
[[/collapsible]]
[[/div]]

@@ @@
----
@@ @@

++ Tabs and Tables
[[div class="section"]]
[[tabview]]
[[tab Tabulator]]
This is a tab view.[[footnote]]This is a footnote.[[/footnote]]
[[/tab]]
[[tab Tabulation]]
Hey look, more text here.

How quaint.
[[/tab]]
[[tab 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.
[[/tab]]
[[tab This tab has a really long name for some odd reason. I wonder why? It is very strange.]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
I miss when we could trust each other.
[[/tab]]
[[/tabview]]

||~ This is a ||~ table ||
||You should know || how to make these ||
||||already ||
[[/div]]

@@ @@
----
@@ @@

++ Text Block Formatting
[[div class="section"]]
[[div class="blockquote-dark"]]
This is a blockquote class, created by using {{@@[[div class="blockquote-dark"]]@@}}.

Or by putting "> " at the start of each line.
----
That's a horizontal rule
[[div class="blockquote-dark"]]
Nested Blockquotes
[[div class="blockquote-dark"]]
Nested-Nested Blockquotes
[[/div]]
[[/div]]
[[/div]]

[[div class="blockquote"]]
This is a blockquote class, created by using {{@@[[div class="blockquote"]]@@}}.

More Text
----
That's a horizontal rule
[[div class="blockquote"]]
Nested Blockquotes
[[div class="blockquote"]]
Nested-Nested Blockquotes
[[/div]]
[[/div]]
[[/div]]

[[div class="notation"]]
{{@@[[div class="notation"]]@@}}
[[/div]]

[[div class="jotting"]]
{{@@[[div class="jotting"]]@@}}
[[/div]]

[[div class="modal"]]
{{@@[[div class="modal"]]@@}}
[[/div]]

[[div class="smallmodal"]]
{{@@[[div class="smallmodal"]]@@}}
[[/div]]

[[div class="papernote"]]
{{@@[[div class="papernote"]]@@}}
[[/div]]

[[/div]]

@@ @@
----
@@ @@

++ Images and Floatboxes
[[div class="section"]]
[[include component:image-block | name=https://scp-wiki-cdn.nyc3.cdn.digitaloceanspaces.com/theme/en/black-highlighter/img/logo.svg | caption=This is a wide image! | align=center | width=100%]]

++++ Wide Image
{{@@[[include component:image-block | name=link_to_your_image | caption=Test Caption | align=center | width=100%]]@@}}

++++ Standard Image
{{@@[[include component:image-block | name=link_to_your_image | caption=Test Caption | align=left/right/center]]@@}}

++++ Lorem
----

ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum efficitur lectus ut dui condimentum, eu aliquam dui eleifend. Curabitur non facilisis lacus, ac feugiat nisl. Morbi a leo sit amet eros fermentum accumsan. Praesent vel neque eu ligula hendrerit varius. Pellentesque vehicula sodales maximus. Nam at dui mi. Nam vitae tellus malesuada, ultricies tortor at, luctus mi. Donec et ipsum neque. Aliquam eu odio viverra, suscipit justo ut, rutrum erat. Pellentesque a nisl lacus.

[[include component:image-block | name=https://scp-wiki-cdn.nyc3.cdn.digitaloceanspaces.com/theme/en/black-highlighter/img/logo.svg | caption=This is not a wide image! | align=right]]

Phasellus volutpat purus lorem, in pharetra diam mattis at. Pellentesque eu nisi enim. Nulla mattis sodales urna. Sed ac posuere eros. Aenean vulputate, ante vel vehicula aliquet, turpis ipsum iaculis lectus, vel feugiat nisl sapien volutpat arcu. Nullam porta nisi eu ante ultricies gravida sit amet vitae massa. Praesent non ipsum eget odio rhoncus commodo. Morbi id nibh in lacus ultrices hendrerit. Phasellus ornare ut risus sed volutpat. Vivamus eu ipsum feugiat, tempus orci pretium, sagittis sapien. Cras sit amet cursus felis, a mattis magna. Morbi pharetra dolor at dapibus aliquet. Suspendisse aliquet sem vel porttitor facilisis.

[[div class="floatbox"]]
[[=]]
{{@@[[div class="floatbox"]]@@}}
This is a floatbox. You can put all kinds of content inside them (except BetterFootnotes, for now). They'll float at one side of the page relative to what's around them.
[[/=]]
[[/div]]


Fusce faucibus egestas pulvinar. Sed eu hendrerit erat. Maecenas nec efficitur erat. Proin maximus urna quis est tristique tempus. Maecenas mollis fringilla erat, a semper ipsum semper at. Morbi sem ex, tempor vitae interdum nec, pharetra sed velit. Ut in malesuada erat. Maecenas nec dui quis arcu iaculis molestie nec et turpis. Etiam consequat elit dui, ac finibus lorem efficitur at. Morbi sed sapien a magna elementum laoreet laoreet non elit. Donec nibh purus, tempor eu malesuada vel, venenatis vel arcu. Cras quis turpis auctor, tincidunt leo ut, egestas lorem. Praesent ut sodales lectus.

[[div class="floatbox right"]]
[[=]]
{{@@[[div class="floatbox right"]]@@}}
[[/=]]
[[/div]]

Nunc vestibulum dapibus lacus imperdiet vulputate. Nullam et diam eget nisl vestibulum molestie. Nunc facilisis sapien id rhoncus aliquam. Nunc hendrerit porta dolor, id ullamcorper sem suscipit at. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec dictum purus sed ligula luctus suscipit. Ut ut purus id massa tincidunt luctus. Morbi in dictum lectus. Phasellus a mollis nisi. Ut quis congue nunc, ac posuere nibh. Etiam sed tincidunt orci, a mollis sapien.

Donec consequat eleifend nunc. Nullam ac ultrices ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam quis luctus purus. Fusce tincidunt tristique justo lobortis pharetra. Mauris quis tristique purus. Etiam elementum velit sed venenatis aliquam. Aenean ornare nibh a mi posuere vulputate. Nam massa velit, porttitor a luctus at, ultricies ac orci. Aenean ut ante turpis. Duis pellentesque felis sit amet ipsum laoreet fermentum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas dapibus euismod nisi vel molestie. Praesent ut tempus orci. Mauris et massa dui. 
[[/div]]

@@ @@
----
@@ @@

++ Document Styles
[[div style="display: flex; flex-flow: row wrap; justify-content: space-between; gap: 2.5rem;"]]
[[div class="document" style="padding-bottom: 23rem; flex-grow: 1;"]]
[[=]]
{{@@[[div class="document"]]@@}}
[[/=]]
[[/div]]

[[div class="darkdocument" style="padding-bottom: 23rem; flex-grow: 1;"]]
[[=]]
{{@@[[div class="darkdocument"]]@@}}
[[/=]]
[[/div]]
[[/div]]

@@ @@
----
@@ @@

++ Memos
[[div class="raisa_memo"]]
**{{@@[[div class="raisa_memo"]]@@}}**
[[/div]]

[[=]]
[[collapsible show="+ More memos" hide="- Hide"]]

With icons by [[*user EstrellaYoshte]] ([[[https://scp-wiki.wikidot.com/desk-of-junior-designer-s-yvonne|see here]]])

[[div class="classification_memo"]]
**{{@@[[div class="classification_memo"]]@@}}**
[[/div]]

[[div class="ettra_memo"]]
**{{@@[[div class="ettra_memo"]]@@}}**
[[/div]]

[[div class="ethics_memo"]]
**{{@@[[div class="ethics_memo"]]@@}}**
[[/div]]

[[div class="temporal_memo"]]
**{{@@[[div class="temporal_memo"]]@@}}**
[[/div]]

[[div class="overwatch_memo"]]
**{{@@[[div class="overwatch_memo"]]@@}}**
[[/div]]

[[div class="miscomm_memo"]]
**{{@@[[div class="miscomm_memo"]]@@}}**
[[/div]]

[[/collapsible]]
[[/=]]

@@ @@
----
@@ @@

++ Coloring
[[div class="section"]]

Some elements can be colored with **{{tableX}}** classes.
This system is designed to connect with the [[[https://scp-wiki.wikidot.com/anomaly-classification-system-guide |Anomaly Classification System]]]; each color signifies a different security clearance level.

@@ @@

[[div style="display: flex; flex-flow: row wrap; gap: 2.5rem;"]]

[[div class="table1"]]
[[include :scp-wiki:component:image-block name=https://scp-wiki-cdn.nyc3.cdn.digitaloceanspaces.com/theme/en/black-highlighter/img/logo.svg|caption=**{{.table1}}**|width=100px]]
[[/div]]

[[div class="table1"]]
||~ {{.table1}} ||
||= Text here ||
||= Text here ||
||= Text here ||
[[/div]]

[[div class="table2"]]
[[include :scp-wiki:component:image-block name=https://scp-wiki-cdn.nyc3.cdn.digitaloceanspaces.com/theme/en/black-highlighter/img/logo.svg|caption=**{{.table2}}**|width=100px]]
[[/div]]

[[div class="table2"]]
||~ {{.table2}} ||
||= Text here ||
||= Text here ||
||= Text here ||
[[/div]]

[[div class="table3"]]
[[include :scp-wiki:component:image-block name=https://scp-wiki-cdn.nyc3.cdn.digitaloceanspaces.com/theme/en/black-highlighter/img/logo.svg|caption=**{{.table3}}**|width=100px]]
[[/div]]

[[div class="table3"]]
||~ {{.table3}} ||
||= Text here ||
||= Text here ||
||= Text here ||
[[/div]]

[[div class="table4"]]
[[include :scp-wiki:component:image-block name=https://scp-wiki-cdn.nyc3.cdn.digitaloceanspaces.com/theme/en/black-highlighter/img/logo.svg|caption=**{{.table4}}**|width=100px]]
[[/div]]

[[div class="table4"]]
||~ {{.table4}} ||
||= Text here ||
||= Text here ||
||= Text here ||
[[/div]]

[[div class="table5"]]
[[include :scp-wiki:component:image-block name=https://scp-wiki-cdn.nyc3.cdn.digitaloceanspaces.com/theme/en/black-highlighter/img/logo.svg|caption=**{{.table5}}**|width=100px]]
[[/div]]

[[div class="table5"]]
||~ {{.table5}} ||
||= Text here ||
||= Text here ||
||= Text here ||
[[/div]]

[[div class="table6"]]
[[include :scp-wiki:component:image-block name=https://scp-wiki-cdn.nyc3.cdn.digitaloceanspaces.com/theme/en/black-highlighter/img/logo.svg|caption=**{{.table6}}**|width=100px]]
[[/div]]

[[div class="table6"]]
||~ {{.table6}} ||
||= Text here ||
||= Text here ||
||= Text here ||
[[/div]]

[[/div]]
[[/div]]

@@ @@
----
@@ @@

++ Font Styles and Includes
[[div class="section"]]
[[=]]
+++* Header font is **Orbitron**.

Body font is **Quantico**.

{{Monospace font is **JetBrains Mono**.}}

+* Included with Stellar

**[[[https://scp-wiki.wikidot.com/component:wide-image-sizer|Wide Image Sizer]]]** by [[*user Woedenaz]] and [[*user aismallard]]
**[[[https://scp-wiki.wikidot.com/component:betterfootnotes|BetterFootnotes]]]** by [[*user EstrellaYoshte]]
**[[[https://scp-wiki.wikidot.com/component:acs-animation|ACS Animation]]]** by [[*user EstrellaYoshte]]
[[/=]]
[[/div]]

@@ @@
----
@@ @@

++ Footnotes
[[footnoteblock]]

@@ @@
----
@@ @@

++* Source Code
[[collapsible]]
[[code type="css"]]
/* ╔═════════════════════════════════════════════════════════════════╗ */
/* ║                                                                 ║ */
/* ║  ______   ______  ______   __       __       ______   ______    ║ */
/* ║ /\  ___\ /\__  _\/\  ___\ /\ \     /\ \     /\  __ \ /\  == \   ║ */
/* ║ \ \___  \\/_/\ \/\ \  __\ \ \ \____\ \ \____\ \  __ \\ \  __<   ║ */
/* ║  \/\_____\  \ \_\ \ \_____\\ \_____\\ \_____\\ \_\ \_\\ \_\ \_\ ║ */
/* ║   \/_____/   \/_/  \/_____/ \/_____/ \/_____/ \/_/\/_/ \/_/ /_/ ║ */
/* ║                                                                 ║ */
/* ╚═════════════════════════════════════════════════════════════════╝ */
/*                                                                     */
/* [2026 Wikidot Theme]                                                */
/* Version 1.0.0                                                       */
/*                                                                     */
/* by GeminidStrix                                                     */
/*                                                                     */
/* Built on Basalt                                                     */
/*                                                                     */

/*---- IMPORTS ----*/

@import url('https://api.fonts.coollabs.io/css2?family=Orbitron:wght@400..900&display=swap&family=Roboto:wght@400..700&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url("https://scp-wiki.wikidot.com/local--files/geminid/fonts.css");
 
:root {
  /*---- BEDROCK VARS ----*/

  --logo: url(https://scp-wiki.wdfiles.com/local--files/component%3Aobject-warning-box-source/scp-logo.svg);

  --header-title: var(--title);
  --header-subtitle: var(--subtitle);
  --title: "SCP Foundation";
  --subtitle: "SECURE - CONTAIN - PROTECT";

  --UI-font-primary: 'Quantico';

  --basalt-overtone: var(--stellar-dark-text-color);
  --basalt-undertone: var(--stellar-highlight-color);
  --basalt-primary-color: var(--stellar-dark-text-color);
  --basalt-secondary-color: var(--stellar-stnd-bg-color);
  --basalt-tertiary-color: var(--stellar-stnd-bg-color);
  --basalt-main-text-color: var(--stellar-light-text-color);
  --basalt-UI-dark-palette: var(--stellar-highlight-color);
  --basalt-bright-element-color: var(--stellar-bright-text-color);
  --basalt-dark-element-color: var(--stellar-dark-text-color);
  --basalt-light-text-color: var(--stellar-light-text-color);
  --basalt-focus-color: var(--stellar-light-text-color);

  --scrollbar-thumb-color: var(--stellar-bright-text-color);
  --scrollbar-track-color: var(--stellar-stnd-bg-color);

  --general-border-color: var(--stellar-bright-text-color);
  --hr-color: var(--stellar-bright-text-color);
  
  --side-bar-heading-text-color-hover: var(--stellar-dark-text-color);
  /*---- BASALT VARS ----*/

  --document-background-color: var(--stellar-light-text-color);
  --darkdocument-background-color: var(--stellar-stnd-bg-color);
 
  --blockquote-background-color: var(--stellar-bright-bg-color);
  --blockquote-border-color: var(--stellar-bright-text-color);

  --button-hover-border-color: var(--stellar-bright-text-color);
  --button-hover-text-color: var(--stellar-light-text-color);
  --button-hover-background-color: var(--stellar-highlight-color);
  --button-background-color: var(--stellar-stnd-bg-color);

  --link-newpage-color: var(--stellar-bright-text-color);
  --link-visited-color: var(--stellar-accent-color);

  --login-status-background-color: var(--stellar-dark-text-color);
  --login-status-link-background-hover: var(--stellar-highlight-color);

  --selection-text-color: var(--stellar-highlight-color);

  --side-bar-link-background-hover: var(--stellar-highlight-color);

  --tab-background-color: var(--stellar-dark-text-color);
  --tab-hover-background-color: var(--stellar-highlight-color);

  --top-bar-link-background-hover: var(--stellar-dark-text-color);

  /*---- STELLAR VARS ----*/
 
  --stellar-bright-text-color: 220, 190, 150; /* gold */
  --stellar-light-text-color: 250, 240, 225;  /* cream */
  --stellar-dark-text-color: 4, 3, 4;         /* dark blueish black */
  --stellar-accent-color: 220, 70, 80;        /* bright red */
  --stellar-highlight-color: 85, 60, 70;      /* dark red */
  --stellar-stnd-bg-color: 15, 15, 25;        /* dark blue (lblue) */
  --stellar-bright-bg-color: 26,26,28;        /* gold blockquote */

  --stellar-light-bg-color: 40, 40, 65;       /* light blue */
  --stellar-dark-bg-color: 40, 30, 40;        /* purple */

  --white-monochrome: 13,13,15;
 
  --stellar-background: url(https://scp-wiki.wikidot.com/local--files/theme:stellar/stellar-theme-background.jpg);
  --body-font-primary: 'Jetbrains Mono';
}

/* Layout */
 
html {
  scroll-behavior: smooth;
}
 
body, html {
  font-family: "Quantico", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
 
body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: rgb(var(--stellar-light-text-color));
  margin: 0;
  position: relative;
}

#extra-div-1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgb(var(--stellar-dark-text-color),1);
  background-image: var(--stellar-background);
  background-position: center;
  background-size: cover;
  z-index: -1;
}

/* Page Elements */
 
blockquote {
  text-align: left;
  border-radius: 1em;
  background-color: rgb(var(--stellar-dark-text-color));
}
 
h1, h2, h3, h4, h5, h6, #page-title {
  font-family: 'Orbitron', Sans-Serif;
}
 
h1, h2, h3, #page-title {
  font-family: 'Orbitron', Sans-Serif;
  color: rgba(var(--stellar-light-text-color), 1);
  text-shadow: 1px 1px 10px rgba(var(--stellar-dark-text-color), 1);
  font-weight: 400;
}
 
p, td {
  font-size: 1rem;
  padding: 0em 1em;
}
 
a {
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  position: relative;
  color: rgba(var(--stellar-bright-text-color), 1);
}
 
a:after {
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: rgba(var(--stellar-light-text-color), 1);
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
a:hover {
  color: rgb(var(--stellar-bright-text-color));
}
 
a:hover:after {
  width: 100%;
  left: 0;
}
 
a[name="page-top"] {
  display:none;
}
 
a:any-link:is(:hover, :focus) {
  text-decoration: none;
}

/* Images */

.borderless-image .scp-image-block {
  border-bottom: none;
}
 
.image-block, .scp-image-block {
    border-bottom: solid .325rem rgb(var(--stellar-bright-text-color));
}
 
.scp-image-block.block-center {
  margin-bottom: 1em;
}

/* License and Footer */

#license-area::before {
  background: rgba(var(--stellar-light-text-color), 1);
}
 
.footnotes-footer .footnote-footer {
  text-indent: 0;
  font-size: .85rem;
}
 
.footnotes-footer .footnote-footer > a:first-child::after {
  content: "";
}
 
.bibitems::before, .footnotes-footer::before {
  content: none;
}
 
.bibitems, .footnotes-footer {
  margin: 0;
  border: 3px solid rgb(var(--stellar-bright-text-color));
  border-radius: 0px 15px 15px 15px;
}
 
.bibitems .title, .footnotes-footer .title {
  font-family: 'Orbitron', Sans-Serif;
  border-radius: 5px 5px 5px 5px;
  border: 3px solid rgb(var(--stellar-bright-text-color));
  color: rgb(var(--stellar-light-text-color));
  left: -3px;
}

.hovertip {
  --_border: solid 0.125rem rgb(var(--stellar-highlight-color));
}
 
.hovertip .content .footnote::before, .hovertip .content .reference::before {
  background-color: rgb(var(--stellar-highlight-color));
}
 
div[id*="page-options-bottom"], #footer {
  background-color: rgb(var(--stellar-stnd-bg-color));
  border-top: none;
}

/* Header, Title, Rating, and sidebar */

#page-title {
  position: relative;
  text-align: center;
  border-bottom: none;
  margin-bottom: 0;
}

.header h1 {
  letter-spacing: .25em;
  font-weight: 600;
  text-shadow: 1px 1px 10px rgba(var(--stellar-bright-text-color), 1);
}
 
#header h1 a::before, #license-area::after {
  background-image: url("https://scp-wiki.wikidot.com/local--files/theme:stellar/Cream-SCP-icon.svg");
}

#top-bar div[class*="top-bar"] ul li ul li a::before {
  background-color: rgb(var(--stellar-highlight-color));
}

.nametag {
    --bs: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3C!--%20Created%20with%20Inkscape%20(http%3A%2F%2Fwww.inkscape.org%2F)%20--%3E%3Csvg%20%20%20width%3D%221920%22%20%20%20height%3D%221080%22%20%20%20viewBox%3D%220%200%20507.99999%20285.75%22%20%20%20version%3D%221.1%22%20%20%20id%3D%22svg1%22%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%20%20%20%20%20id%3D%22defs1%22%3E%3ClinearGradient%20%20%20%20%20%20%20id%3D%22swatch42%22%3E%3Cstop%20%20%20%20%20%20%20%20%20style%3D%22stop-color%3A%23000000%3Bstop-opacity%3A1%3B%22%20%20%20%20%20%20%20%20%20offset%3D%220%22%20%20%20%20%20%20%20%20%20id%3D%22stop42%22%20%2F%3E%3C%2FlinearGradient%3E%3Crect%20%20%20%20%20%20%20x%3D%22480.65497%22%20%20%20%20%20%20%20y%3D%22381.90656%22%20%20%20%20%20%20%20width%3D%221345.5959%22%20%20%20%20%20%20%20height%3D%22303.3837%22%20%20%20%20%20%20%20id%3D%22rect5%22%20%2F%3E%3Cfilter%20%20%20%20%20%20%20style%3D%22color-interpolation-filters%3AsRGB%22%20%20%20%20%20%20%20height%3D%221.2526749%22%20%20%20%20%20%20%20width%3D%221.2526763%22%20%20%20%20%20%20%20y%3D%22-0.11016709%22%20%20%20%20%20%20%20x%3D%22-0.11016768%22%20%20%20%20%20%20%20id%3D%22filter37%22%3E%3CfeGaussianBlur%20%20%20%20%20%20%20%20%20in%3D%22SourceAlpha%22%20%20%20%20%20%20%20%20%20stdDeviation%3D%224%22%20%20%20%20%20%20%20%20%20result%3D%22blur1%22%20%20%20%20%20%20%20%20%20id%3D%22feGaussianBlur33%22%20%2F%3E%3CfeComposite%20%20%20%20%20%20%20%20%20in%3D%22SourceGraphic%22%20%20%20%20%20%20%20%20%20in2%3D%22blur1%22%20%20%20%20%20%20%20%20%20operator%3D%22out%22%20%20%20%20%20%20%20%20%20result%3D%22composite1%22%20%20%20%20%20%20%20%20%20id%3D%22feComposite33%22%20%2F%3E%3CfeColorMatrix%20%20%20%20%20%20%20%20%20values%3D%221%200%200%200%200%200%201%200%200%200%200%200%201%200%200%200%200%200%20100%20-1%20%22%20%20%20%20%20%20%20%20%20result%3D%22colormatrix1%22%20%20%20%20%20%20%20%20%20id%3D%22feColorMatrix33%22%20%2F%3E%3CfeGaussianBlur%20%20%20%20%20%20%20%20%20stdDeviation%3D%220.5%22%20%20%20%20%20%20%20%20%20result%3D%22blur2%22%20%20%20%20%20%20%20%20%20id%3D%22feGaussianBlur34%22%20%2F%3E%3CfeComposite%20%20%20%20%20%20%20%20%20in%3D%22blur2%22%20%20%20%20%20%20%20%20%20in2%3D%22blur2%22%20%20%20%20%20%20%20%20%20operator%3D%22over%22%20%20%20%20%20%20%20%20%20result%3D%22composite2%22%20%20%20%20%20%20%20%20%20id%3D%22feComposite34%22%20%2F%3E%3CfeColorMatrix%20%20%20%20%20%20%20%20%20values%3D%221%200%200%200%200%200%201%200%200%200%200%200%201%200%200%200%200%200%2050%20-5%20%22%20%20%20%20%20%20%20%20%20result%3D%22colormatrix2%22%20%20%20%20%20%20%20%20%20id%3D%22feColorMatrix34%22%20%2F%3E%3CfeGaussianBlur%20%20%20%20%20%20%20%20%20stdDeviation%3D%221%22%20%20%20%20%20%20%20%20%20result%3D%22blur3%22%20%20%20%20%20%20%20%20%20id%3D%22feGaussianBlur35%22%20%2F%3E%3CfeColorMatrix%20%20%20%20%20%20%20%20%20values%3D%221%200%200%200%200%200%201%200%200%200%200%200%201%200%200%200%200%200%205%20-1%20%22%20%20%20%20%20%20%20%20%20result%3D%22colormatrix3%22%20%20%20%20%20%20%20%20%20id%3D%22feColorMatrix35%22%20%2F%3E%3CfeFlood%20%20%20%20%20%20%20%20%20flood-opacity%3D%221%22%20%20%20%20%20%20%20%20%20flood-color%3D%22rgb(0%2C0%2C0)%22%20%20%20%20%20%20%20%20%20result%3D%22flood%22%20%20%20%20%20%20%20%20%20id%3D%22feFlood35%22%20%2F%3E%3CfeComposite%20%20%20%20%20%20%20%20%20in%3D%22flood%22%20%20%20%20%20%20%20%20%20in2%3D%22colormatrix3%22%20%20%20%20%20%20%20%20%20operator%3D%22in%22%20%20%20%20%20%20%20%20%20result%3D%22composite3%22%20%20%20%20%20%20%20%20%20id%3D%22feComposite35%22%20%2F%3E%3CfeComposite%20%20%20%20%20%20%20%20%20in%3D%22SourceGraphic%22%20%20%20%20%20%20%20%20%20in2%3D%22colormatrix3%22%20%20%20%20%20%20%20%20%20operator%3D%22out%22%20%20%20%20%20%20%20%20%20result%3D%22composite4%22%20%20%20%20%20%20%20%20%20id%3D%22feComposite36%22%20%2F%3E%3CfeComposite%20%20%20%20%20%20%20%20%20in%3D%22composite4%22%20%20%20%20%20%20%20%20%20in2%3D%22composite3%22%20%20%20%20%20%20%20%20%20k2%3D%221%22%20%20%20%20%20%20%20%20%20k3%3D%221%22%20%20%20%20%20%20%20%20%20operator%3D%22arithmetic%22%20%20%20%20%20%20%20%20%20result%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20id%3D%22feComposite37%22%20%20%20%20%20%20%20%20%20k1%3D%220%22%20%20%20%20%20%20%20%20%20k4%3D%220%22%20%2F%3E%3CfeColorMatrix%20%20%20%20%20%20%20%20%20result%3D%22fbSourceGraphicAlpha%22%20%20%20%20%20%20%20%20%20in%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20values%3D%220%200%200%20-1%200%200%200%200%20-1%200%200%200%200%20-1%200%200%200%200%201%200%22%20%20%20%20%20%20%20%20%20id%3D%22feColorMatrix298%22%20%2F%3E%3CfeFlood%20%20%20%20%20%20%20%20%20id%3D%22feFlood298%22%20%20%20%20%20%20%20%20%20result%3D%22flood%22%20%20%20%20%20%20%20%20%20in%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20flood-opacity%3D%220.498039%22%20%20%20%20%20%20%20%20%20flood-color%3D%22rgb(0%2C0%2C0)%22%20%2F%3E%3CfeGaussianBlur%20%20%20%20%20%20%20%20%20id%3D%22feGaussianBlur298%22%20%20%20%20%20%20%20%20%20result%3D%22blur%22%20%20%20%20%20%20%20%20%20in%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20stdDeviation%3D%223.000000%22%20%2F%3E%3CfeOffset%20%20%20%20%20%20%20%20%20id%3D%22feOffset298%22%20%20%20%20%20%20%20%20%20result%3D%22offset%22%20%20%20%20%20%20%20%20%20in%3D%22blur%22%20%20%20%20%20%20%20%20%20dx%3D%226.000000%22%20%20%20%20%20%20%20%20%20dy%3D%226.000000%22%20%2F%3E%3CfeComposite%20%20%20%20%20%20%20%20%20id%3D%22feComposite298%22%20%20%20%20%20%20%20%20%20result%3D%22comp1%22%20%20%20%20%20%20%20%20%20operator%3D%22in%22%20%20%20%20%20%20%20%20%20in%3D%22flood%22%20%20%20%20%20%20%20%20%20in2%3D%22offset%22%20%2F%3E%3CfeComposite%20%20%20%20%20%20%20%20%20id%3D%22feComposite299%22%20%20%20%20%20%20%20%20%20result%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20operator%3D%22over%22%20%20%20%20%20%20%20%20%20in%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20in2%3D%22comp1%22%20%2F%3E%3CfeColorMatrix%20%20%20%20%20%20%20%20%20result%3D%22fbSourceGraphicAlpha%22%20%20%20%20%20%20%20%20%20in%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20values%3D%220%200%200%20-1%200%200%200%200%20-1%200%200%200%200%20-1%200%200%200%200%201%200%22%20%20%20%20%20%20%20%20%20id%3D%22feColorMatrix315%22%20%2F%3E%3CfeTurbulence%20%20%20%20%20%20%20%20%20id%3D%22feTurbulence315%22%20%20%20%20%20%20%20%20%20type%3D%22fractalNoise%22%20%20%20%20%20%20%20%20%20numOctaves%3D%225%22%20%20%20%20%20%20%20%20%20seed%3D%223%22%20%20%20%20%20%20%20%20%20baseFrequency%3D%220.013%200.013%22%20%20%20%20%20%20%20%20%20result%3D%22turbulence%22%20%2F%3E%3CfeDisplacementMap%20%20%20%20%20%20%20%20%20id%3D%22feDisplacementMap315%22%20%20%20%20%20%20%20%20%20in%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20in2%3D%22turbulence%22%20%20%20%20%20%20%20%20%20scale%3D%226%22%20%20%20%20%20%20%20%20%20yChannelSelector%3D%22G%22%20%20%20%20%20%20%20%20%20xChannelSelector%3D%22R%22%20%20%20%20%20%20%20%20%20result%3D%22fbSourceGraphic%22%20%2F%3E%3CfeColorMatrix%20%20%20%20%20%20%20%20%20result%3D%22fbSourceGraphicAlpha%22%20%20%20%20%20%20%20%20%20in%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20values%3D%220%200%200%20-1%200%200%200%200%20-1%200%200%200%200%20-1%200%200%200%200%201%200%22%20%20%20%20%20%20%20%20%20id%3D%22feColorMatrix316%22%20%2F%3E%3CfeTurbulence%20%20%20%20%20%20%20%20%20id%3D%22feTurbulence316%22%20%20%20%20%20%20%20%20%20type%3D%22turbulence%22%20%20%20%20%20%20%20%20%20numOctaves%3D%225%22%20%20%20%20%20%20%20%20%20seed%3D%223%22%20%20%20%20%20%20%20%20%20baseFrequency%3D%220.013%200.013%22%20%20%20%20%20%20%20%20%20result%3D%22turbulence%22%20%2F%3E%3CfeDisplacementMap%20%20%20%20%20%20%20%20%20id%3D%22feDisplacementMap316%22%20%20%20%20%20%20%20%20%20in%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20in2%3D%22turbulence%22%20%20%20%20%20%20%20%20%20scale%3D%226%22%20%20%20%20%20%20%20%20%20yChannelSelector%3D%22G%22%20%20%20%20%20%20%20%20%20xChannelSelector%3D%22R%22%20%2F%3E%3C%2Ffilter%3E%3Cfilter%20%20%20%20%20%20%20style%3D%22color-interpolation-filters%3AsRGB%22%20%20%20%20%20%20%20id%3D%22filter301%22%20%20%20%20%20%20%20x%3D%22-0.0059093818%22%20%20%20%20%20%20%20y%3D%22-0.038028172%22%20%20%20%20%20%20%20width%3D%221.0167432%22%20%20%20%20%20%20%20height%3D%221.1077465%22%3E%3CfeFlood%20%20%20%20%20%20%20%20%20result%3D%22flood%22%20%20%20%20%20%20%20%20%20in%3D%22SourceGraphic%22%20%20%20%20%20%20%20%20%20flood-opacity%3D%220.498039%22%20%20%20%20%20%20%20%20%20flood-color%3D%22rgb(0%2C0%2C0)%22%20%20%20%20%20%20%20%20%20id%3D%22feFlood299%22%20%2F%3E%3CfeGaussianBlur%20%20%20%20%20%20%20%20%20result%3D%22blur%22%20%20%20%20%20%20%20%20%20in%3D%22SourceGraphic%22%20%20%20%20%20%20%20%20%20stdDeviation%3D%223.000000%22%20%20%20%20%20%20%20%20%20id%3D%22feGaussianBlur299%22%20%2F%3E%3CfeOffset%20%20%20%20%20%20%20%20%20result%3D%22offset%22%20%20%20%20%20%20%20%20%20in%3D%22blur%22%20%20%20%20%20%20%20%20%20dx%3D%226.000000%22%20%20%20%20%20%20%20%20%20dy%3D%226.000000%22%20%20%20%20%20%20%20%20%20id%3D%22feOffset299%22%20%2F%3E%3CfeComposite%20%20%20%20%20%20%20%20%20result%3D%22comp1%22%20%20%20%20%20%20%20%20%20operator%3D%22in%22%20%20%20%20%20%20%20%20%20in%3D%22flood%22%20%20%20%20%20%20%20%20%20in2%3D%22offset%22%20%20%20%20%20%20%20%20%20id%3D%22feComposite300%22%20%2F%3E%3CfeComposite%20%20%20%20%20%20%20%20%20result%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20operator%3D%22over%22%20%20%20%20%20%20%20%20%20in%3D%22SourceGraphic%22%20%20%20%20%20%20%20%20%20in2%3D%22comp1%22%20%20%20%20%20%20%20%20%20id%3D%22feComposite301%22%20%2F%3E%3CfeColorMatrix%20%20%20%20%20%20%20%20%20result%3D%22fbSourceGraphicAlpha%22%20%20%20%20%20%20%20%20%20in%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20values%3D%220%200%200%20-1%200%200%200%200%20-1%200%200%200%200%20-1%200%200%200%200%201%200%22%20%20%20%20%20%20%20%20%20id%3D%22feColorMatrix304%22%20%2F%3E%3CfeTurbulence%20%20%20%20%20%20%20%20%20id%3D%22feTurbulence304%22%20%20%20%20%20%20%20%20%20numOctaves%3D%221%22%20%20%20%20%20%20%20%20%20baseFrequency%3D%220.002%200.107%22%20%2F%3E%3CfeColorMatrix%20%20%20%20%20%20%20%20%20id%3D%22feColorMatrix305%22%20%20%20%20%20%20%20%20%20values%3D%222%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.5%200.5%22%20%20%20%20%20%20%20%20%20result%3D%22result91%22%20%2F%3E%3CfeDisplacementMap%20%20%20%20%20%20%20%20%20id%3D%22feDisplacementMap305%22%20%20%20%20%20%20%20%20%20yChannelSelector%3D%22A%22%20%20%20%20%20%20%20%20%20xChannelSelector%3D%22R%22%20%20%20%20%20%20%20%20%20scale%3D%2214.3%22%20%20%20%20%20%20%20%20%20in%3D%22fbSourceGraphic%22%20%20%20%20%20%20%20%20%20in2%3D%22result91%22%20%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20%20%20%20%20id%3D%22layer1%22%3E%3Cpath%20%20%20%20%20%20%20id%3D%22path2%22%20%20%20%20%20%20%20style%3D%22opacity%3A1%3Bfill%3A%23000000%3Bfill-opacity%3A1%3Bstroke%3A%23000000%3Bstroke-width%3A0.942258%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Abevel%3Bstroke-dasharray%3Anone%3Bstroke-dashoffset%3A0%3Bstroke-opacity%3A1%3Bpaint-order%3Anormal%3Bfilter%3Aurl(%23filter37)%22%20%20%20%20%20%20%20d%3D%22M%2092.76169%2C50.112812%2086.14288%2C130.45902%2048.06039%2C98.174217%2080.34621%2C136.25669%200%2C142.8755%20l%2080.34721%2C6.61781%20-32.28682%2C38.08249%2038.08249%2C-32.28482%206.61881%2C80.34621%206.61881%2C-80.34621%2038.08247%2C32.28482%20-32.2868%2C-38.08249%2080.34721%2C-6.61781%20-80.34621%2C-6.61881%2032.2858%2C-38.082472%20-38.08247%2C32.284802%20z%20m%20-51.9265%2C9.531556%20-2.2447%2C27.242674%20-27.24268%2C2.244719%2027.24268%2C2.243719%202.2447%2C27.24366%202.24372%2C-27.24366%2027.24267%2C-2.243719%20-27.24267%2C-2.244719%20z%20m%20105.36704%2C109.000542%20-2.2437%2C27.24365%20-27.2437%2C2.24372%2027.2437%2C2.2447%202.2437%2C27.24268%202.24472%2C-27.24268%2027.24267%2C-2.2447%20-27.24267%2C-2.24372%20z%22%20%20%20%20%20%20%20transform%3D%22matrix(0.73257629%2C0%2C0%2C0.73257629%2C17.234845%2C38.208165)%22%20%2F%3E%3Ctext%20%20%20%20%20%20%20xml%3Aspace%3D%22preserve%22%20%20%20%20%20%20%20transform%3D%22matrix(0.26458333%2C0%2C0%2C0.26458333%2C20.639145%2C10.314537)%22%20%20%20%20%20%20%20id%3D%22text5%22%20%20%20%20%20%20%20style%3D%22font-size%3A333.333px%3Bline-height%3A0.7%3Btext-align%3Acenter%3Bletter-spacing%3A30px%3Bwriting-mode%3Alr-tb%3Bdirection%3Altr%3Bwhite-space%3Apre%3Bshape-inside%3Aurl(%23rect5)%3Bdisplay%3Ainline%3Bfill%3A%23000000%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bstroke-width%3A11.3386%3Bstroke-dasharray%3Anone%3Bstroke-dashoffset%3A0%3Bstroke-opacity%3A1%3Bfilter%3Aurl(%23filter301)%22%20%20%20%20%20%20%20x%3D%22672.79797%22%20%20%20%20%20%20%20y%3D%220%22%3E%3Ctspan%20%20%20%20%20%20%20%20%20x%3D%22527.58469%22%20%20%20%20%20%20%20%20%20y%3D%22594.34948%22%20%20%20%20%20%20%20%20%20id%3D%22tspan3%22%3E%3Ctspan%20%20%20%20%20%20%20%20%20%20%20style%3D%22font-size%3A266.667px%3Bfont-family%3AQuantico%3B-inkscape-font-specification%3AQuantico%22%20%20%20%20%20%20%20%20%20%20%20id%3D%22tspan2%22%3ESTELLAR%3C%2Ftspan%3E%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    text-align: center;
    overflow: hidden;
    padding-top: 2rem;
}

.nametag h1 {
    font-size: 0;
    height: 16rem;
    margin: 0.5rem auto 0;
    background-color: rgb(var(--stellar-bright-text-color));
    -webkit-mask-image: var(--bs);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-image: var(--bs);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    transition: all 0.175s ease-out;
}

.nametag h1:hover {
    background-color: rgb(var(--stellar-light-text-color));
}

div.page-rate-widget-box {
  border: 1px solid rgb(var(--stellar-bright-text-color));
  border-radius: 10px;
  margin-bottom: 2rem;
}
 
#side-bar {
  background-color: rgb(var(--stellar-stnd-bg-color));
}

:is(#side-bar, #interwiki) .menu-item a {
  border: solid 1px rgb(var(--stellar-bright-text-color));
}

#interwiki a:visited, #side-bar a:visited {
  color: rgb(var(--link-visited-color));
}

#interwiki a, #side-bar a {
  color: rgb(var(--stellar-bright-text-color));
}

/* Tabs */
 
[title="active"] a::after {
  width:100%;
  left: 0;
}

.yui-navset.yui-navset-top > ul.yui-nav li.selected::after {
  border-color: rgb(var(--stellar-light-text-color)) transparent transparent transparent;
}

/* Page Layout */

#page-content {
  margin: auto;
  width: 100%;
}

#main-content .pager span > a::before {
  background-color: rgb(var(--stellar-highlight-color));
}
 
.section {
  padding: 1em 1em;
  background-color: rgb(var(--stellar-stnd-bg-color));
  border: 3px solid rgb(var(--stellar-bright-text-color), 1);
  border-radius: 15px;
  position: relative;
  margin: 1em 0;
}

/* Collapsibles */
 
.collapsible-block-content div {
  text-align: left;
}
 
.collapsible-block-content > hr:nth-of-type(2) {
  display: none;
}

#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content {
  border-top-color: rgb(var(--stellar-highlight-color));
  border-bottom-color: rgb(var(--stellar-highlight-color));
}
 
#page-content .collapsible-block-unfolded-link:active + .collapsible-block-content {
  border-top-color: rgb(var(--stellar-dark-text-color));
  border-bottom-color: rgb(var(--stellar-dark-text-color));
}
 
#page-content .collapsible-block-link {
  color: rgb(var(--stellar-bright-text-color));
}

/* Tables */
 
:is(:where(#page-content) table:not(.form), table.wiki-content-table) td {
  border: solid .05rem rgb(var(--stellar-highlight-color));
  width: 50%;
  text-align: center;
}

/* Floatbox */
 
#page-content div.floatbox {
  border: 3px solid rgba(var(--general-border-color), 1);
}

/* Custom Elements */

.blockquote {
  border-radius: 15px;
}

.blockquote-dark {
  text-align: left;
  border-radius: 1em;
  background-color: rgb(var(--stellar-dark-text-color));
}

blockquote, div.blockquote, div.blockquote-dark {
  border: solid var(--blockquote-border-width) rgb(var(--blockquote-border-color));
  margin: 1.25rem auto;
  padding: .125rem 1.45rem;
  box-sizing: border-box;
}

:is(div.blockquote, div.blockquote-dark, blockquote) {
  color: rgb(var(--basalt-main-text-color));
  overflow: auto;
}

#main-content blockquote, #main-content div.blockquote, #main-content div.blockquote-dark {
  max-width: calc(var(--main-content-width)*.825);
}

div.papernote {
  background-color: rgb(var(--stellar-light-text-color));
  color: rgb(var(--stellar-dark-text-color));
}
 
div.document {
  color: rgb(var(--stellar-dark-text-color));
}
 
div.darkdocument {
  color: rgb(var(--stellar-light-text-color));
}

/* Memos */
 
div[class$="_memo"] p {
  text-align: center;
}
 
div[class$="_memo"]::before {
  font-family: 'Quantico';
}
 
div.raisa_memo {
  --memo-color: var(--stellar-accent-color);
  color: rgb(var(--stellar-light-text-color));
}
 
div.classification_memo {
  --memo-color: var(--stellar-light-bg-color);
  color: rgb(var(--stellar-light-text-color));
}
 
div.ettra_memo {
  --memo-color: var(--stellar-highlight-color);
  color: rgb(var(--stellar-light-text-color));
}
 
div.ethics_memo {
  --memo-color: var(--stellar-dark-bg-color);
  color: rgb(var(--stellar-light-text-color));
}
 
div.temporal_memo {
  --memo-color: var(--stellar-bright-text-color);
  color: rgb(var(--stellar-dark-text-color));
}
 
div.overwatch_memo {
  --memo-color: var(--stellar-light-text-color);
  color: rgb(var(--stellar-dark-text-color));
}
 
div.miscomm_memo {
  --memo-color: 255, 255, 255;
  color: rgb(var(--stellar-dark-text-color));
}

/* Footer, tags, and edit Buttons */
 
#main-content > .page-tags > span a:is(:hover, :focus) {
  background-color: rgb(var(--stellar-highlight-color));
  box-shadow: 0 0 0 .1rem rgb(var(--stellar-bright-text-color));
  color: rgb(var(--stellar-light-text-color));
}

#delete-button:is(:hover, :focus), #more-options-button:is(:hover, :focus) {
  background-color: rgb(var(--stellar-highlight-color));
}
 
form .change-textarea-size a:is(:hover, :focus) {
  background-color: rgb(var(--stellar-highlight-color));
}
 
#history-subarea a.action-area-close:is(:hover, :focus), #view-diff-div a.button:is(:hover, :focus), div:where(#action-area, .buttons) :is(a, input).btn:is(:hover, :focus) {
  background-color: rgb(var(--stellar-highlight-color));
}
 
.wd-editor-toolbar-panel ul li a::before {
  background-color: rgb(var(--stellar-highlight-color));
}

.owindow .button-bar > a:not([onclick*="cleanAll"]):is(:hover, :focus), .owindow div[style*="margin-top"] a:is(:hover, :focus) {
  background-color: rgb(var(--stellar-stnd-bg-color));
}

#delete-button {
  background-color: rgb(var(--stellar-highlight-color),.105);
}

.code {
  background-color: rgb(var(--stellar-stnd-bg-color));
}

.code .hl-special {
  color: rgb(var(--stellar-accent-color));
  font-weight: 700;
}

.code .hl-var {
  color: rgb(var(--stellar-bright-text-color));
}

.code .hl-reserved {
  color: rgb(175, 145, 255);
}

#revision-list .page-history tr[id*="revision-row"]:is(:hover, :focus-within) td:nth-child(3) > span {
  color: rgb(var(--stellar-dark-text-color));
}

#main-content .pager::after, #main-content .pager::before {
  opacity: .75;
}

td input:not([id$="rev_type_"]) {
  border: solid .5em rgb(var(--stellar-highlight-color));
  height: 1em;
}

td input:not([id$="rev_type_"]):checked {
  border: solid .5em rgb(var(--stellar-light-text-color));
  height: 1em;
}

#history-form-1 > table.form > tbody > tr:first-child > td:nth-child(2) input.checkbox {
  border: solid 1px rgb(var(--stellar-bright-text-color));
}

#history-form-1 > table.form > tbody > tr:nth-child(2) > td:nth-child(2)::after {
  background-color: rgb(var(--stellar-bright-text-color));
}

#revision-list .page-history td.optionstd a {
  border: solid 1px rgb(var(--stellar-bright-text-color));
}

/* Media Queries */
 
@media screen and (max-height: 300px) {
  ul {
    margin-top: 40px;
  }
}
 
@media (max-width: 600px) {
  .header h1 {
    font-size: clamp(1.5rem, 1vw, 1rem);
  }
  p {
    font-size: clamp(.85rem, 1vw, 1rem);
  }
}
[[/code]]
[[/collapsible]]

@@ @@
----
@@ @@

[[include :scp-wiki:component:license-box-theme]]
=====

> **Filename:** stellar-theme-background.jpg
> **Author:** [[*user GeminidStrix]]
> **License:** CC-BY-SA 3.0
> **Source Link:** [https://scp-wiki.wikidot.com/local--files/theme:stellar/stellar-theme-background.jpg SCP Wiki]

=====
[[include :scp-wiki:component:license-box-end]]
[[/iftags]]

Stellar Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source