Retro

We're going back in time to the 1900s!
Signage looks quite… odd, don't you think? This theme focuses on stacking text and box shadows to create the 3D text effect present in many of the vintage, retro designs of the 1950s – 1970s.

Primary inspirations came from vintage wallpapers, 1950s diners, classic jukeboxes, Kool & the Gang's "Spirit of the Boogie" album cover, Flo's V8 Café from the Cars movie, and the single cover art for Doja Cat's "Say So."

Stealing some code from my very own Blinding Lights theme (which steals code from my Corporate theme which steals code from TrailmixNCocoa's M.E.G. theme) and inspired by code from VivamusLudio, I've decided to make yet another theme based on a specific time period.

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

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

---

Examples:

OH YEAH BABY IT'S RETRO.

A horizontal rule can be created with 4 hyphens "----" and extends acro— Hmm, that horizontal rule looks different. Not only is it 2 lines, but it has something in the center.

---

Well that's because this is a retro horizontal rule. If you think regular horizontal rules are boring, try this:

[[div class="retro-hr"]]
----
[[/div]]

It'll give you that fancy little horizontal rule up there. Technically, making horizontal rules look like this wasn't an intended feature of css, so I'd only recommend using this if it's not inside of anything (unless you want a giant cream-colored rectangle in the center of your horizontal rule). Also, since using ":after" is the only way to make an hr like this without using an image, this hr is likely to break on some older browsers. You have been warned.

Titles can be created by putting between one and six plus "+" at the start of the line. I don't recommend bolding these because they're so dang thicc already, but if you really wanted to, I guess it's possible. It just won’t look as good.

Titles

Monte Carlo, Established in 1946

Why don't you say so?

Serving Hamburgers and French Fries!

Cue the Jukebox!

Where's John Travolta when you need him?

Oppenheimer would be proud

Retro Baby

Oh, the reviews are in!
10/10 — Better love story than a Jane Austen novel.
5 Stars — Theme is just as exquisite as a beef wellington.
10/10 — Orang approved

Parody

Hi everyone, Anthony Fantano here, Internet's busiest music nerd, and it's time for a review of this new Imagine Dragons album, Mercury Act 2.

I'm feeling a light to decent 6 on this one… transition.

Code

boolean gay = true;

if(gay)
System.out.print("gay");
else
System.out.print("not gay");

Fast Food

"Who’s Joe?" a distant voice asks. Instantly, everyone nearby hears the sound of thousands of bricks rapidly shuffling towards his location. The earth itself seemed to cry out in agony, until finally the ground itself split open and a horrific creature crawled from the ground, covered in mucus and tar. ”Joe Momma…” the creature whispered. The man cried out in pain as he disintegrated into dust, and the whole world fell silent in fear. "I did a little trolling." the wretched creature remarked before burrowing back into the earth.

"Sir, this is a Wendy's."

Video Games

Today when I walked into my economics class I saw something I dread every time I close my eyes. Someone had brought their new gaming laptop to class. The Forklift he used to bring it was still running idle at the back. I started sweating as I sat down and gazed over at the 700lb beast that was his laptop. He had already reinforced his desk with steel support beams and was in the process of finding an outlet for a power cable thicker than a concrete wall. I start shaking. I keep telling myself I’m going to be alright and that there’s nothing to worry about. He somehow finds an outlet. Tears are running down my cheeks as I send my last texts to my family saying I love them. The teacher starts the lecture, and the student turns his laptop on. The colored lights on his RGB Backlit keyboard flare to life like a nuclear flash, and a deep humming fills my ears and shakes my very soul. The entire city power grid goes dark. The classroom begins to shake as the massive fans begin to spin. In mere seconds my world has gone from vibrant life to a dark, earth-shattering void where my body is getting torn apart by the 150mph gale force winds and the 500-decibel groan of the cooling fans. As my body finally surrenders, I weep, as my school and my city go under. I hate gaming laptops.

"Sir, you're still at a Wendy's. If you would please stop wasting my time and just tell me your order…"

The end of the Wendy's Saga

My fellow Americans, the White House has been informed of the recent situation at a local Wendy's in Florida, where a man has refused to place his order despite being repeatedly told to. FBI is currently handling the situation, and we expect the man to stand down without further conflict. Obama out. *mic drop*

"What do you mean you don't serve Big Macs?"
"We are a Wendy's. However, you co—"
"I don't want your square patties. I want a Big Mac."
"I'm afraid I can't fulfill your request, sir."
"Fine. Can I get a McChicken instead?"

It's Dinin’ time

My favorite part in the movie Titanic was when Jack boarded the ship and ate dinner. Dinner gave some cool superpowers, somehow. When the captain said, "this is your captain speaking, plz help the ship's about to go sinko mode," Jack decided to use his cool heat vision to melt the iceberg.

Unfortunately, it was too late, and the ship was still sinking. So much for that.

Unfortunately, he did not obtain the most important superpower of all when you're stuck in a sinking ship — being able to fit your entire body on a giant piece of driftwood.

Gas Station

Do they use gas cars in Madagascar

Sad Reality

My fellow Americans, I am sorry to declare that I have, in fact, lost the 2024 election to my primary opponent, Morbius. His morbin' time aura was much too powerful for me to handle, and I had no choice but to concede after the first 5 votes were counted.

I have no doubt in my mind that Morbius would make a great president.
Obama out.
By the way, you're never getting my last name.

This is a blockquote, created by putting "> " at the start of each line.
It has depth to it.

More rectangles, sire?

How much more?

Vroom	Vroom
I'n in me	mum's car
Get out me car

The sky is blue¹
Did you know that according to all laws of aviation, math is math?
Someone scribbled all over this.
OH YEAH BABY IT'S MORBIN' TIME LETS GO.
im jealous of this thiqqness.
Balls balls balls.
despacito.
Travis scott mcdonalds meal^{its lit}?
Backrooms fried chicken_{hey wait im small}
I do not exist.
Purple Sans exists.

Quotes and Blocks:

[[div class="yblock"]]

[[/div]]

[[div class="pblock"]]

[[/div]]

[[div class="bblock"]]

[[/div]]

[[div class="yquote"]]

[[/div]]

[[div class="pquote"]]

[[/div]]

[[div class="bquote"]]

[[/div]]

[[div class="border-block"]]

[[/div]]

Special Div

---

50s Diner Menu

---

To be completely honest, I don't know how the heck you'll ever find a use for this.

---

BURGERS
Cheeseburger:	$2.49
Hamburger:	$2.09
Your Mom:	$10.99
MAIN COURSES
Morbius Popcorn:	$0.69

---

No refunds. Cope + Seethe + Cry About It + L + Ratio

Are you hungry?

[[div class="border-block"]]
[[div class="menu-top"]]
INSERT MENU HEADER HERE
[[/div]]
----
Introductory text (if applicable)
----
[[table class="menu"]]
[[row]]
[[cell class="category"]]
CATEGORY OF FOOD
[[/cell]]
[[/row]]

[[row]]
[[cell class="food"]]
Food item:
[[/cell]]
[[cell class="price"]]
Price
[[/cell]]
[[/row]]

[[/table]]
----
Closing Text (if applicable)
[[/div]]

---

The header font is Lemon.
The title font is Lobster.
The page title font is Grand Hotel.
The body font is Urbanist.
The mono font is Life Savers.
The menu header font is Fugaz One.
The food category font is Atomic Age.
The food item font is Mochiy Pop One.
The food price font is Poiret One.
The fancy horizontal rule font is Monoton.

---

See CSS

@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
 
@import url("https://fonts.googleapis.com/css2?family=Lemon&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lobster&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Monoton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Grand+Hotel&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Atomic+Age&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poiret+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Life+Savers&display=swap");
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "Retro";
   --theme-name: "Retro Theme";
 
   --logo-image: url("");
   --header-title: "The Backrooms";
   --header-subtitle: "Open 24/7";
 
    --body-font: 'Urbanist', sans-serif;
    --header-font: 'Lemon', display;
    --title-font: 'Lobster', display;
    --mono-font: 'Life Savers', monospace;
    --top-font: 'Grand Hotel', display;
    --additional-font: 'Monoton', monospace;
    --diner-font: 'Fugaz One', display;
    --item-font: 'Atomic Age', sans-serif;
    --price-font: 'Poiret One', sans-serif;
    --food-font: 'Mochiy Pop One', sans-serif;
 
   --white-monochrome:  230, 189, 171;
   --text-white-monochrome: 193,121,63;
   --pale-gray-monochrome: 76, 184, 180;
   --light-gray-monochrome: 220, 116, 86;
   --gray-monochrome: 234, 96, 37;
   --black-monochrome: 158, 81, 37;
   --bright-accent: 108, 33, 11;
   --medium-accent: 21, 109, 130;
   --dark-accent: 232, 131, 87;
   --pale-accent: 215,160,210;
   --alt-accent: 235, 129, 69;
   --vibrant-orange: 237,121,70;
   --retro-blue: 25,77,114;
   --muted-yellow: 253,172,59;
   --muted-orange: 229,120,30;
   --retro-white: 255,250,245;
   --retro-pink: 246, 164, 182;
 
   --swatch-topmenu-border-color: 159, 44, 9;
 
   --rating-module-button-plus-color: var(--retro-blue);
   --rating-module-button-negative-color: var(--retro-blue);
 
   --rating-module-text-color: var(--retro-blue);
   --rating-module-text-hover-color: var(--retro-blue);
 
   --link-color: 253, 109, 76;
   --hover-link-color: 240, 144, 122;
   --visited-link-color: 213,131,83;
 
   --background-gradient-distance: 0rem;
 
   --quote-shadow: rgb(var(--muted-orange)) 1px 1px 0px 0px, rgb(var(--muted-orange)) 2px 2px 0px 0px, rgb(var(--muted-orange)) 3px 3px 0px 0px, rgb(var(--muted-orange)) 4px 4px 0px 0px, rgb(var(--muted-orange)) 5px 5px 0px 0px;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 0%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#skrollr-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("http://backrooms-wiki.wikidot.com/local--files/theme:retro/header");
    background-repeat: repeat-1;
    background-size:  inherit;
    background-blend-mode: soft-light;
    background-color: rgba(218, 88, 33, 0.5);
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--dark-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
#top-bar div.mobile-top-bar > ul > li > a,
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > ul > li > a,
#top-bar div.top-bar > ul > li > ul > li > a {
   color: white;
}
 
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;
  --swatch-headerh1-color: rgb(var(--retro-pink));
   --swatch-headerh2-color: 246, 164, 182;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-size: auto 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 0.19em;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
   z-index: 0;
   font-size: 2em;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 1.65rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
   font-size: 1.25em;
}
 
.yui-navset .yui-nav a {
   color: rgb(var(--retro-blue)) !important;
}
 
.yui-navset .yui-nav .selected a {
   color: rgb(var(--retro-white)) !important;
}
 
.yui-navset .yui-content {
    color: rgb(var(--retro-blue));
    border-color: rgb(var(--retro-blue));
}
 
table.wiki-content-table th {
   background-color: rgb(var(--pale-gray-monochrome));
   color: rgb(var(--retro-blue));
}
 
#login-status {
   color: rgb(var(--bright-accent));
}
 
#login-status a {
   color: rgb(var(--bright-accent));
}
 
#search-top-box input.empty {
   color: rgb(var(--bright-accent));
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--alt-accent))
}
 
blockquote {
   background-color: rgb(var(--muted-yellow));
   border: 3px solid rgb(var(--muted-orange));
   box-shadow: rgb(var(--muted-orange)) 1px 1px 0px 0px, rgb(var(--muted-orange)) 2px 2px 0px 0px, rgb(var(--muted-orange)) 3px 3px 0px 0px, rgb(var(--muted-orange)) 4px 4px 0px 0px, rgb(var(--muted-orange)) 5px 5px 0px 0px;
}
 
.border-block {
   background-color: rgb(250, 250, 234);
   color: #e5554c;
   border: 0.35rem solid #e5554c;
   border-radius: 10px;
   padding: 0.01rem 1rem;
}
 
code,
.code {
   background-color: rgb(var(--muted-yellow));
}
 
:root{
  --base-color: rgb(var(--muted-yellow));
  --hover-color: rgb(240,177,87);
  --click-color: rgb(214,140,38);
}
 
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 15px 15px 0px 0px;
    border: 2px solid rgb(var(--muted-orange));
    box-shadow: rgb(var(--muted-orange)) 0px 0px 3px 0px;
    transition: background 0.1s linear;
    background: var(--base-color);
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
 
#page-content .collapsible-block-link {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
 
#page-content .collapsible-block-link:hover {
    text-decoration: none
}
 
#page-content .collapsible-block-content {
    transition: border-top-color 0.2s linear, border-bottom-color 0.2s linear;
    border-top: solid rgb(var(--muted-orange)) 5px;
    border-top-right-radius: 15px;
    border-bottom: solid rgb(var(--muted-orange)) 3px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
 
#page-content .collapsible-block-folded {
    max-width: 100%;
}
#page-content .collapsible-block-unfolded-link{
    width: min-content;
}
 
#page-content .collapsible-block-folded .collapsible-block-link::before {
    content: "▷";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
    content: "▽";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
 
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
    background: var(--hover-color);
    max-width: 100%;
}
 
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content{
    border-top-color: var(--hover-color);
    border-bottom-color: var(--hover-color);
}
 
#page-content .collapsible-block-unfolded-link:hover + .collapsible-block-content::after {
    background: var(--hover-color);
}
 
#page-content .collapsible-block-folded:active, #page-content .collapsible-block-unfolded-link:active, #page-content .collapsible-block-unfolded-link:active + .collapsible-block-content::after {
    transition: background 0s, max-width 0s;
    background: var(--click-color);
    max-width: 100%;
}
 
#page-content .collapsible-block-unfolded-link:active + .collapsible-block-content {
    transition: border-top-color 0s, border-bottom-color 0s;
    border-top-color: var(--click-color);
    border-bottom-color: var(--click-color);
}
 
#page-content .unfolded-collapse {
    margin-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: rgb(128, 128, 128) 0px 0px 3px 0px;
    background: var(--base-color);
    color: white;
    font-weight: bold;
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
}
 
#page-content .unfolded-collapse::before {
    content: "▽";
    border-right: none;
    padding-right: 0rem;
    margin-right: 1rem;
    font-weight: normal;
    font-family: var(--mono-font);
}
 
#page-content .unfolded-collapse-border {
    display: block;
    width: 700px;
    border-top: solid var(--base-color) 5px;
}
 
#page-content .center-collapse .collapsible-block-folded, #page-content .center-collapse .collapsible-block-unfolded-link, #page-content .center-collapse .unfolded-collapse{
    margin:auto;
    margin-top: 10px;
}
 
#page-content .addendumfooter{
    display: block;
    border-bottom: solid 3px var(--base-color);
    margin: auto;
    text-align: center;
}
 
#page-content .info-container .collapsible-block {
    counter-increment: none;
}
 
#page-title{
    font-family: var(--top-font);
    text-align: center;
    font-size: 45px;
    text-shadow: .063rem 0.1rem 0 #612f05;
    color: rgb(var(--vibrant-orange));
}
 
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link  {
    transition: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-shadow: none;
    background: var(--barColour);
}
 
#page-content .info-container .collapsible-block-folded::before, #page-content .info-container .collapsible-block-unfolded-link::before  {
    content: "";
    display: none;
}
 
#page-content .info-container .collapsible-block-content {
    border-bottom: none;
    transition: none;
    border-top: none;
}
 
#page-content .info-container .collapsible-block-content::after {
    display: none;
}
 
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{
    line-height: 1.4;
}
 
#page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before {
    font-size: 130%;
    margin-left: -0.4em
}
 
.menu-top {
    font-family: var(--diner-font);
    text-align: center;
    font-size: 2.5em;
    transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -webkit-transform:rotate(-5deg);
    text-shadow: 1px 2px 0px #c62927;
    box-shadow: none;
}
 
.border-block hr{
    border-color: #e5554c;
}
 
tr, td, table, tbody {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
 
table.menu td.category {
    width: 100%;
    font-family: var(--item-font);
    font-size: 1.75em;
    font-weight: bold;
    padding: 0.3em 1em 0em 1em;
    border-bottom: 0.25rem solid #e5554c;
    box-shadow: none;
}
 
table.menu td.food {
    font-family: var(--food-font);
    padding: 0.1em 0 0.1em 0.4em;
    box-shadow: none;
}
 
table.menu td.price {
    font-family: var(--price-font);
    font-weight: bold;
    padding: 0.1em 0 0.1em 0;
    box-shadow: none;
}
 
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lemon', display;
color: #f6869e;
}
 
h1, #header h1 a::before {
text-shadow: -1px 1px #7e0303, 1px -1px #7e0303,
    -1px -1px #7e0303, 1px 1px #7e0303, 2px 2px #7e0303,
    3px 3px #7e0303, 4px 4px #7e0303, 5px 5px #7e0303;
}
 
#header h1 a:hover:before {
text-shadow: -1px 1px #7e0303, 1px -1px #7e0303,
    -1px -1px #7e0303, 1px 1px #7e0303, 2px 2px #7e0303,
    3px 3px #7e0303, 4px 4px #7e0303, 5px 5px #7e0303;
}
 
h2, #header h2 span::before {
text-shadow: -1px 1px #7e0303, 1px -1px #7e0303,
    -1px -1px #7e0303, 1px 1px #7e0303, 2px 2px #7e0303,
    3px 3px #7e0303, 4px 4px #7e0303;
}
 
h3, h4 {
text-shadow: -1px 1px #7e0303, 1px -1px #7e0303,
    -1px -1px #7e0303, 1px 1px #7e0303, 2px 2px #7e0303,
    3px 3px #7e0303;
}
 
h5, h6 {
text-shadow: -1px 1px #7e0303, 1px -1px #7e0303,
    -1px -1px #7e0303, 1px 1px #7e0303, 2px 2px #7e0303;
}
 
hr{
    border-top: 4px double rgb(var(--medium-accent));
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
}
 
.retro-hr hr { 
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}
 
.retro-hr hr:after {
        font-family: var(--additional-font);
    content: '—*O*—';
    display: inline-block;
    position: relative;
    top: -19.5px;
    padding: 0 10px;
    font-size: 24px;
    background: #e6bcaa;
    color: rgb(var(--medium-accent));
}
 
.scp-image-block.block-right {
   border: 2px solid #33929b;
   box-shadow: rgb(var(--medium-accent)) 1px 1px 0px 0px, rgb(var(--medium-accent)) 2px 2px 0px 0px, rgb(var(--medium-accent)) 3px 3px 0px 0px, rgb(var(--medium-accent)) 4px 4px 0px 0px, rgb(var(--medium-accent)) 5px 5px 0px 0px;
}
 
.scp-image-caption {
   color: rgb(var(--retro-blue));
}
 
.page-rate-widget-box {
    background: rgb(var(--pale-gray-monochrome));
    border: 2px solid rgb(var(--medium-accent));
    box-shadow: rgb(var(--medium-accent)) 1px 1px 0px 0px, rgb(var(--medium-accent)) 2px 2px 0px 0px, rgb(var(--medium-accent)) 3px 3px 0px 0px, rgb(var(--medium-accent)) 4px 4px 0px 0px, rgb(var(--medium-accent)) 5px 5px 0px 0px;
}
 
.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
    color: rgb(var(--retro-blue));
}
 
.yquote, .pquote, .bquote {
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
}
 
.yblock, .pblock, .bblock {
   padding: 0.01rem 1rem;
   width: 95%;
}
 
.yblock, .yquote {
   background-color: rgb(var(--muted-yellow));
   border: 3px solid rgb(var(--muted-orange));
   box-shadow: rgb(var(--muted-orange)) 1px 1px 0px 0px, rgb(var(--muted-orange)) 2px 2px 0px 0px, rgb(var(--muted-orange)) 3px 3px 0px 0px, rgb(var(--muted-orange)) 4px 4px 0px 0px, rgb(var(--muted-orange)) 5px 5px 0px 0px;
}
 
.pblock, .pquote {
   background-color: rgb(var(--retro-pink));
   border: 3px solid #f6869e;
   box-shadow: #f6869e 1px 1px 0px 0px, #f6869e 2px 2px 0px 0px, #f6869e 3px 3px 0px 0px, #f6869e 4px 4px 0px 0px, #f6869e 5px 5px 0px 0px;
   color: #7e0303;
}
 
.bblock, .bquote {
   background-color: rgb(var(--pale-gray-monochrome));
   border: 3px solid rgb(var(--medium-accent));
   box-shadow: rgb(var(--medium-accent)) 1px 1px 0px 0px, rgb(var(--medium-accent)) 2px 2px 0px 0px, rgb(var(--medium-accent)) 3px 3px 0px 0px, rgb(var(--medium-accent)) 4px 4px 0px 0px, rgb(var(--medium-accent)) 5px 5px 0px 0px;
   color: rgb(var(--retro-blue));
}
 
.yquote {
   border-left: 0.85rem solid rgb(var(--muted-orange));
}
 
.pquote {
   border-left: 0.85rem solid #f6869e;
}
 
.bquote {
   border-left: 0.85rem solid rgb(var(--medium-accent));
}
 
.footnotes-footer {
    border: 3px solid #db3920;
    border-left: 0.85rem solid #db3920;
    box-shadow: #db3920 1px 1px 0px 0px, #db3920 2px 2px 0px 0px, #db3920 3px 3px 0px 0px, #db3920 4px 4px 0px 0px, #db3920 5px 5px 0px 0px;
}
 
#account-options{
    background-color: rgb(var(--pale-gray-monochrome));
    border: 3px solid rgb(var(--medium-accent));
    box-shadow: rgb(var(--medium-accent)) 1px 1px 0px 0px, rgb(var(--medium-accent)) 2px 2px 0px 0px, rgb(var(--medium-accent)) 3px 3px 0px 0px;
}
 
#account-options a {
    color: rgb(var(--retro-blue));
}
 
/* ==SD CLASS CODE== */
 
.sd-container {
   --sd-border:126,3,3;
   --sd-bullets:var(--sd-border);
   --sd-symbol:var(--sd-border);
}

---

Yeahh Boiiiii

Author: Sky3 (My Author Page)

We Can Do It! by J. Howard Miller is under public domain.
Sunburst Retro Colors Background by Karen Arnold is licensed under CC0 1.0.

Footnotes

1. unless it's nighttime