Forevermore

This theme was created by yours truly, TrailmixNCocoa!

This theme was initially for a Valentine's Day kind of entry, but I realized that it pretty much works with any kind of romance-themed articles/tales! In love is La Vie En Rose, right? What better way to show love through the lovey-dovey shades of red and pink!

To use it, put the following code on your page:

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

blep.

Creating cool lil horizontal rules is possible by typing 5 hyphens "-----". These lines extend across the whole page if it's not placed inside anything, like a blockquote!.

---

If you'd like sections to be categorized more specifically, use titles! These can be created by putting between one-six plus signs "+" at the start of the line.

Show Titles

Hold me close and hold me fast

This magic spell you cast

This is La Vie En Rose~

When you kiss me, Heaven sighs

And though I close my eyes

I see La Vie En Rose~

My love,

When you read this,

Know that my heart will always be with you.

You are the rock that keeps me grounded,

You are the sun that grants me pure warmth.

No one makes me happier,

No one makes me feel safer,

No one quite like you could ever make me feel so loved.

I wish you knew

Just how amazing you are,

Just how much I utterly adore you.

I hope you know

That you are more than worth it.

More than you allow yourself to think.

You are my beloved.

May this remind you of my neverending desire for you

And to you, my dearest, I love you...

From now until Forevermore.

---

I'm so proud of you.
Even when you don't think you deserve it.

---

Like I said so many times before,

I'm going to love you.¹

---

Number of reasons to love you	Number of reasons to not love you
100,000,000,000+	0
Information gathered by: Yours truly

---

The sun will be shining

The flowers will be blooming

The leaves will turn again

But time will be frozen for us

(Ah, ah-ah~)

Time will be frozen for us

---

Until the last fragments of my mind fade away,
Until my mind is filled with nothing but fog,
Until my blood stops running,
Until there are no tears left to sob,
I will love you, for you're worth fighting for,.
I will love you, forevermore.

---

The header and title font used is Mea Culpa.
The body font used is Rochester.
The monospace font used is Charm.

---

+ Theme Code

@import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rochester&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Charm&display=swap');
 
@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "mm-theme";
   --theme-name: "Forevermore";
 
   --logo-image: url("https://i.ibb.co/q1MdL2q/output-onlinepngtools-5.png");
   --header-title: "Forevermore";
   --header-subtitle: "Yours Truly, Until the End of Time.";
 
   --body-font: 'Rochester', sans-serif;
    letter-spacing: .normal;
     font-size: .05rem;
   --header-font: 'Mea Culpa'; serif;
    letter-spacing: .1rem;
    font-size: 200%;
   --title-font: 'Mea Culpa', serif;
    letter-spacing: .1rem;
    font-size: large;
   --mono-font: 'Charm'; monospace;
 
--reddish-pink-monochrome: 219, 57, 84;
   --blue-monochrome: 110, 39, 59;
   --pale-blue-monochrome: 222, 144, 162;
   --pale-purple-monochrome: 122, 77, 98;
   --red-purple-monochrome: 105, 49, 58;
   --redder-purple-monochrome: 102, 31, 42;
   --pale-red-monochrome: 255, 189, 189;
   --pale-pink-monochrome: 255, 204, 204;
--dark-red: 64, 4, 4;
--even-darker-red: 33, 1, 1;
   --bright-accent: 219, 31, 46;
   --medium-accent: 168, 34, 52;
   --dark-accent: 110, 8, 8;
   --pale-accent: 143, 59, 64;
--light-grey-monochrome: 168, 168, 168;
--green-monochrome: 0, 200, 0;
--white-monochrome: 255, 255, 255;
--dark-purple-monochrome: 48, 21, 22;
--purple-monochrome: 71, 43, 47;
--red-pink-monochrome: 161, 47, 57;
--just-pink: 255, 201, 215;
--redder-pink-monochrome: 222, 164, 169;
--even-paler-blue: 194, 136, 176;
--another-pink-shade: 240, 129, 144;
--penk:
 
--background-gradient-color: rgb(240, 187, 187);
 
 --swatch-background: var(--pale-pink-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--reddish-pink-monochrome);
    --swatch-primary-darkest: var(--dark-accent);
 
    --swatch-text-dark: var(--dark-accent);
    --swatch-text-light: var(--pale-pink-monochrome);
    --swatch-important-text: var(--pale-red-monochrome);
    --barColour: var(--blue-monochrome);
    --linkColour: var(--pale-blue-accent);
 
   --swatch-topmenu-border-color:  219, 101, 121;
 --swatch-menubg-dark-color: 140, 27, 46;
 --barColour: 198, 33, 33
--swatch-topmenu-bg-color: 245, 118, 139;
 
 --swatch-headerh1-color: var(--pale-pink-monochrome);
    --swatch-headerh2-color: var(--pale-red-monochrome);
    --swatch-topmenu-border-color: var(--red-purple-monochrome);
    --swatch-topmenu-bg-color: var(--dark-purple-monochrome);
 
   --link-color: 173, 26, 85;
  --visited-link-color: 143, 3, 59;
   --hover-link-color: 143, 3, 68;
   --new-page-color: 196, 29, 57;
   --sidebar-links-text: 84, 22, 40;
   --link-color-bright: 184, 38, 40;
 
   --background-gradient-distance: 0rem;
 
 --rating-module-button-color: var(--pale-pink-monochrome);
    --rating-module-button-plus-color: 0, 200, 0;
    --rating-module-button-negative-color: 198, 33, 33;
    --rating-module-button-cancel-color: 180, 180, 180;
    --rating-module-button-credit-color: 128, 56, 70;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--dark-accent)) 0%,
      rgba(var(--pale-red-monochrome)) 20%,
      rgba(var(--redder-pink-monochrome)) 40%,
      rgba(var(-red-pink-monochrome-)) 50%,
      rgba(var(--just-pink)) 60%,
      rgba(var(--pale-pink-monochrome), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#main-content {
   background-color: 251, 237, 242;
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgba(var(--red-purple-monochrome)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   background-color: rbga(var(--pale-pink-monochrome));
}
 
#container {
   background-image: radial-gradient(star, rgb(var(--pale-blue-monochrome), 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;
}
 
.footnotes-footer {
--footnotes-footer-bg-color: var(--reddish-pink-monochrome);
  color: rgb(var(--pale-pink-monochrome));
}
 
a.footnote-footer {
    color: rgb(var(--pale-red-monochrome)) !important;
}
.footnote-footer>a:first-of-type {
    color: rgb(var(--pale-red-monochrome)) !important;
}
 
#page-title {
    border-color: rgb(var(--pale-purple-monochrome));
    color: rgb(var(--dark-accent))!important;
    font-size: 2rem;
}
 
#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.5;
}
 
#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 #803846;
}
 
.page-rate-widget-box {
     box-shadow: 0px 0px 0px 2px rgb(var(--dark-accent));
    background: rgb(var(--dark-accent));
     padding: .1em;
     border-radius: 0px 10px 0px 10px;
}
 
.page-rate-widget-box .rate-points {
    background-color: none;
    border: none;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: rgb(var(--dark-accent));
    border-top: none;
    border-bottom: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: rgb(var(--pale-blue-monochrome));
}
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: rgb(var(--dark-accent));
    border: none;
}
 
.page-rate-widget-box .cancel a {
    color: rgb(var(--dark-accent));
}
 
span.printuser {
    color: rgb(var(--dark-accent));
}
 
.code {
    border: 2px dashed rgb(var(--pale-red-monochrome));
}
 
blockquote {
   padding: 0.4rem 0.4rem;
   margin: 1rem 0;
   background: rgb(var(--another-pink-shade));
   box-shadow: 0px 0px 3px;
   border: 1.75px solid rgb(var(--redder-pink-monochrome));
   box-sizing: border-box;
}
 
.block-quote {
   padding: 0.4rem 0.4rem;
   margin: 1rem 0;
   background: rgb(var(--another-pink-shade));
   border-radius: 0.1rem;
   box-shadow: 0px 0px 3px;
   border: 1.75px solid rgb(var(--just-pink));
   box-sizing:border-box;
}
 
.styled-quote {
   background-color: rgb(var(--just-pink));
   border-left: 0.5rem solid rgb(var(--dark-accent));
   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: rgba(217, 91, 125);
   border-left: 0.5rem solid rgb(var(--blue-monochrome));
   color: rgb(var( --pale-pink-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-dark-color)) ;
}
 
.lightblock {
   background-color: rgb(var(--just-pink));
   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: rgba(217, 91, 125);
   color: rgb(var( --pale-pink-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);
}
 
.borderblock {
   background-color: rgb(var(--just-pink));
   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(--dark-accent));
}
 
.logoblock{
padding: 0.01rem 1rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
margin: 0.5rem 0 0.5rem 0.25rem;
display: block;
position: relative;
background-color: rgb(var(--just-pink));
}
 
.logoblock::after{
content: "";
float: center;
border: solid 2px rgb(var(--dark-accent));
background: url(https://i.ibb.co/q1MdL2q/output-onlinepngtools-5.png)center/50% no-repeat;
opacity: 0.4726;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
}
 
#account-topbutton {
    color: rgb(var(--pale-pink-monochrome));
}
 
table.wiki-content-table td {
   background-color: rgb(var(--love-pink-smh));
   color: rgb(var(--dark-accent));
}
 
table.wiki-content-table th {
   background-color: rgb(var(--dark-accent));
   color: rgb(var(--pale-pink-monochrome));
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--pale-pink-monochrome));
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    background-color: #c75454;
    color: rgb(var(--pale-pink-monochrome));
}
 
.yui-navset .yui-nav .selected a em {
    color: rgb(var(--pale-pink-monochrome));
}
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav   {
    border-color: #9e1616;
    border-width:0 0 2px
}
 
hr{
   height: 1px;
   background-color: rgba(var(--red-pink-monochrome));
   border: none;
}
 
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
   border-color: rgb(var(--red-pink-monochrome));
}

---

Whose heart pounds so much for thee?

Yours truly,
TrailmixNCocoa
Author Page Here (Chocolate Inside)!

This theme was greenlit by CutTheBirch! Access Birch's author page here!

Footnotes

1. Forevermore.