ADMONITION POSTERS

Link to article: ADMONITION POSTERS.

Module Styles

• 
  :root {
  
  --main-content-width: 1000rem;
  --main-content-top-margin: 0rem;
  --main-content-side-margin: 0vw;
  --rate-module-background-color: var(--basalt-primary-color);
  --search-icon-color: var(--basalt-main-text-color);
  --scrollbar-thumb-color: var(--basalt-main-text-color), 0.6;
  --selection-text-color: var(--basalt-light-text-color);
  
  }
  
  #main-content {
  padding-bottom: 3rem;
  padding-top: 0;
  }
  
  #header {
  background: rgb(var(--admo-color-dark));
  box-shadow: none;
  }
  
  #page-content {
  margin-bottom: 3rem;
  padding-block: unset;
  }
  
  #action-area {
  margin: auto;
  padding-top: 3rem;
  max-width: 70rem;
  }
  
  #page-options-container, #main-content > .page-tags {
  margin-inline: 3vw;
  }
  
  #page-content > p:nth-of-type(1), #page-content > p:nth-of-type(2) {
  margin: 0;
  }
  
  /* =============================================== */
  
  .admohub-rate {
  position: absolute;
  top: calc(var(--header-final-height) + 10rem);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  }
  
  .admohub-splash {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: calc(100vh - var(--header-final-height));
  background-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.8) 100%), url(https://i.imgur.com/0ibA6v4.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  }
  
  .admohub-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 300%;
  backdrop-filter: blur(8px);
  background-image: radial-gradient(circle, rgb(148, 148, 148) 0%, rgb(30, 30, 30) 70%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200%;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-size: 16vw;
  font-family: var(--header-font);
  animation: title 25s ease infinite;
  }
  
  .admohub-title p {
  letter-spacing: -1.2vw;
  }
  
  @keyframes title {
  
  0% {
  background-position: left;
  }
  
  50% {
  background-position: right;
  }
  
  100% {
  background-position: left;
  }
  
  }
  
  .admohub-quote {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 45vw;
  height: 100vh;
  margin: auto auto 10vh;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-weight: bold;
  font-size: 2.5vw;
  text-align: center;
  color: rgb(133, 133, 133);
  line-height: 2.5vw;
  }
  
  .admohub-quote > span {
  font-family: 'Sofia Sans', var(--UI-font);
  }
  
  .admohub-quote::after {
  content: "THATGUYTHATTIME";
  margin-top: 2vw;
  font-size: 50%;
  font-weight: 900;
  opacity: 60%;
  }
  
  .admohub-container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  }
  
  .admohub-episode {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  box-sizing: border-box;
  }
  
  .admohub-epimage {
  background-image: linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%), var(--admohub-epbg);
  background-size: cover;
  background-position: 65% center;
  width: 50vw;
  }
  
  #u-6488 .admohub-epimage {
  image-rendering: pixelated;
  }
  
  .admohub-epdesc {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  position: relative;
  background-image: linear-gradient(-245deg, rgb(0, 0, 0) 6%, rgba(var(--admohub-epcolor), 0.13) 100%);
  width: 50vw;
  padding: 2.5vw 3vw;
  box-sizing: border-box;
  }
  
  .admohub-epdirector {
  font-family: 'Roboto Condensed', var(--UI-font);
  font-size: 1.3vw;
  font-weight: bold;
  }
  
  .admohub-epdirector::before {
  content: "FEATURING ";
  margin-right: 0.9vw;
  font-weight: lighter;
  opacity: 80%;
  }
  
  .admohub-eptitle {
  font-family: var(--header-font);
  font-size: 5vw;
  line-height: 3.8vw;
  letter-spacing: -0.15vw;
  color: rgb(158, 158, 158);
  }
  
  .admohub-epno {
  display: block;
  font-family: 'Roboto Condensed', var(--UI-font);
  font-size: 2vw;
  font-weight: bold;
  opacity: 70%;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  margin: auto;
  display: block;
  max-width: 19vw;
  padding: 1.3vw 1vw;
  background-color: rgba(0, 0, 0, 0.3);
  border: solid 0.2vw rgba(255, 255, 255, 0.15);
  font-family: 'Roboto Condensed',var(--UI-font);
  font-weight: bold;
  text-decoration: none !important;
  color: rgb(var(--basalt-main-text-color));
  text-align: center;
  transition-duration: 0.1s;
  }
  
  a.admohub-eplink {
  font-size: 2.5vw;
  line-height: 3vw;
  }
  
  a.admohub-accesslink {
  font-size: 1vw;
  line-height: 1vw;
  opacity: 60%;
  }
  
  a.admohub-eplink:hover, a.admohub-accesslink:hover {
  color: rgb(32, 32, 32);
  border-color: transparent;
  background-color: rgba(var(--basalt-main-text-color), 0.9);
  }
  
  a.admohub-accesslink:hover {
  opacity: 100%;
  }
  
  .admohub-title, .admohub-epno, .admohub-eptitle {
  user-select: none;
  }
  
  .admohub-about {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  height: 135vh;
  max-width: 30rem !important;
  margin: auto;
  font-family: var(--UI-font);
  word-spacing: 4px;
  }
  
  /* =============================================== */
  
  @media only screen and (max-width: 1230px) {
  
  .admohub-epimage {
  width: 45vw;
  }
  
  .admohub-epdesc {
  width: 55vw;
  padding: 0.5vw 0vw;
  }
  
  .admohub-epdirector {
  font-size: 2vw;
  }
  
  .admohub-epno {
  font-size: 3vw;
  }
  
  .admohub-eptitle {
  font-size: 6vw;
  line-height: 4.8vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: 28vw;
  padding: 2.3vw 1vw;
  }
  
  a.admohub-eplink {
  font-size: 3.5vw;
  line-height: 4vw;
  }
  
  a.admohub-accesslink {
  font-size: 1.6vw;
  line-height: 1.6vw;
  opacity: 70%;
  }
  
  }
  
  @media only screen and (max-width: 940px) {
  
  .admohub-splash {
  background-image: none;
  }
  
  .admohub-quote {
  font-size: 3.5vw;
  line-height: 3.5vw;
  }
  
  .admohub-epimage {
  display: none;
  }
  
  .admohub-epdesc {
  width: 100%;
  padding: 5.5vw 2.5vw;
  background-image: linear-gradient(90deg, rgb(0, 0, 0) 30%, rgba(0,0,0,0.4) 100%), linear-gradient(220deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0) 40%), var(--admohub-epbg);
  background-size: cover;
  background-position: left center;
  }
  
  .admohub-epdirector {
  top: 5vw;
  right: 8vw;
  font-size: 2.6vw;
  }
  
  .admohub-epno {
  font-size: 4vw;
  }
  
  .admohub-eptitle {
  font-size: 8vw;
  line-height: 6.3vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: 36vw;
  padding: 3.3vw 2vw;
  }
  
  a.admohub-eplink {
  font-size: 4.5vw;
  line-height: 5vw;
  }
  
  a.admohub-accesslink {
  font-size: 2.3vw;
  line-height: 2.3vw;
  }
  
  }
  
  @media only screen and (max-width: 760px) {
  
  .admohub-splash {
  height: 65vh;
  }
  
  .admohub-quote {
  width: 80%;
  font-size: 4.5vw;
  line-height: 3.5vw;
  }
  
  .admohub-epdesc {
  align-items: center;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0.3) 100%), var(--admohub-epbg);
  background-position: center;
  text-align: center;
  }
  
  .admohub-epdirector {
  font-size: 3.3vw;
  opacity: 70%;
  }
  
  .admohub-epdirector::before {
  display: none;
  }
  
  .admohub-epno {
  font-size: 5vw;
  }
  
  .admohub-eptitle {
  font-size: 10vw;
  line-height: 8.3vw;
  }
  
  a.admohub-eplink, a.admohub-accesslink {
  max-width: unset;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4.3vw 9vw;
  }
  
  a.admohub-eplink {
  font-size: 7.5vw;
  line-height: 8vw;
  }
  
  a.admohub-accesslink {
  font-size: 3.5vw;
  line-height: 4vw;
  }
  
  .admohub-about {
  height: 120vh;
  max-width: unset !important;
  margin-inline: 3vw;
  font-size: 3vw;
  text-align: justify;
  }
  
  
  #u-6820 {
  --admohub-epbg: url(https://i.imgur.com/H3kMHnt.png);
  --admohub-epcolor: 97, 129, 196;
  }
  
  #u-6747 {
  --admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6747-epimage.webp);
  --admohub-epcolor: 63, 0, 214;
  }
  
  #u-6659 {
  --admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6659-tets.png);
  --admohub-epcolor: 255, 115, 60;
  }
  
  #u-6488 {
  --admohub-epbg: url(https://scp-wiki.wdfiles.com/local--files/scp-6488/infovore.jpg);
  --admohub-epcolor: 0, 200, 210;
  }
  
  #u-6183 {
  --admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/blackbox.png);
  --admohub-epcolor: 20, 20, 20;
  }
  
  #u-7243 {
  --admohub-epbg: url(https://scp-wiki.wdfiles.com/local--files/scp-7243/admo-7243-exactus.jpg);
  --admohub-epcolor: 0, 145, 102;
  }
  
  /* =============================================== */

Inline Styles

• width:600px;

• width:600px;

• width:600px;

• width:600px;

• width:600px;

• width:600px;

• width:600px;

• width:600px;

• width:600px;

• width:600px;

• width:1250px;

• width:1250px;

Includes

• :scp-wiki:theme:admo [info]

CSS Classes

• scp-image-block

• block-center

• scp-image-block

• block-center

• scp-image-block

• block-center

• scp-image-block

• block-center

• scp-image-block

• block-center

• scp-image-block

• block-center

Page Source

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

[[module CSS]]

:root {

--main-content-width: 1000rem;
--main-content-top-margin: 0rem;
--main-content-side-margin: 0vw;
--rate-module-background-color: var(--basalt-primary-color);
--search-icon-color: var(--basalt-main-text-color);
--scrollbar-thumb-color: var(--basalt-main-text-color), 0.6;
--selection-text-color: var(--basalt-light-text-color);

}

#main-content {
padding-bottom: 3rem;
padding-top: 0;
}

#header {
background: rgb(var(--admo-color-dark));
box-shadow: none;
}

#page-content {
margin-bottom: 3rem;
padding-block: unset;
}

#action-area {
margin: auto;
padding-top: 3rem;
max-width: 70rem;
}

#page-options-container, #main-content > .page-tags {
margin-inline: 3vw;
}

#page-content > p:nth-of-type(1), #page-content > p:nth-of-type(2) {
margin: 0;
}

/* =============================================== */

.admohub-rate {
position: absolute;
top: calc(var(--header-final-height) + 10rem);
left: 0;
right: 0;
text-align: center;
z-index: 2;
}

.admohub-splash {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
height: calc(100vh - var(--header-final-height));
background-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.8) 100%), url(https://i.imgur.com/0ibA6v4.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.admohub-title {
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
height: 300%;
backdrop-filter: blur(8px);
background-image: radial-gradient(circle, rgb(148, 148, 148) 0%, rgb(30, 30, 30) 70%);
background-repeat: no-repeat;
background-position: center;
background-size: 200%;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
font-size: 16vw;
font-family: var(--header-font);
animation: title 25s ease infinite;
}

.admohub-title p {
letter-spacing: -1.2vw;
}

@keyframes title {

0% {
background-position: left;
}

50% {
background-position: right;
}

100% {
background-position: left;
}

}

.admohub-quote {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
width: 45vw;
height: 100vh;
margin: auto auto 10vh;
font-family: 'Roboto Condensed', var(--UI-font);
font-weight: bold;
font-size: 2.5vw;
text-align: center;
color: rgb(133, 133, 133);
line-height: 2.5vw;
}

.admohub-quote > span {
font-family: 'Sofia Sans', var(--UI-font);
}

.admohub-quote::after {
content: "THATGUYTHATTIME";
margin-top: 2vw;
font-size: 50%;
font-weight: 900;
opacity: 60%;
}

.admohub-container {
display: flex;
flex-flow: column nowrap;
justify-content: center;
}

.admohub-episode {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: stretch;
height: 100vh;
box-sizing: border-box;
}

.admohub-epimage {
background-image: linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%), var(--admohub-epbg);
background-size: cover;
background-position: 65% center;
width: 50vw;
}

#u-6488 .admohub-epimage {
image-rendering: pixelated;
}

.admohub-epdesc {
display: flex;
flex-flow: column nowrap;
justify-content: space-evenly;
position: relative;
background-image: linear-gradient(-245deg, rgb(0, 0, 0) 6%, rgba(var(--admohub-epcolor), 0.13) 100%);
width: 50vw;
padding: 2.5vw 3vw;
box-sizing: border-box;
}

.admohub-epdirector {
font-family: 'Roboto Condensed', var(--UI-font);
font-size: 1.3vw;
font-weight: bold;
}

.admohub-epdirector::before {
content: "FEATURING ";
margin-right: 0.9vw;
font-weight: lighter;
opacity: 80%;
}

.admohub-eptitle {
font-family: var(--header-font);
font-size: 5vw;
line-height: 3.8vw;
letter-spacing: -0.15vw;
color: rgb(158, 158, 158);
}

.admohub-epno {
display: block;
font-family: 'Roboto Condensed', var(--UI-font);
font-size: 2vw;
font-weight: bold;
opacity: 70%;
}

a.admohub-eplink, a.admohub-accesslink {
margin: auto;
display: block;
max-width: 19vw;
padding: 1.3vw 1vw;
background-color: rgba(0, 0, 0, 0.3);
border: solid 0.2vw rgba(255, 255, 255, 0.15);
font-family: 'Roboto Condensed',var(--UI-font);
font-weight: bold;
text-decoration: none !important;
color: rgb(var(--basalt-main-text-color));
text-align: center;
transition-duration: 0.1s;
}

a.admohub-eplink {
font-size: 2.5vw;
line-height: 3vw;
}

a.admohub-accesslink {
font-size: 1vw;
line-height: 1vw;
opacity: 60%;
}

a.admohub-eplink:hover, a.admohub-accesslink:hover {
color: rgb(32, 32, 32);
border-color: transparent;
background-color: rgba(var(--basalt-main-text-color), 0.9);
}

a.admohub-accesslink:hover {
opacity: 100%;
}

.admohub-title, .admohub-epno, .admohub-eptitle {
user-select: none;
}

.admohub-about {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
height: 135vh;
max-width: 30rem !important;
margin: auto;
font-family: var(--UI-font);
word-spacing: 4px;
}

/* =============================================== */

@media only screen and (max-width: 1230px) {

.admohub-epimage {
width: 45vw;
}

.admohub-epdesc {
width: 55vw;
padding: 0.5vw 0vw;
}

.admohub-epdirector {
font-size: 2vw;
}

.admohub-epno {
font-size: 3vw;
}

.admohub-eptitle {
font-size: 6vw;
line-height: 4.8vw;
}

a.admohub-eplink, a.admohub-accesslink {
max-width: 28vw;
padding: 2.3vw 1vw;
}

a.admohub-eplink {
font-size: 3.5vw;
line-height: 4vw;
}

a.admohub-accesslink {
font-size: 1.6vw;
line-height: 1.6vw;
opacity: 70%;
}

}

@media only screen and (max-width: 940px) {

.admohub-splash {
background-image: none;
}

.admohub-quote {
font-size: 3.5vw;
line-height: 3.5vw;
}

.admohub-epimage {
display: none;
}

.admohub-epdesc {
width: 100%;
padding: 5.5vw 2.5vw;
background-image: linear-gradient(90deg, rgb(0, 0, 0) 30%, rgba(0,0,0,0.4) 100%), linear-gradient(220deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0) 40%), var(--admohub-epbg);
background-size: cover;
background-position: left center;
}

.admohub-epdirector {
top: 5vw;
right: 8vw;
font-size: 2.6vw;
}

.admohub-epno {
font-size: 4vw;
}

.admohub-eptitle {
font-size: 8vw;
line-height: 6.3vw;
}

a.admohub-eplink, a.admohub-accesslink {
max-width: 36vw;
padding: 3.3vw 2vw;
}

a.admohub-eplink {
font-size: 4.5vw;
line-height: 5vw;
}

a.admohub-accesslink {
font-size: 2.3vw;
line-height: 2.3vw;
}

}

@media only screen and (max-width: 760px) {

.admohub-splash {
height: 65vh;
}

.admohub-quote {
width: 80%;
font-size: 4.5vw;
line-height: 3.5vw;
}

.admohub-epdesc {
align-items: center;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0.3) 100%), var(--admohub-epbg);
background-position: center;
text-align: center;
}

.admohub-epdirector {
font-size: 3.3vw;
opacity: 70%;
}

.admohub-epdirector::before {
display: none;
}

.admohub-epno {
font-size: 5vw;
}

.admohub-eptitle {
font-size: 10vw;
line-height: 8.3vw;
}

a.admohub-eplink, a.admohub-accesslink {
max-width: unset;
background-color: rgba(0, 0, 0, 0.6);
padding: 4.3vw 9vw;
}

a.admohub-eplink {
font-size: 7.5vw;
line-height: 8vw;
}

a.admohub-accesslink {
font-size: 3.5vw;
line-height: 4vw;
}

.admohub-about {
height: 120vh;
max-width: unset !important;
margin-inline: 3vw;
font-size: 3vw;
text-align: justify;
}


#u-6820 {
--admohub-epbg: url(https://i.imgur.com/H3kMHnt.png);
--admohub-epcolor: 97, 129, 196;
}

#u-6747 {
--admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6747-epimage.webp);
--admohub-epcolor: 63, 0, 214;
}

#u-6659 {
--admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/admo-6659-tets.png);
--admohub-epcolor: 255, 115, 60;
}

#u-6488 {
--admohub-epbg: url(https://scp-wiki.wdfiles.com/local--files/scp-6488/infovore.jpg);
--admohub-epcolor: 0, 200, 210;
}

#u-6183 {
--admohub-epbg: url(https://scp-wiki.wikidot.com/local--files/admonition/blackbox.png);
--admohub-epcolor: 20, 20, 20;
}

#u-7243 {
--admohub-epbg: url(https://scp-wiki.wdfiles.com/local--files/scp-7243/admo-7243-exactus.jpg);
--admohub-epcolor: 0, 145, 102;
}

/* =============================================== */
[[/module]]
@@ @@
@@ @@
@@ @@
[[=]]
[[module Rate]]
[[/=]]
@@ @@
@@ @@
@@ @@
@@ @@
[[=]]
[[div class="scp-image-block block-center" style="width:600px;"]]
[[image https://i.imgur.com/H3kMHnt.png style="width:600px;"]]
[[/div]]
@@ @@
[[size 150%]]**//[[[https://scp-wiki.wikidot.com/scp-6820|Disgusting.]]]//**[[/size]]
@@ @@
@@ @@
[[div class="scp-image-block block-center" style="width:600px;"]]
[[image https://i.imgur.com/1tYrnQm.png style="width:600px;"]]
[[/div]]
@@ @@
[[size 150%]]**//[[[https://scp-wiki.wikidot.com/scp-6747|Hilarious.]]]//**[[/size]]
@@ @@
@@ @@
[[div class="scp-image-block block-center" style="width:600px;"]]
[[image https://i.imgur.com/aorVl8B.png style="width:600px;"]]
[[/div]]
@@ @@
[[size 150%]]**//[[[https://scp-wiki.wikidot.com/scp-6659|Beautiful.]]]//**[[/size]]
@@ @@
@@ @@
[[div class="scp-image-block block-center" style="width:600px;"]]
[[image https://i.imgur.com/urDAlBQ.png style="width:600px;"]]
[[/div]]
@@ @@
[[size 150%]]**//[[[https://scp-wiki.wikidot.com/scp-6488|Deceptive.]]]//**[[/size]]
@@ @@
@@ @@
[[div class="scp-image-block block-center" style="width:600px;"]]
[[image https://i.imgur.com/tgGkXIo.png style="width:600px;"]]
[[/div]]
@@ @@
[[size 150%]]**//[[[https://scp-wiki.wikidot.com/scp-7243|Waste.]]]//**[[/size]]
@@ @@
@@ @@

[[div class="scp-image-block block-center" style="width:1250px;"]]
[[image https://i.imgur.com/0ibA6v4.jpg style="width:1250px;"]]
[[/div]]
@@ @@
[[size 150%]]**//[[[https://scp-wiki.wikidot.com/admonition|HUB.]]]//**[[/size]]
@@ @@
@@ @@

[[/=]]
@@ @@

= ADMONITION is a series created by Liryn and Placeholder McD, and this artwork was created by ThatGuyThatTime!

= **[[[https://scp-wiki.wikidot.com/art:thatartpageofalltime|Check out my other work!]]]**
@@ @@
@@ @@
@@ @@