elonmusk.mpreg

Link to article: elonmusk.mpreg.

Module Styles

• :root {
    --header-title: "\"White People\"";
    --main-content-width: 100vw;
    --main-content-side-margin: 0;
  }
  
  #main-content {
    padding: 0;
    margin: 0;
  }
  
  .elon-musk {
    width: 100vw;
    position: absolute;
    top: 50vh;
    left: 0;
    transform: translateY(-50%);
    filter: blur(20px);
    opacity: 0;
    transition: filter 0.5s, opacity 0.5s;
    mask-image: linear-gradient(
      to bottom, transparent 0px, black 30px, black calc(100% - 30px), transparent 100%
    );
  }
  
  #page-content {
    min-height: 100vh;
  }
  
  :root {
    --top-bar-link-color: 0, 0, 0;
    --header-title-color: 0, 0, 0;
    --search-icon-color: 0, 0, 0;
  }
  
  #header {
    background: none;
  }
  
  .elon-musk-backdrop {
    width: 100vw;
    height: 100vh;
    filter: blur(20px);
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .custom-content-warning {
    font-family: sans-serif;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #000b;
    backdrop-filter: blur(5px);
    padding: 20px;
    color: white;
    border-radius: 30px;
    width: fit-content;
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  
  .custom-content-warning .title {
    font-size: min(250%, 4vw);
    font-weight: bold;
  }
  
  .cw-smalltext {
    font-size: 100%;
    font-style: italic;
  }
  
  .custom-content-warning ul {
    font-size: 150%;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .custom-content-warning :is(.collapsible-block-link, .collapsible-block-folded, .collapsible-block) {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    font-size: 0;
    z-index: 3;
  }
  
  .article {
    display: none;
  }
  
  :root:has(.custom-content-warning .collapsible-block-unfolded:not([style*="none"]))
  .custom-content-warning {
    display: none;
  }
  
  :root:has(.custom-content-warning .collapsible-block-unfolded:not([style*="none"]))
  .article {
    display: block;
  }
  :root:has(.custom-content-warning .collapsible-block-unfolded:not([style*="none"]))
  .elon-musk {
    opacity: 1;
    filter: blur(0);
  }
  
  #top-bar#top-bar ul li ul a {
    color: white;
  }
  
  #page-content .page-rate-widget-box {
    background-color: transparent !important;
    --rate-module-text-color: 0, 0, 0;
    --basalt-main-text-color: 0, 0, 0;
    font-size: 135%;
  }
  
  #page-content .page-rate-widget-box a {
    border: none !important;
  }
  
  .rating-module-container {
    position: absolute;
    top: 50px;
    right: 0px;
    z-index: 4;
  }
  
  @media (max-width: 1024px) {
    .rating-module-container {
      top: 100px;
    }
  }
  
  .tagline {
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(100vh - 50px);
    z-index: 4;
    color: black;
    text-shadow: 0 0 10px white;
    font-size: 150%;
  }
  
  .tagline a {
    color: #924;
    font-weight: bold;
  }
  
  .fullwidth {
    width: 100vw;
  }
  
  .sidebyside {
    width: 100vw;
    display: flex;
    justify-content: stretch;
  }
  
  .sidebyside > * {
    flex-shrink: 1;
    flex-grow: 1;
    min-width: 0;
  }
  
  @media (max-width: 1080px) {
    .sidebyside {
      flex-direction: column;
    }
  }
  
  .separator {
    height: 20px;
  }
  

Inline Styles

• height: calc(100vh - 100px);

• height: 100vh;

Includes

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

CSS Classes

• elon-musk-backdrop

• elon-musk

• rating-module-container

• custom-content-warning

• title

• cw-smalltext

• tagline

• article

• separator

• fullwidth

• separator

• fullwidth

• separator

• fullwidth

• separator

• sidebyside

• separator

• fullwidth

• separator

• fullwidth

• separator

Page Source

=====
[[include component:preview
text=Solving the underpopulation crisis.]]
=====

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

[[module css]]
:root {
  --header-title: "\"White People\"";
  --main-content-width: 100vw;
  --main-content-side-margin: 0;
}

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

.elon-musk {
  width: 100vw;
  position: absolute;
  top: 50vh;
  left: 0;
  transform: translateY(-50%);
  filter: blur(20px);
  opacity: 0;
  transition: filter 0.5s, opacity 0.5s;
  mask-image: linear-gradient(
    to bottom, transparent 0px, black 30px, black calc(100% - 30px), transparent 100%
  );
}

#page-content {
  min-height: 100vh;
}

:root {
  --top-bar-link-color: 0, 0, 0;
  --header-title-color: 0, 0, 0;
  --search-icon-color: 0, 0, 0;
}

#header {
  background: none;
}

.elon-musk-backdrop {
  width: 100vw;
  height: 100vh;
  filter: blur(20px);
  position: absolute;
  top: 0;
  left: 0;
}

.custom-content-warning {
  font-family: sans-serif;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #000b;
  backdrop-filter: blur(5px);
  padding: 20px;
  color: white;
  border-radius: 30px;
  width: fit-content;
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.custom-content-warning .title {
  font-size: min(250%, 4vw);
  font-weight: bold;
}

.cw-smalltext {
  font-size: 100%;
  font-style: italic;
}

.custom-content-warning ul {
  font-size: 150%;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.custom-content-warning :is(.collapsible-block-link, .collapsible-block-folded, .collapsible-block) {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  font-size: 0;
  z-index: 3;
}

.article {
  display: none;
}

:root:has(.custom-content-warning .collapsible-block-unfolded:not([style*="none"]))
.custom-content-warning {
  display: none;
}

:root:has(.custom-content-warning .collapsible-block-unfolded:not([style*="none"]))
.article {
  display: block;
}
:root:has(.custom-content-warning .collapsible-block-unfolded:not([style*="none"]))
.elon-musk {
  opacity: 1;
  filter: blur(0);
}

#top-bar#top-bar ul li ul a {
  color: white;
}

#page-content .page-rate-widget-box {
  background-color: transparent !important;
  --rate-module-text-color: 0, 0, 0;
  --basalt-main-text-color: 0, 0, 0;
  font-size: 135%;
}

#page-content .page-rate-widget-box a {
  border: none !important;
}

.rating-module-container {
  position: absolute;
  top: 50px;
  right: 0px;
  z-index: 4;
}

@media (max-width: 1024px) {
  .rating-module-container {
    top: 100px;
  }
}

.tagline {
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  top: calc(100vh - 50px);
  z-index: 4;
  color: black;
  text-shadow: 0 0 10px white;
  font-size: 150%;
}

.tagline a {
  color: #924;
  font-weight: bold;
}

.fullwidth {
  width: 100vw;
}

.sidebyside {
  width: 100vw;
  display: flex;
  justify-content: stretch;
}

.sidebyside > * {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
}

@media (max-width: 1080px) {
  .sidebyside {
    flex-direction: column;
  }
}

.separator {
  height: 20px;
}

[[/module]]


[[image http://scp-wiki.wikidot.com/local--files/art:elon/elonmusk-small.png class="elon-musk-backdrop"]]

[[image http://scp-wiki.wikidot.com/local--files/art:elon/elonmusk.webp class="elon-musk"]]

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

[[div_ class="custom-content-warning"]]
[[div_ class="title"]]
Content Warning
[[/div]]
* Body Horror
* Pregnancy
* Elon Musk
[[div_ class="cw-smalltext"]]
Click to Reveal Image
[[/div]]
[[collapsible]]
@@ @@
[[/collapsible]]
[[/div]]

[[div_ class="tagline"]]
//As seen in [[a href="https://scp-wiki.wikidot.com/scp-9009"]]"White People"[[/a]]//
[[/div]]

[[div_ style="height: calc(100vh - 100px);"]]
@@ @@
[[/div]]

[[div_ class="article"]]

[[div_ class="separator"]]
@@ @@
[[/div]]

[[image https://scp-wiki.wikidot.com/local--files/art:elon/elonmusk4.webp class="fullwidth"]]

[[div_ class="separator"]]
@@ @@
[[/div]]

[[image https://scp-wiki.wikidot.com/local--files/art:elon/elonmusk5.webp class="fullwidth"]]

[[div_ class="separator"]]
@@ @@
[[/div]]

[[image https://scp-wiki.wikidot.com/local--files/art:elon/elonmusk6.webp class="fullwidth"]]

[[div_ class="separator"]]
@@ @@
[[/div]]

[[div_ class="sidebyside"]]
[[image https://scp-wiki.wikidot.com/local--files/art:elon/elonmusk2.webp]]
[[image https://scp-wiki.wikidot.com/local--files/art:elon/elonmusk3.webp]]
[[/div]]

[[div_ class="separator"]]
@@ @@
[[/div]]

[[image https://scp-wiki.wikidot.com/local--files/art:elon/elonmusk7.webp class="fullwidth"]]

[[div_ class="separator"]]
@@ @@
[[/div]]

[[image https://scp-wiki.wikidot.com/local--files/art:elon/elonmusk8.webp class="fullwidth"]]

[[div_ class="separator"]]
@@ @@
[[/div]]

[[=]]
By [[*user radian628]]
[[/=]]

[[div_ style="height: 100vh;"]]
@@ @@
[[/div]]
[[/div]]

[[include :scp-wiki:component:license-box]]
> **Filename:** elonmusk.webp, elonmusk-small.webp, elonmusk2.webp, elonmusk3.webp, elonmusk4.webp, elonmusk5.webp, elonmusk6.webp, elonmusk7.webp, elonmusk8.webp
> **Author:** [[*user radian628]]
> **License:** CC BY-SA 3.0
> **Source Link:** See attached files.
> **Derivative Of:**
>> **Filename:** USAFA Hosts Elon Musk (Image 1 of 17) (cropped).jpg
>> **Author:** Justin Pacheco
>> **License:** Public Domain
>> **Source Link:** https://commons.wikimedia.org/wiki/File:USAFA_Hosts_Elon_Musk_(Image_1_of_17)_(cropped).jpg
[[include :scp-wiki:component:license-box-end]]