To Wish Upon A Dream

Info

Theme by MC_Crafter_24_7

Greenlit by CutTheBirch

Architects Daughter and Yeseva One are both licensed under the Open Font License

Close

This theme was created by MC_Crafter_24_7. Big thanks to CutTheBirch for helping me with the CSS code.
.
The main font used is Architects Daughter.
The font in darkblocks and dark-styled quotes is Yeseva One.

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

[[include :backrooms-wiki:theme:to-wish-upon-a-dream]]

Examples

Living through a dream

A horizontal rule can be created with 4 or more hyphens "----" and extends across the whole page if it's not placed inside anything (e.g. a lightblock). The following line is a horizontal rule:

---

Titles can be created by placing from one to six "+" at the start of the line.

Titles

Title One

Title Two

Title Three

Title Four

Title Five

Title Six

Tab 1

This is a tab. You can put stuff here.

Tab 2

This is another tab, you can put more stuff here.

Lots of Text

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

You can put however much you want in here and you'll still have room for more

This tab definitely has the longest name of them all. Why is that?

No idea. Anyway, moving on.

Nothing to see here...

I said NOTHING TO SEE HERE!

This is fun

Click here for fun

Fun

Click here for more fun

More fun

Click here for even more fun

Even more fun

Click here for infinite fun

Infinite fun

123

This is a lightblock.

This is a lightblock within a lightblock.

This is a lightblock within a lightblock within a lightblock. Seems simple enough.

456

This is a pink blockquote.

This is a darkblock inside a pink blockquote.

This is a lightblock inside a darkblock that is inside a pink blockquote. The possibilities are endless!

Last tab

Yeah, seems like the last one.

This is a blockquote, made by placing ">" at the start of each line.
This is a random sentence

---

That's a horizontal rule inside a blockquote

And this is a blockquote nested within a blockquote (created by using two ">" per line)
blockquote-ception!

And this is a blockquote nested within a nested blockquote (created by using three ">" per line)

And this is a blockquote nested within a nested blockquote that is nested inside yet another blockquote. (Created by using four ">" per line")
My head hurts from thinking about it.

And this a blockquote made using the div class "blockquote"

[[div class="blockquote"]]

[[/div]]

A nested blockquote

A double nested blockquote

A triple nested blockquote!

And this a separate, custom blockquote made using the div class "pinkquote"

[[div class="pinkquote"]]

[[/div]]

A nested pink blockquote

A double nested pink blockquote

A triple nested pink blockquote!

This is	a table
This is something	you should know
how to do

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

[[/div]]

This quote has style!

[[div class="lightblock"]]

[[/div]]

Let there be light…blocks!

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

[[/div]]
This quote is a lie.

[[div class="darkblock"]]

[[/div]]

Perfect for a deceptive level that isn't as peaceful as it appears… or just a dark twist

Re-colored Survival Difficulty Classes!

SURVIVAL DIFFICULTY:

Class 0

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class 1

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class 2

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class 3

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class 4

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class 5

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class unknown

• {$one}
• {$two}
• {$three}

SURVIVAL DIFFICULTY:

Class habitable

• {$one}
• {$two}
• {$three}

+ Theme Code

@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
 
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "dream";
   --theme-name: "To Wish Upon a Dream";
 
   --logo-image: url(http://backrooms-wiki.wikidot.com/local--files/theme:to-wish-upon-a-dream/DreamLogo.png);
   --header-title: "The Backrooms";
   --header-subtitle: "Living through a dream";
 
   --body-font: 'Architects Daughter', cursive;
   --header-font: 'Architects Daughter', cursive;
   --title-font: 'Architects Daughter', cursive;
   --white-monochrome: 239, 211, 241;
   --pale-gray-monochrome: 255, 215, 245;
   --gray-monochrome: 200, 200, 200;
   --dark-gray-monochrome: 99, 91, 99;
   --black-monochrome: 30, 30, 30;
   --bright-accent: 120, 120, 120;
   --medium-accent: 100, 100, 100;
   --dark-accent: 130, 120, 130;
   --pale-accent: 255, 255, 255;
   --swatch-text-light: 255, 255, 255;
   --swatch-menutxt-light-color: 255, 255, 255;
   --rating-module-button-plus-color: 150, 150, 150;
   --rating-module-button-negative-color: 150, 150, 150;
   --rating-module-button-cancel-color: 150, 150, 150;
   --rating-module-button-credit-color: 150, 150, 150;
   --link-color: 231, 40, 70;
}
 
#skrollr-body {
    background-image: url("http://backrooms-wiki.wikidot.com/local--files/theme:to-wish-upon-a-dream/CloudsTilable.jpg");
    background-size: auto 12rem;
}
 
@media only screen and (max-width: 425px) {
    #skrollr-body {
        background-image: url("http://backrooms-wiki.wikidot.com/local--files/theme:to-wish-upon-a-dream/CloudTexture08.jpg");
        background-size: inherit
    }
}
 
#header::before {
    opacity: 1;
}
 
#login-status {
   color: rgb(var(--swatch-text-light));
}
 
#account-topbutton {
   border-color: rgb(var(--swatch-text-light));
}
 
div.rate-box-with-credit-button {
 
display: flex;
--box-shadow: rgba(var(--swatch-menubg-black-color),0.15);
    display: inline-flex;
    margin-bottom: 0.75rem;
    box-shadow: 0.0625rem 0.0625rem 0 hsla(0,0%,5%,.15);
    box-shadow: 0.0625rem 0.0625rem 0 var(--box-shadow);
    border: 0.0625rem solid hsla(0,0%,5%,.25);
    border: 0.0625rem solid rgba(var(--swatch-menubg-black-color),.25);
    border-radius: 0;
    background: linear-gradient(0deg,hsla(0,0%,67%,.25) 0,hsla(0,0%,67%,.15));
    background: linear-gradient(to top,rgba(var(--swatch-tertiary-color),.25) 0,rgba(var(--swatch-tertiary-color),.15) 100%);
    background-color: #fcfcfc;
    background-color: rgb(var(--swatch-background));
    padding: 0 0.125rem;
    height: var(--rating-module-height);
    overflow: hidden;
}
 
div.page-rate-widget-box {
display: flex;
--box-shadow: rgba(var(--swatch-menubg-black-color),0.15);
    display: inline-flex;
    margin-bottom: 0.75rem;
    box-shadow: 0.0625rem 0.0625rem 0 hsla(0,0%,5%,.15);
    box-shadow: 0.0625rem 0.0625rem 0 var(--box-shadow);
    border: 0.0625rem solid hsla(0,0%,5%,.25);
    border: 0.0625rem solid rgba(var(--swatch-menubg-black-color),.25);
    border-radius: 0;
    background: linear-gradient(0deg,hsla(0,0%,67%,.25) 0,hsla(0,0%,67%,.15));
    background: linear-gradient(to top,rgba(var(--swatch-tertiary-color),.25) 0,rgba(var(--swatch-tertiary-color),.15) 100%);
    background-color: #fcfcfc;
    background-color: rgb(var(--swatch-background));
    padding: 0 0.125rem;
    height: var(--rating-module-height);
    overflow: hidden;
}
 
.lightblock {
   background-color:rgb(235,235,235);
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(235,235,235);
   border-left: 0.5rem solid rgb(130,130,130);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.2rem 0.4rem 1.2rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(59,59,59);
   color:rgb(235,235,235);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
   font-family: 'Yeseva One', cursive;
   --title-font: 'Yeseva One', cursive;
}
 
.dark-styled-quote {
   background-color:rgb(59,59,59);
   color:rgb(235,235,235);
   border-left: 0.5rem solid rgb(130,130,130);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.2rem 0.4rem 1.2rem rgba(0,0,0,.25);
   font-family: 'Yeseva One', cursive;
   --title-font: 'Yeseva One', cursive;
}
 
.pinkquote {
 
-box-shadow: rgba(var:is(--swatch-menubg-black-color),0blockquote,.blockquote,div.1);blockquote,
--box-shadow: rgba(var(--swatch-menubg-black-color),0.1);
    display: block;
    clear: both;
    box-shadow: 0 0.0625rem 0.125em rgba(0,0,0,.1);
    box-shadow: 0 0.0625rem 0.125em var(--box-shadow);
    border: 0.0625rem dashed rgba(var(--swatch-border-color),.25);
    background-color:rgb(255, 215, 245);
    padding: 0 1em;
   font-family: 'Architects Daughter', cursive;
 
}
 
div#page-info {
color:rgb(25, 25, 25);
}
 
div.blockquote {
 
-box-shadow: rgba(var:is(--swatch-menubg-black-color),0blockquote,.blockquote,div.1);blockquote,
--box-shadow: rgba(var(--swatch-menubg-black-color),0.1);
    display: block;
    clear: both;
    box-shadow: 0 0.0625rem 0.125em rgba(0,0,0,.1);
    box-shadow: 0 0.0625rem 0.125em var(--box-shadow);
    border: 0.0625rem dashed rgba(var(--swatch-border-color),.25);
    background-color:rgb(255, 255, 255);
    padding: 0 1em;
   font-family: 'Architects Daughter', cursive;
 
}
 
#page-content blockquote {
 
-box-shadow: rgba(var:is(--swatch-menubg-black-color),0blockquote,.blockquote,div.1);blockquote,
--box-shadow: rgba(var(--swatch-menubg-black-color),0.1);
    display: block;
    clear: both;
    box-shadow: 0 0.0625rem 0.125em rgba(0,0,0,.1);
    box-shadow: 0 0.0625rem 0.125em var(--box-shadow);
    border: 0.0625rem dashed rgba(var(--swatch-border-color),.25);
    background-color:rgb(255, 255, 255);
    padding: 0 1em;
   font-family: 'Architects Daughter', cursive;
 
}
 
#page-content .licensebox .collapsible-block-link {
    color: rgb(var(--link-color));
}
 
#page-content .licensebox .collapsible-block-link:hover {
     color: rgb(var(--link-color)));
}
 
:is(.yui-navset,.yui-navset-top,.yui-navset-bottom) .yui-nav .selected a em, :is(.yui-navset,.yui-navset-top,.yui-navset-bottom) .yui-nav a em {
    --tab-border-color: rgb(var(--swatch-primary-darker));
    --box-shadow: var(--tab-border-color);
    zoom: unset;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    box-shadow: 0 0.3125rem 0 0 #8c1419;
    box-shadow: 0 0.3125rem 0 0 var(--box-shadow);
    border: 0;
    width: calc(100% - 0.125rem);
}
 
.wiki-content-table th {
    color: #F5F5F5 !important;
    background-color: #646464 !important;
}
 
.darkblock h1,
.darkblock h2,
.darkblock h3,
.darkblock h4,
.darkblock h5,
.darkblock h6 {
   color: rgb(235, 235, 235);
}
 
.dark-styled-quote h1,
.dark-styled-quote h2,
.dark-styled-quote h3,
.dark-styled-quote h4,
.dark-styled-quote h5,
.dark-styled-quote h6 {
   color: rgb(235, 235, 235);
}
 
/* ==SD CLASS CODE== */
 
.sd-container {
   --sd-border:59,59,59;
}
 
.top-box {
   border-color: rgb(59, 54, 59) !important;
}
 
.bottom-box ul li {
   color: rgb(59, 54, 59) !important;
}
 
.bottom-box ul li:before {
   background: rgb(59, 54, 59) !important;
}
 
.top-box .gradient-box {
  background: linear-gradient(90deg, rgba(59, 54, 59, 1) 0%, rgba(59, 54, 59, 0) 36%) !important;
}
 
.header-diamond {
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%233b363b;%7D .st1%7Bfill:%233b363b;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E") !important;
}
 
.top-box.class-unknown .header-diamond { filter: none !important; }
.top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; }
 
.top-box .header-diamond .diamond-image {
   filter: brightness(0%) invert(100%);
}
 
.top-box.class-0,
.header-diamond .diamond-color.class-0 {
   background: rgb(251, 182, 203) !important;
}
 
.top-box.class-1,
.header-diamond .diamond-color.class-1 {
   background: rgb(249, 134, 168) !important;
}
 
.top-box.class-2,
.header-diamond .diamond-color.class-2 {
   background: rgb(247, 85, 133) !important;
}
 
.top-box.class-3,
.header-diamond .diamond-color.class-3 {
   background: rgb(245, 36, 98) !important;
}
 
.top-box.class-4,
.header-diamond .diamond-color.class-4 {
   background: rgb(219, 10, 73) !important;
}
 
.top-box.class-5,
.header-diamond .diamond-color.class-5 {
   background: rgb(170, 8, 57) !important;
}
 
.top-box.class-unknown,
.header-diamond .diamond-color.class-unknown {
   background: rgb(59, 54, 59) !important;
}
 
.top-box.class-habitable,
.header-diamond .diamond-color.class-habitable {
   background: rgb(247, 85, 133) !important;
}

+ Licensing / Citation

Name: CloudTexture08.jpg, CloudsTilable.jpg
Author: Jacob Gube
License: CC BY 2.0
Source Link: https://www.flickr.com/photos/31288116@N02/3909269627
Additional Notes: Edited by CutTheBirch

Name: Backrooms Wiki Logo, DreamLogo.png
Author: EstrellaYoshte
License: CC BY-SA 3.0
Additional Notes: DreamLogo.png edited by MC_Crafter_24_7

Name: MoonSkyPainting.jpg
Author: NoName_13
License: Pixabay License
Source Link: https://pixabay.com/photos/background-stationery-guestbook-sky-3069469/