Ashes To Ashes Theme

Link to article: Ashes To Ashes Theme.

Module Styles

• @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
  @import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");

• 
  @import url('https://fonts.bunny.net/css2?family=Protest+Revolution&display=swap');
  @import url('https://fonts.bunny.net/css2?family=Fredericka+the+Great&display=swap');
  
  :root {
      /* ACT-SPECIFIC CSS */
      --head-prelude: "YOSHIHIDE'S PROPOSAL";
      --head-1: "THE TRAIL FOR BEASTS";
      --head-2: "THE PATH OF SWORDS";
      --head-3: "THE ROAD TO HELL";
  
      --sub-prelude: "A PORTRAIT OF HELL";
      --sub-1: "YOSHIHIDE'S PROPOSAL";
      --sub-2: "YOSHIHIDE'S PROPOSAL";
      --sub-3: "YOSHIHIDE'S PROPOSAL";
  
      /* REGULAR STUFF */
  
      /* General */
  
      --bright-accent: 130, 0, 0;
      --medium-accent: 100, 0, 0;
      --dark-accent: 70, 0, 0;
  
      --background-gradient-color: 255, 220, 220;
  
      /* Header */
  
      --header-h1-font-size: clamp(1.4rem, 5vw, 2.8125rem);
  
      --logo-image: url("");
  
      --header-title: "YOSHIHIDE'S PROPOSAL";
      --header-title: var(--head-{$act});
  
      --header-subtitle: var(--sub-prelude);
      --header-subtitle: var(--sub-{$act});
  
      --header-gradient-color-bottom: 100, 0, 0;
      --header-gradient-color-middle: 10, 0, 0;
      --header-gradient-color-top: 0, 00, 0;
  
      --swatch-topmenu-bg-color: 30, 10, 10;
      --swatch-topmenu-border-color: 150, 0, 0;
  
      --diagonal-stripes: unset;
      --header-font: 'Fredericka the Great', Times New Roman;
  }
  
  #license-area {
      background-color: rgb(30, 10, 10);
  }
  
  #breadcrumbs {
      margin: auto;
  }
  
  #header div[class*="top-bar"] > ul > li > ul {
      background: rgba(30, 10, 10, 0.9);
  }
  
  #container {
      background: url(https://scp-wiki.wikidot.com/local--files/theme:ashes-to-ashes/fire.webp);
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-size: auto;
      background-repeat: repeat-x;
      background-position: top center;
      background-size: inherit;
  }
  
  #content-wrap::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:ashes-to-ashes/bamboo.webp);
      z-index: -1;
      opacity: 0.05;
      background-position: center center;
  }
  
  #content-wrap::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -2;
      background-image: url(https://scp-wiki.wikidot.com/local--files/theme:ashes-to-ashes/parchment.webp);
      background-position: center center;
      background-size: cover;
      opacity: 0.12;
  }
  
  #header::before {
      filter: drop-shadow(0px 3px 2px black);
  }
  
  #header div[class*="top-bar"] > ul {
      font-family: var(--header-font);
  }
  
  #page-title {
      display: none;
  }
  
  #main-content hr {
      border-top: 0.163rem solid rgb(70, 0, 0);
  }
  
  :is(div.image-block, div.scp-image-block) {
      gap: 0px;
      border: 5px solid rgba(30, 10, 10, 0.9);
  }
  
  :is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) {
      background-color: rgba(30, 10, 10, 0.9);
      padding: calc(0.5ex + .0625rem) 0.5ch 0ex;
      color: white;
  }
  
  :is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
      box-shadow: inset 0 0 0 .0625rem rgba(150, 100, 100, .5),inset .0625rem 0 0 0 rgba(150, 100, 100, .5),inset 0 -.0625rem 0 0 rgba(150, 100, 100, .75);
  }
  

Inline Styles

• (none)

Includes

• :scp-wiki:component:toggle-sidebar-bhl [info]
• :scp-wiki:component:centered-header-bhl [info]
• component:image-block

CSS Classes

• (none)

Page Source

[[iftags +theme]]
[[module CSS]]
@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/normalize.min.css");
@import url("https://nu-scptheme.github.io/Black-Highlighter/css/min/black-highlighter.min.css");
[[/module]]
[[/iftags]]

[[include :scp-wiki:component:toggle-sidebar-bhl]]
[[include :scp-wiki:component:centered-header-bhl]]

[[module CSS]]

@import url('https://fonts.bunny.net/css2?family=Protest+Revolution&display=swap');
@import url('https://fonts.bunny.net/css2?family=Fredericka+the+Great&display=swap');

:root {
    /* ACT-SPECIFIC CSS */
    --head-prelude: "YOSHIHIDE'S PROPOSAL";
    --head-1: "THE TRAIL FOR BEASTS";
    --head-2: "THE PATH OF SWORDS";
    --head-3: "THE ROAD TO HELL";

    --sub-prelude: "A PORTRAIT OF HELL";
    --sub-1: "YOSHIHIDE'S PROPOSAL";
    --sub-2: "YOSHIHIDE'S PROPOSAL";
    --sub-3: "YOSHIHIDE'S PROPOSAL";

    /* REGULAR STUFF */

    /* General */

    --bright-accent: 130, 0, 0;
    --medium-accent: 100, 0, 0;
    --dark-accent: 70, 0, 0;

    --background-gradient-color: 255, 220, 220;

    /* Header */

    --header-h1-font-size: clamp(1.4rem, 5vw, 2.8125rem);

    --logo-image: url("");

    --header-title: "YOSHIHIDE'S PROPOSAL";
    --header-title: var(--head-{$act});

    --header-subtitle: var(--sub-prelude);
    --header-subtitle: var(--sub-{$act});

    --header-gradient-color-bottom: 100, 0, 0;
    --header-gradient-color-middle: 10, 0, 0;
    --header-gradient-color-top: 0, 00, 0;

    --swatch-topmenu-bg-color: 30, 10, 10;
    --swatch-topmenu-border-color: 150, 0, 0;

    --diagonal-stripes: unset;
    --header-font: 'Fredericka the Great', Times New Roman;
}

#license-area {
    background-color: rgb(30, 10, 10);
}

#breadcrumbs {
    margin: auto;
}

#header div[class*="top-bar"] > ul > li > ul {
    background: rgba(30, 10, 10, 0.9);
}

#container {
    background: url(https://scp-wiki.wikidot.com/local--files/theme:ashes-to-ashes/fire.webp);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: repeat-x;
    background-position: top center;
    background-size: inherit;
}

#content-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://scp-wiki.wikidot.com/local--files/theme:ashes-to-ashes/bamboo.webp);
    z-index: -1;
    opacity: 0.05;
    background-position: center center;
}

#content-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-image: url(https://scp-wiki.wikidot.com/local--files/theme:ashes-to-ashes/parchment.webp);
    background-position: center center;
    background-size: cover;
    opacity: 0.12;
}

#header::before {
    filter: drop-shadow(0px 3px 2px black);
}

#header div[class*="top-bar"] > ul {
    font-family: var(--header-font);
}

#page-title {
    display: none;
}

#main-content hr {
    border-top: 0.163rem solid rgb(70, 0, 0);
}

:is(div.image-block, div.scp-image-block) {
    gap: 0px;
    border: 5px solid rgba(30, 10, 10, 0.9);
}

:is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) {
    background-color: rgba(30, 10, 10, 0.9);
    padding: calc(0.5ex + .0625rem) 0.5ch 0ex;
    color: white;
}

:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
    box-shadow: inset 0 0 0 .0625rem rgba(150, 100, 100, .5),inset .0625rem 0 0 0 rgba(150, 100, 100, .5),inset 0 -.0625rem 0 0 rgba(150, 100, 100, .75);
}

[[/module]]
[[iftags +theme]]
[[=]]
[[module Rate]]
[[/=]]

> Oh yes, this was it: for the sake of painting this one image, the terrible event occurred. Otherwise, how could even the great Yoshihide have painted hell's torments so vividly? It was his cruel fate to lose his life in exchange for completing the screen. 
> 
> In a sense, the hell in his painting was the hell into which Yoshihide himself, the greatest painter in the realm, was doomed one day to fall.

@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@

----

This theme was made for Yoshihide's Proposal, written for the [https://scp-wiki.wikidot.com/pdcontest2025 Public Domain Contest 2025]. It is not recommended for usage outside this context.

If you //do// want to use this theme regardless of that context, you can import it with the following code:

{{@@    [[include :scp-wiki:theme:ashes-to-ashes]]@@}}

This theme also has four different presents, specified through the {{act}} parameter: {{prelude}}, {{1}}, {{2}}, and {{3}}.

Below are examples of different properties of this theme.

----

@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@

[[include component:image-block name=https://scp-wiki.wikidot.com/local--files/theme:ashes-to-ashes/overseer4.webp|caption=Was it worth it?]]

+ Header 1

++ Header 2

+++ Header 3

++++ Header 4

+++++ Header 5

++++++ Header 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [https://scp-wiki.wikidot.com/scp-5993 Ut enim ad minim veniam], //quis nostrud// **exercitation ullamco** //**laboris nisi ut aliquip**// ex ea commodo consequat. [[[9828d03c-c0b4-40d2-a6fb-600c8e08b8d3|Duis aute irure dolor]]] in reprehenderit[[footnote]]Footnote[[/footnote]] in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[[collapsible show="Collapsible" hide="Hide Collapsible"]]

= Surprise!

[[/collapsible]]

@@ @@

> This is a blockquote. Tada!
>> Woah... blockquoteception!

@@ @@

[[footnoteblock]]

[[/iftags]]