RED QUEEN'S RACE

Link to article: RED QUEEN'S RACE.

Module Styles

• /*radian628:rqr*/
  @import url("https://fonts.googleapis.com/css2?family=Special+Elite:ital,wght@0,400;0,700;1,400&display=swap");
  @import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
  
  #page-title {display: none;}
  
  #login-status, #login-status a {
      color: white;
  }
  
  .licensebox {
    color: #ff0000;
  }
  
  :root {
      --header-title: "";
      --header-subtitle: "";
      --header-font: "Orbitron";
      --link-txt-color: rgb(var(--accent));
      --logo-img: url("http://scp-sandbox-3.wikidot.com/local--files/collab:red-queen-s-race/RQRTOPPER-removebg-preview.png");
      --header-txt-color: #d61c0f;
      --misc-txt-color: #d61c0f;
      --logo-opacity: 70%;
      --link-txt-color: #d61c0f;
  }
  
  body {
    background-image: linear-gradient(to bottom, #660000, #000000 120px);
    color: #F5F5F5;
  }
  
  div#extra-div-1 {
      height: 160px;
      width: 100%;
      position: absolute;
      background: var(--logo-img) 10px 30px no-repeat;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      z-index: -1;
      opacity: var(--logo-opacity);
  }
  
  .center {
    font-family: monospace;
    text-align: center;
    font-size: 15.5px;
  }
  
  .centerred {
    font-family: monospace;
    text-align: center;
    color: #ff0000;
    font-size: 15.5px;
  }
  
  
  .lekton {
    font-family: "Special Elite", monospace;
    text-align: center;
    display: block;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    color: #ff0000;
    font-size: 17.5px;
  }
  
  .lekton2 {
    font-family: "Special Elite", monospace;
    text-align: center;
    display: block;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    color: #ff0000;
    font-size: 22.5px;
  }
  
  .lekton3 {
    font-family: "Special Elite", monospace;
    text-align: center;
    display: block;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    color: #ff0000;
    font-size: 22.5px;
    font-style: italic;
  }
  
  .orbitron {
    font-family: "Orbitron", sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-bottom: 1em;
  }
  
  .orbitron2 {
    font-family: "Orbitron", sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  
  .orbitron3 {
    font-family: "Orbitron", sans-serif;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: -0.5em;
    margin-bottom: 1em;
  }
  
  .hovertip {
    color: #000000;
  }
  
  .owindow {
    color: #000000;
  }
  
  #toc {
    background-color: #000000;
  }
  
  #header h2::before {
      text-transform: capitalize;
      font-style: italic;
  }
  
  .notation {
      border-width: 4px;
      width: 75%;
      margin: auto;
      border-color: rgb(var(--accent));
      text-align: justify;
  }
  
  .separation {
      margin: 1ex 15%;
      padding: 0;
      border-top: 0.2rem solid #275495;
      display: block;
  }
  
  .al-fine, .vanguard, .elaimal, .omalley, .textbook, .schemer{
      width: 85%;
      margin: auto;
      padding: 15px;
      box-shadow: 0 1px 3px rgba(0,0,0,.2);
      color: #000000;
  }
  
  .dictation {
     font-family: Courier New, monospace;
     color: #F5F5F5;
  }
  
  .schemer {
     border: solid 2.5px #ff7700;
     color: #ff7700;
  }
  
  .textbook {
      border: solid 2.5px #fff0ba;
      background-color:#fff0ba;
      color: #000000;
      font-family: Times New Roman;
  }
  
  .elaimal {
      border: solid 2.5px #39FF14;
      color: #39FF14;
      font-family: monospace;
  }
  
  .omalley {
     border: solid 2.5px #6495ED;
     color: #6495ED;
  }
  
  .president {
      font-family: monospace;
      color: #04c21a;
      font-size: 17px;
  }
  
  .al-fine {
      border: solid 4px #275495;
      background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
  }
  
  .vanguard {
      border: solid 4px #275495;
      background: #F2F7FB center no-repeat;
  }
  
  div.blockquote {
      background-color: #121212;
      border: 3px solid #444444;
  }
  
  .blockquote .image-container {
      padding: 0em;
  }
  
  .characters {
      margin-top: -1em;
      margin-bottom: 1em;
      margin-left: 15px;
      margin-right: 10px;
  }
  
  .characters-top {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      gap: 16px;
  }
  
  .bar {
      width: 12px;
      height: 85px;
  }
  
  .characters-info {
      flex-grow: 1;
  }
  
  .characters-info p {
      line-height: 200%;
  }
  
  .bio {
      margin-top: -20px;
  }
  
  .goc {
      --color: #5f95e6;
  }
  
  .us {
      --color: #404d7e;
  }
  
  .joicl {
      --color: #d7003a;
  }
  
  .phoenix {
      --color: #d68300;
  }
  
  .mcd {
      --color: #8c148c;
  }
  
  .van {
      --color: #4b2;
  }
  
  .bar {
      background-color: var(--color);
  }
  
  .classified-document {
    position: relative;
    box-sizing: border-box;
    padding: 30px;
    --edgewidth: 2px;
  }
  
  .classified-document > * {
    z-index: 3;
    position: relative;
  }
  
  .classified-document::before,
  .classified-document::after {
    position: absolute;
    content: "";
  }
  
  .classified-document::before {
    background-color: red;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*mask-image: radial-gradient(
      transparent 0px,
      transparent 8px,
      black 8px
    ), linear-gradient(
       to right,
      transparent 0px,
      transparent 40px,
      black 40px);
    mask-size: 40px 40px, 200% 100%;
    mask-position: -13px, -15px;
    mask-repeat: repeat-y, repeat;*/
  }
  
  .classified-document::after {
    background-color: black;
    content: "";
    z-index: 2;
    top: var(--edgewidth);
    left: var(--edgewidth);
    width: calc(100% - 2 * var(--edgewidth));
    height: calc(100% - 2 * var(--edgewidth));
    /*
    mask-image: radial-gradient(
      transparent 0px,
      transparent 10px,
      black 10px
    ), linear-gradient(
       to right,
      transparent 0px,
      transparent 40px,
      black 40px);
    mask-size: 40px 40px, 200% 100%;
    mask-position: -15px, -15px;
    mask-repeat: repeat-y, repeat;*/
  }
  
  .classified-document-text-container {
    margin-left: 20px;
    border-left: 2px solid red;
  }
  
  .rqr-title,
  .rqr-title-small {
    margin-left: 40px;
    font-family: "Orbitron", sans-serif;
    font-size: 3em;
    font-weight: bold;
    display: block;
    margin-bottom: 0.5em;
    position: relative;
    line-height: 1;
    border-bottom: 2px solid red;
    width: fit-content;
  }
  
  .rqr-title-small {
    font-size: 1.25em;
  }
  
  .rqr-card:has(.rqr-title-small)
  + .rqr-card:has(.rqr-title) {
    border-top: 1px dashed red;
  }
  
  .rqr-card {
    display: flex;
  }
  
  .rqr-card:has(.rqr-title) {
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 40px;
    padding-top: 40px;
    border-bottom: 1px dashed red;
  }
  
  .rqr-card:has(.rqr-title-small) {
    margin-bottom: 20px;
  }
  
  .rqr-card > img {
    width: 125px;
    height: 125px;
    align-self: center;
  }
  
  :is(.rqr-title, .rqr-title-small)::before {
    content: "";
    position: absolute;
    bottom: calc(0.45lh);
    left: -40px;
    width: 34px;
    height: 2px;
    background-color: red;
  }
  
  .rqr-desc {
    color: red;
    font-family: 'Special Elite', monospace;
    padding-left: 80px;
  }
  
  .rqr-desc > p {
    margin: 0;
  }
  
  @media (max-width: 768px) {
    :root .rqr-card {
      flex-direction: column-reverse;
      padding-top: 5px;
    }
  
    .rqr-card > img {
      width: min(75%, 200px);
      height: min(75%, 200px);
      margin-bottom: 20px;
    }
  
    .rqr-title {
      font-size: 8vw;
    }
  
    .rqr-title,
    .rqr-title-small {
      margin-left: 20px;
    }
  
    :is(.rqr-title, .rqr-title-left)::before {
      width: 15px;
      left: -20px;
    }
  
    .rqr-desc {
      padding-left: 30px;
    }
    
    .classified-document-text-container {
     margin-left: 0px;
    }
   
   .classified-document {
     padding: 15px;
    }
  }
  

Inline Styles

• (none)

Includes

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

CSS Classes

• lekton3

• center

• lekton

• center

• lekton

• center

• lekton

• center

• lekton

• center

• lekton

• center

• lekton2

• classified-document

• classified-document-text-container

• rqr-card

• rqr-title

• rqr-desc

• rqr-card

• rqr-title-small

• rqr-desc

• rqr-card

• rqr-title

• rqr-desc

• rqr-card

• rqr-title-small

• rqr-desc

• rqr-card

• rqr-title-small

• rqr-desc

• rqr-card

• rqr-title

• rqr-desc

• rqr-card

• rqr-title

• rqr-desc

Page Source

[[include :scp-wiki:theme:foxtrot]]

[[include component:preview
text= Hyperstrategy, hyperpolitics. Hyperviolence.
]]

[[module css]]
/*radian628:rqr*/
@import url("https://fonts.googleapis.com/css2?family=Special+Elite:ital,wght@0,400;0,700;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");

#page-title {display: none;}

#login-status, #login-status a {
    color: white;
}

.licensebox {
  color: #ff0000;
}

:root {
    --header-title: "";
    --header-subtitle: "";
    --header-font: "Orbitron";
    --link-txt-color: rgb(var(--accent));
    --logo-img: url("http://scp-sandbox-3.wikidot.com/local--files/collab:red-queen-s-race/RQRTOPPER-removebg-preview.png");
    --header-txt-color: #d61c0f;
    --misc-txt-color: #d61c0f;
    --logo-opacity: 70%;
    --link-txt-color: #d61c0f;
}

body {
  background-image: linear-gradient(to bottom, #660000, #000000 120px);
  color: #F5F5F5;
}

div#extra-div-1 {
    height: 160px;
    width: 100%;
    position: absolute;
    background: var(--logo-img) 10px 30px no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1;
    opacity: var(--logo-opacity);
}

.center {
  font-family: monospace;
  text-align: center;
  font-size: 15.5px;
}

.centerred {
  font-family: monospace;
  text-align: center;
  color: #ff0000;
  font-size: 15.5px;
}


.lekton {
  font-family: "Special Elite", monospace;
  text-align: center;
  display: block;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  color: #ff0000;
  font-size: 17.5px;
}

.lekton2 {
  font-family: "Special Elite", monospace;
  text-align: center;
  display: block;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  color: #ff0000;
  font-size: 22.5px;
}

.lekton3 {
  font-family: "Special Elite", monospace;
  text-align: center;
  display: block;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  color: #ff0000;
  font-size: 22.5px;
  font-style: italic;
}

.orbitron {
  font-family: "Orbitron", sans-serif;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
  display: block;
  margin-bottom: 1em;
}

.orbitron2 {
  font-family: "Orbitron", sans-serif;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}

.orbitron3 {
  font-family: "Orbitron", sans-serif;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
  display: block;
  margin-top: -0.5em;
  margin-bottom: 1em;
}

.hovertip {
  color: #000000;
}

.owindow {
  color: #000000;
}

#toc {
  background-color: #000000;
}

#header h2::before {
    text-transform: capitalize;
    font-style: italic;
}

.notation {
    border-width: 4px;
    width: 75%;
    margin: auto;
    border-color: rgb(var(--accent));
    text-align: justify;
}

.separation {
    margin: 1ex 15%;
    padding: 0;
    border-top: 0.2rem solid #275495;
    display: block;
}

.al-fine, .vanguard, .elaimal, .omalley, .textbook, .schemer{
    width: 85%;
    margin: auto;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    color: #000000;
}

.dictation {
   font-family: Courier New, monospace;
   color: #F5F5F5;
}

.schemer {
   border: solid 2.5px #ff7700;
   color: #ff7700;
}

.textbook {
    border: solid 2.5px #fff0ba;
    background-color:#fff0ba;
    color: #000000;
    font-family: Times New Roman;
}

.elaimal {
    border: solid 2.5px #39FF14;
    color: #39FF14;
    font-family: monospace;
}

.omalley {
   border: solid 2.5px #6495ED;
   color: #6495ED;
}

.president {
    font-family: monospace;
    color: #04c21a;
    font-size: 17px;
}

.al-fine {
    border: solid 4px #275495;
    background: #F2F7FB url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
}

.vanguard {
    border: solid 4px #275495;
    background: #F2F7FB center no-repeat;
}

div.blockquote {
    background-color: #121212;
    border: 3px solid #444444;
}

.blockquote .image-container {
    padding: 0em;
}

.characters {
    margin-top: -1em;
    margin-bottom: 1em;
    margin-left: 15px;
    margin-right: 10px;
}

.characters-top {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px;
}

.bar {
    width: 12px;
    height: 85px;
}

.characters-info {
    flex-grow: 1;
}

.characters-info p {
    line-height: 200%;
}

.bio {
    margin-top: -20px;
}

.goc {
    --color: #5f95e6;
}

.us {
    --color: #404d7e;
}

.joicl {
    --color: #d7003a;
}

.phoenix {
    --color: #d68300;
}

.mcd {
    --color: #8c148c;
}

.van {
    --color: #4b2;
}

.bar {
    background-color: var(--color);
}

.classified-document {
  position: relative;
  box-sizing: border-box;
  padding: 30px;
  --edgewidth: 2px;
}

.classified-document > * {
  z-index: 3;
  position: relative;
}

.classified-document::before,
.classified-document::after {
  position: absolute;
  content: "";
}

.classified-document::before {
  background-color: red;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*mask-image: radial-gradient(
    transparent 0px,
    transparent 8px,
    black 8px
  ), linear-gradient(
     to right,
    transparent 0px,
    transparent 40px,
    black 40px);
  mask-size: 40px 40px, 200% 100%;
  mask-position: -13px, -15px;
  mask-repeat: repeat-y, repeat;*/
}

.classified-document::after {
  background-color: black;
  content: "";
  z-index: 2;
  top: var(--edgewidth);
  left: var(--edgewidth);
  width: calc(100% - 2 * var(--edgewidth));
  height: calc(100% - 2 * var(--edgewidth));
  /*
  mask-image: radial-gradient(
    transparent 0px,
    transparent 10px,
    black 10px
  ), linear-gradient(
     to right,
    transparent 0px,
    transparent 40px,
    black 40px);
  mask-size: 40px 40px, 200% 100%;
  mask-position: -15px, -15px;
  mask-repeat: repeat-y, repeat;*/
}

.classified-document-text-container {
  margin-left: 20px;
  border-left: 2px solid red;
}

.rqr-title,
.rqr-title-small {
  margin-left: 40px;
  font-family: "Orbitron", sans-serif;
  font-size: 3em;
  font-weight: bold;
  display: block;
  margin-bottom: 0.5em;
  position: relative;
  line-height: 1;
  border-bottom: 2px solid red;
  width: fit-content;
}

.rqr-title-small {
  font-size: 1.25em;
}

.rqr-card:has(.rqr-title-small)
+ .rqr-card:has(.rqr-title) {
  border-top: 1px dashed red;
}

.rqr-card {
  display: flex;
}

.rqr-card:has(.rqr-title) {
  margin-bottom: 20px;
  margin-top: 20px;
  padding-bottom: 40px;
  padding-top: 40px;
  border-bottom: 1px dashed red;
}

.rqr-card:has(.rqr-title-small) {
  margin-bottom: 20px;
}

.rqr-card > img {
  width: 125px;
  height: 125px;
  align-self: center;
}

:is(.rqr-title, .rqr-title-small)::before {
  content: "";
  position: absolute;
  bottom: calc(0.45lh);
  left: -40px;
  width: 34px;
  height: 2px;
  background-color: red;
}

.rqr-desc {
  color: red;
  font-family: 'Special Elite', monospace;
  padding-left: 80px;
}

.rqr-desc > p {
  margin: 0;
}

@media (max-width: 768px) {
  :root .rqr-card {
    flex-direction: column-reverse;
    padding-top: 5px;
  }

  .rqr-card > img {
    width: min(75%, 200px);
    height: min(75%, 200px);
    margin-bottom: 20px;
  }

  .rqr-title {
    font-size: 8vw;
  }

  .rqr-title,
  .rqr-title-small {
    margin-left: 20px;
  }

  :is(.rqr-title, .rqr-title-left)::before {
    width: 15px;
    left: -20px;
  }

  .rqr-desc {
    padding-left: 30px;
  }
  
  .classified-document-text-container {
   margin-left: 0px;
  }
 
 .classified-document {
   padding: 15px;
  }
}

[[/module]]

@@ @@

[[>]]
[[module Rate]]
[[/>]]

@@ @@

[[=image rqrpic1.png size="large"]]

[[span class="lekton3"]]__[https://youtu.be/bc5Nk1DXyEY?t=55 Generals gathered in their masses...]__[[/span]]

[[div class="center"]]
//The Engineer of the Chaos Insurgency has exactly six months, thirteen days, four hours and thirty-two minutes to live.//
[[/div]]

[[span class="lekton"]]She has a plan.[[/span]]

[[div class="center"]]
//Director Connor O’Malley of the US Paranatural Warfare Command watches a// //continent’s worth of flashing red lights blink off one by one.//
[[/div]]

[[span class="lekton"]]He has a plan.[[/span]]

[[div class="center"]]
//O5-6 sits atop a throne at the center of a conquered Hell and orders// //another twenty billion dollars worth of emergency assets liquidated.//
[[/div]]

[[span class="lekton"]]He has a plan.[[/span]]

[[div class="center"]]
//General Telemon Bowe shakes hands with a devil and watches the Council of 108 eat itself alive.//
[[/div]]

[[span class="lekton"]]He has a plan.[[/span]]

[[div class="center"]]
//Battle lines are drawn. Shallow caches are unearthed. Enmities centuries in the making bare envenomed teeth. The world hangs in the balance.//
[[/div]]

[[span class="lekton"]] Just as planned.[[/span]]

[[div class="center"]]
//The woman formerly known as O5-7 casts an anxious look over her shoulder and flees onwards across the American West.//
[[/div]]

[[span class="lekton2"]]
She really needs to come up with a plan.
[[/span]]

@@ @@

[[=image https://scp-wiki.wikidot.com/local--files/red-queen-s-race/rqrlogofinal.png ]]

@@ @@

@@ @@

@@ @@

[[div_ class="classified-document"]]
[[div_ class="classified-document-text-container"]]

[[div_ class="rqr-card"]]
[[div_]]
[[div_ class="rqr-title"]]
[[[STRIKEFALL | STRIKEFALL]]]
[[/div]]

[[div class="rqr-desc"]]
//Strike Team Ivory Dagger tears into existence amidst a gentle misting of// //frozen elephant blood half a kilometer above the acropolis. There is a// //statistically significant amount of turbulence.//
[[/div]]
[[/div]]

[[image https://scp-wiki.wikidot.com/local--files/red-queen-s-race/strikefall.png]]
[[/div]]

[[div_ class="rqr-card"]]
[[div_]]
[[div_ class="rqr-title-small"]]
[[[HANDJOB | HANDJOB]]]
[[/div]]

[[div class="rqr-desc"]]
//Ye shall not surely die. For God doth know that in the day ye eat thereof, then your eyes shall be opened, and ye shall be as gods, knowing good and evil.//
[[/div]]
[[/div]]
[[/div]]


[[div_ class="rqr-card"]]
[[div_]]
[[div_ class="rqr-title"]]
[[[FALLOUT | FALLOUT]]]
[[/div]]

[[div class="rqr-desc"]]
//“Mister President, fifteen minutes ago, the Foundation detonated a nuclear// //device on American soil.”//
[[/div]]
[[/div]]

[[image https://scp-wiki.wikidot.com/local--files/red-queen-s-race/PENTOSTAMP.png]]
[[/div]]



[[div_ class="rqr-card"]]
[[div_]]
[[div_ class="rqr-title-small"]]
[[[GUNSIGHT | GUNSIGHT]]]
[[/div]]

[[div class="rqr-desc"]]
//Mine eyes have seen the glory of the coming of the lord.//
[[/div]]
[[/div]]
[[/div]]



[[div_ class="rqr-card"]]
[[div_]]
[[div_ class="rqr-title-small"]]
[[[GREENLIGHT | GREENLIGHT]]]
[[/div]]

[[div class="rqr-desc"]]
//Between them, two hundred and fifteen years of service, between them seven rifles, seven parachutes, seven shots of rum, between them one atomic bomb.//
[[/div]]
[[/div]]
[[/div]]



[[div_ class="rqr-card"]]
[[div_]]
[[div_ class="rqr-title"]]
[[[GASLIGHT | GASLIGHT]]]
[[/div]]

[[div class="rqr-desc"]]
//The silver comes to her then, flowing into her veins from out of the sky and she weeps and knows it as a curse.//
[[/div]]
[[/div]]

[[image https://scp-wiki.wikidot.com/local--files/red-queen-s-race/logo2.png]]
[[/div]]



[[div_ class="rqr-card"]]
[[div_]]
[[div_ class="rqr-title"]]
[[[OUTCAST | OUTCAST]]]
[[/div]]

[[div class="rqr-desc"]]
//TBA//
[[/div]]
[[/div]]

[[image https://scp-wiki.wikidot.com/local--files/red-queen-s-race/logo2.png]]
[[/div]]

[[/div]]

[[/div]]

[[=]]

@@ @@

[[include :scp-wiki:component:license-box
|author=Intercedent]]
=====
> **Filename:** rqrpic1
> **Author:** Intercedent
> **License:** CC BY-SA 3.0
> **Source Link:** [https://imgur.com/a/H49PpzR]

> **Filename:** rqrlogofinal
> **Author:** Intercedent
> **License:** CC BY-SA 3.0
> **Source Link:** [https://imgur.com/a/tP2UDQ2]

> **Filename:** PENTOSTAMP.png
> **Author:** Anorrack
> **License:** CC BY-SA 3.0
> **Source Link:** [https://imgur.com/a/budl6AE]

> **Filename:** strikefall.png
> **Author:** Radian268
> **License:** CC BY-SA 3.0
> **Source Link:** [https://imgur.com/a/4WHDYNx]

> **Filename:** rqrtopper-removebg.png
> **Author:** Intercedent
> **License:** CC BY-SA 3.0
> **Source Link:** []
=====
[[include :scp-wiki:component:license-box-end]]
[[/=]]