THEMOSTWRATHFULCON

Link to article: THEMOSTWRATHFULCON.

Module Styles

• /* The Most Wrathful Theme 😡 */
  /* Based on Wrath Theme by syuzhet */
  
  @import url('https://fonts.googleapis.com/css2?family=Love+Ya+Like+A+Sister&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Teko');
  @import url('https://fonts.googleapis.com/css2?family=Oswald');
  
  :root {
      --basalt-primary-color: 255, 255, 255;
      --basalt-secondary-color: 255, 255, 255;
      --basalt-tertiary-color: 255, 255, 255;
  
      --basalt-overtone: 255, 0, 0;
      --basalt-undertone: 255, 0, 0;
      --basalt-bright-element-color: 255, 0, 0;
      --basalt-dark-element-color: 255, 0, 0;
  
      --link-color: 255, 0, 0;
      --link-visited-color: 255, 0, 0;
      --link-newpage-color: 255, 0, 0;
  
      --top-bar-link-color-hover: 255, 255, 255;
      --login-status-text-color-hover: 255, 255, 255;
      --side-bar-link-color-hover: 255, 255, 255;
      --side-bar-link-background-hover: 20, 20, 20;
      --selection-text-color: 255, 255, 255;
  
      --header-border-width: 0rem;
      --title-size: 1.25rem;
      --subtitle-size: 0rem;
      --side-bar-button-height: 50vh;
      --user-button-width: 2rem;
      --header-logo-size: 67.5%;
  
      --basalt-UI-dark-palette: 0, 0, 0;
      --top-bar-link-background-hover: 255, 0, 0;
  
  }
  
  #header h1 a::before {
      display: none;
  }
  
  #header h1 a span::after {
      margin-bottom: 0;
  }
  
  #container #header {
      background: none;
      position: absolute;
      box-shadow: unset;
      backdrop-filter: none;
  }
  
  #main-content {
      margin-top: 0;
  }
  
  #page-content {
      padding-top: 0;
  }
  
  .widebox {
      position: relative;
      left: calc(-50dvw + 50%);
      width: 100dvw !important;
      max-width: 100dvw !important;
  }
  
  .widebox .blockquote {
      margin: 4rem auto;
      padding: 2rem 2rem;
  }
  
  .widebox .rate-module {
      position: absolute;
      right: 1rem;
      top: 3rem;
      z-index: 9;
  }
  
  .headerimage {
      position: relative;
      height: calc(120dvh);
      background-image: url("https://scp-wiki.wikidot.com/local--files/khornecon/banner.svg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
  }
  
  .headerimage .wrathtext {
      position: relative;
      display: block;
      margin: auto;
      bottom: -75dvh;
      width: 40%;
  }
  
  .headerimage .skullseparator {
      position: absolute;
      bottom: -20dvw;
      width: 100%;
      filter: grayscale(100%);
  }
  
  .mostWrathfulBox {
      font-family: "Oswald";
      padding-top: 40dvh;
      width: 80%;
      margin: 0 auto;
  }
  
  .mostWrathfulBox h1 {
      margin-block: 0.5em;
      font-size: 10em;
      font-family: "Teko";
      font-weight: 900;
      text-shadow: 0.05em 0.05em 0 rgb(255, 0, 0);
      line-height: 1;
  }
  
  .mostWrathfulBox h2 {
      font-family: "Oswald";
      font-size: 6em;
      font-weight: 900;
      line-height: 1;
  }
  
  .mostWrathfulBox p {
      font-weight: 800;
      font-size: 4em;
      line-height: 1.2;
  }
  
  span {
      word-break: keep-all !important;
  }
  
  .mostWrathfulBox h1:nth-child(1) {
      margin-top: 1em;
  }
  
  .mostWrathfulBox .title h1 {
      margin-bottom: 0em;
  }
  
  .mostWrathfulBox .extraTitle h1 {
      font-family: "Love Ya Like A Sister";
  }
  
  .mostWrathfulBox .extraTitle h1 span {
      font-size: 80%;
  }
  
  .mostWrathfulBox .extraDescription {
      font-size: 1.2em;
  }
  
  .mostWrathfulBox .extraDescription p {
      font-size: 100%;
  }
  
  .angrySkull {
      float: right;
      shape-outside: circle(50%);
      padding: 5%;
      box-sizing: border-box;
  }
  
  @media only screen and (max-width: 1020px) {
      #container #header {
          background: white;
          position: sticky;
      }
  
      .headerimage {
          height: calc(80dvh);
          overflow-x: clip;
      }
  
      .headerimage .skullseparator {
          top: calc(55dvh);
          left: -37.5dvw;
          width: 150dvw;
          max-width: 150dvw;
      }
  
      .headerimage .wrathtext {
          bottom: -40dvh;
          width: 90%;
      }
  
      .mostWrathfulBox {
          padding-top: 5dvh;
          font-size: 1rem;
      }
  
      .mostWrathfulBox h1 {
          font-size: 4em;
      }
  
      .mostWrathfulBox h2 {
          font-size: 3em;
      }
  
      .mostWrathfulBox p {
          font-weight: 800;
          font-size: 2em;
      }
  
      .mostWrathfulBox h3 {
          font-size: 2em;
          line-height: 1;
      }
  
      .mostWrathfulBox .angry {
          width: 100%;
      }
  
      .mostWrathfulBox .sideskull {
          display: none;
      }  
  }

Inline Styles

• (none)

Includes

• :scp-wiki:theme:basalt [info]
• :scp-wiki:component:license-box [info]
• :scp-wiki:component:license-box-end [info]

CSS Classes

• widebox

• rate-module

• headerimage

• wrathtext

• skullseparator

• mostWrathfulBox

• title

• title

• extraTitle

• extraDescription

• angrySkull

Page Source

[[include :scp-wiki:theme:basalt hidetitle=a|centertitle=a]]
[[module CSS]]
/* The Most Wrathful Theme 😡 */
/* Based on Wrath Theme by syuzhet */

@import url('https://fonts.googleapis.com/css2?family=Love+Ya+Like+A+Sister&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko');
@import url('https://fonts.googleapis.com/css2?family=Oswald');

:root {
    --basalt-primary-color: 255, 255, 255;
    --basalt-secondary-color: 255, 255, 255;
    --basalt-tertiary-color: 255, 255, 255;

    --basalt-overtone: 255, 0, 0;
    --basalt-undertone: 255, 0, 0;
    --basalt-bright-element-color: 255, 0, 0;
    --basalt-dark-element-color: 255, 0, 0;

    --link-color: 255, 0, 0;
    --link-visited-color: 255, 0, 0;
    --link-newpage-color: 255, 0, 0;

    --top-bar-link-color-hover: 255, 255, 255;
    --login-status-text-color-hover: 255, 255, 255;
    --side-bar-link-color-hover: 255, 255, 255;
    --side-bar-link-background-hover: 20, 20, 20;
    --selection-text-color: 255, 255, 255;

    --header-border-width: 0rem;
    --title-size: 1.25rem;
    --subtitle-size: 0rem;
    --side-bar-button-height: 50vh;
    --user-button-width: 2rem;
    --header-logo-size: 67.5%;

    --basalt-UI-dark-palette: 0, 0, 0;
    --top-bar-link-background-hover: 255, 0, 0;

}

#header h1 a::before {
    display: none;
}

#header h1 a span::after {
    margin-bottom: 0;
}

#container #header {
    background: none;
    position: absolute;
    box-shadow: unset;
    backdrop-filter: none;
}

#main-content {
    margin-top: 0;
}

#page-content {
    padding-top: 0;
}

.widebox {
    position: relative;
    left: calc(-50dvw + 50%);
    width: 100dvw !important;
    max-width: 100dvw !important;
}

.widebox .blockquote {
    margin: 4rem auto;
    padding: 2rem 2rem;
}

.widebox .rate-module {
    position: absolute;
    right: 1rem;
    top: 3rem;
    z-index: 9;
}

.headerimage {
    position: relative;
    height: calc(120dvh);
    background-image: url("https://scp-wiki.wikidot.com/local--files/khornecon/banner.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.headerimage .wrathtext {
    position: relative;
    display: block;
    margin: auto;
    bottom: -75dvh;
    width: 40%;
}

.headerimage .skullseparator {
    position: absolute;
    bottom: -20dvw;
    width: 100%;
    filter: grayscale(100%);
}

.mostWrathfulBox {
    font-family: "Oswald";
    padding-top: 40dvh;
    width: 80%;
    margin: 0 auto;
}

.mostWrathfulBox h1 {
    margin-block: 0.5em;
    font-size: 10em;
    font-family: "Teko";
    font-weight: 900;
    text-shadow: 0.05em 0.05em 0 rgb(255, 0, 0);
    line-height: 1;
}

.mostWrathfulBox h2 {
    font-family: "Oswald";
    font-size: 6em;
    font-weight: 900;
    line-height: 1;
}

.mostWrathfulBox p {
    font-weight: 800;
    font-size: 4em;
    line-height: 1.2;
}

span {
    word-break: keep-all !important;
}

.mostWrathfulBox h1:nth-child(1) {
    margin-top: 1em;
}

.mostWrathfulBox .title h1 {
    margin-bottom: 0em;
}

.mostWrathfulBox .extraTitle h1 {
    font-family: "Love Ya Like A Sister";
}

.mostWrathfulBox .extraTitle h1 span {
    font-size: 80%;
}

.mostWrathfulBox .extraDescription {
    font-size: 1.2em;
}

.mostWrathfulBox .extraDescription p {
    font-size: 100%;
}

.angrySkull {
    float: right;
    shape-outside: circle(50%);
    padding: 5%;
    box-sizing: border-box;
}

@media only screen and (max-width: 1020px) {
    #container #header {
        background: white;
        position: sticky;
    }

    .headerimage {
        height: calc(80dvh);
        overflow-x: clip;
    }

    .headerimage .skullseparator {
        top: calc(55dvh);
        left: -37.5dvw;
        width: 150dvw;
        max-width: 150dvw;
    }

    .headerimage .wrathtext {
        bottom: -40dvh;
        width: 90%;
    }

    .mostWrathfulBox {
        padding-top: 5dvh;
        font-size: 1rem;
    }

    .mostWrathfulBox h1 {
        font-size: 4em;
    }

    .mostWrathfulBox h2 {
        font-size: 3em;
    }

    .mostWrathfulBox p {
        font-weight: 800;
        font-size: 2em;
    }

    .mostWrathfulBox h3 {
        font-size: 2em;
        line-height: 1;
    }

    .mostWrathfulBox .angry {
        width: 100%;
    }

    .mostWrathfulBox .sideskull {
        display: none;
    }  
}
[[/module]]

[[div class="widebox"]]

[[div class="rate-module"]]
[[module rate]]
[[/div]]

[[div class="headerimage"]]
[[image https://scp-wiki.wikidot.com/local--files/khornecon/wrathtext.svg class="wrathtext"]]
[[image https://scp-wiki.wikidot.com/local--files/khornecon/wrathskull.svg class="skullseparator"]]
[[/div]]

[[div class="mostWrathfulBox"]]
+ WAR IS PEACE

+ FREEDOM IS SLAVERY

+ IGNORANCE IS STRENGTH

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

[[div class="title"]]
+ RULES
[[/div]]

##red|RUNNER-UP## WINS😡

EVERY LOSING USER GETS ##red|BANNED FOREVER##😡

ONLY ##red|DOWNVOTERS## HAVE THE RIGHT TO COMMENT😡

EACH TEAM REQUIRES AT LEAST ##red|8,000,000,000 MEMBERS##😡

NO ##red|NEW DRAFTS##😡

NO ##red|COLDPOSTS##😡

THEME IS ##red|E[[size 110%]]V[[size 110%]]I[[size 110%]]L😡[[/size]][[/size]][[/size]]##

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

[[div class="title"]]
+ TIME
[[/div]]

__WRITING:__ ##red|NOW##😡

__POSTING:__ WHEN MICKEY MOUSE'S FULL COPYRIGHT ENTERS THE PUBLIC DOMAIN - WHEN ONE SECOND OF ETERNITY PASSES😡

__VOTING:__ ##red|NAH, I'D WIN!##😡

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

= ##red|I tried to come up with some unforgettable sentences to fill this blank, but failed.##

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

[[div class="extraTitle"]]
+ Extra Considerations
[[/div]]

[[div class="extraDescription"]]
[[image https://scp-wiki.wikidot.com/local--files/khornecon/angryskull.svg width="50%" class="angrySkull"]]

* There will be more contests soon like this, such as
 * __[[[wrathcon|ANTIMEMETICON]]]__ - ##transparent|Lorem ipsum dolor sit amet, consectetur adipisicing elit.##
 * ENVYCON - ##red|You must choose one existing article which has a rating higher than your total rating, and then remix it as your entry. If your entry finally gets higher than the article you have chosen, the latter one will be deleted. If you lose, you have to delete all your existing work.##
 * __[[[slothcon|SLOTHCON]]]__ - I'll finish writing this up later.
 * GREEDCON - ##red|Your contest entry must simultaneously be posted as an SCP, Tale, GoI Format, Component, and CSS Theme, including all necessary formats for each. Your work can include any number of group / canon and location / character tags, and the contest results will be ranked using the actual rating multiplied by the number of tags you used.## Please get approval from a member of the Tech Team in advance. Do not seek approval from the MAST.
 * GLUTTONYCON - [[image https://scp-sandbox-3.wdfiles.com/local--files/aegnustp/ltynW4G.jpg link="/scp-8999" width="100px"]]
 * __[[[scp6969contesthubgottemlmao|LUSTCON]]]__ - Your article must begin with __[[[component:adult-content-warning|Adult Content Warning]]]__ and must be composed ENTIRELY of sexual descriptions.
* 😡**##red|JUST BE MORE WRATHFUL.##**
* 😡
* 😡😡
* 😡😡😡
* 😡😡😡😡😡
* 😡😡😡😡😡😡😡😡
* 😡😡😡😡😡😡😡😡😡😡😡😡😡

= [[size 90%]]##grey|i really love the hub art and design by [[*user syuzhet]].##[[/size]]
[[/div]]

[[/div]]

[[/div]]





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

This page quotes from George Orwell //1984//, 1948, public domain. The image of GLUTTONYCON is an illustration of SCP-8999 created by [[user J Dune]].

----

> **Filename:** banner.svg
> **License:** CC BY-SA 4.0

This image is a composite of:

> **Name:** ghost-156995.svg
> **Author:** OpenClipart-Vectors
> **License:** CC0 1.0
> **Source:** [https://pixabay.com/vectors/ghost-spooky-white-halloween-scary-156995/ Pixabay]

> **Name:** Twemoji2 2694.svg
> **Author:** Twitter
> **License:** CC BY 4.0
> **Source:** [https://commons.wikimedia.org/wiki/File:Twemoji2_2694.svg Wikimedia Commons]

> **Name:** Twemoji12 1f620.svg
> **Author:** Twitter
> **License:** CC BY 4.0
> **Source:** [https://commons.wikimedia.org/wiki/File:Twemoji12_1f620.svg Wikimedia Commons]

----

> **Filename:** wrathtext.svg
> **License:** CC BY-SA 3.0

----

> **Filename:** wrathskull.svg
> **License:** CC BY-SA 3.0

This image is a composite of:

> **Name:** skull-and-crossbones-symbols-signs-26392.svg
> **Author:** Clker-Free-Vector-Images
> **License:** CC0 1.0
> **Source:** [https://pixabay.com/vectors/skull-and-crossbones-symbols-signs-26392/ Pixabay]

----

> **Filename:** angryskull.svg
> **License:** CC BY-SA 4.0

This image is a composite of:

> **Name:** skull-and-crossbones-symbols-signs-26392.svg
> **Author:** Clker-Free-Vector-Images
> **License:** CC0 1.0
> **Source:** [https://pixabay.com/vectors/skull-and-crossbones-symbols-signs-26392/ Pixabay]

> **Name:** Twemoji12 1f620.svg
> **Author:** Twitter
> **License:** CC BY 4.0
> **Source:** [https://commons.wikimedia.org/wiki/File:Twemoji12_1f620.svg Wikimedia Commons]

----

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