Link to article: SCP-173 But it's the ADMONITION Hub.
:root {
--header-title: 'SCP-173';
--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://scp-wiki.wikidot.com/local--files/admonition/ball.gif);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.admohub-title {
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
height: 100%;
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: 300%;
-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: "BO BURNHAM";
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 {
position: absolute;
top: 11vh;
right: 5vw;
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 {
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-01 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/OR_173.svg/1125px-OR_173.svg.png?20120314223245);
--admohub-epcolor: 255, 167, 0;
}
#u-02 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/be/Flag_of_Euclid%2C_Ohio.svg/768px-Flag_of_Euclid%2C_Ohio.svg.png?20220705215955);
--admohub-epcolor: 255, 167, 0;
}
#u-03 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Intermodal_Container_Locked_Door_-_Kolkata_2011-02-03_0363.JPG/597px-Intermodal_Container_Locked_Door_-_Kolkata_2011-02-03_0363.JPG?20110204012206);
--admohub-epcolor: 255, 167, 0;
}
#u-04 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/55/The_Double_Locked_Door_%286122500677%29.jpg/1200px-The_Double_Locked_Door_%286122500677%29.jpg?20160908105421);
--admohub-epcolor: 255, 167, 0;
}
#u-05 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Eye_Contact_%284588530836%29.jpg/1200px-Eye_Contact_%284588530836%29.jpg?20231026192630);
--admohub-epcolor: 255, 167, 0;
}
#u-06 {
--admohub-epbg: url(https://scp-wiki.wdfiles.com/local--files/scp-7001/factory-2.png);
--admohub-epcolor: 255, 167, 0;
}
#u-07 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Question_mark_in_Esbjerg_%28327122302%29.jpg/1200px-Question_mark_in_Esbjerg_%28327122302%29.jpg?20140814005209);
--admohub-epcolor: 255, 167, 0;
}
#u-08 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/ce/Gold..._Sweet....JPG/1200px-Gold..._Sweet....JPG?20120503004623);
--admohub-epcolor: 255, 167, 0;
}
#u-09 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/9/9c/Angry_face.png?20050220013836);
--admohub-epcolor: 255, 167, 0;
}
#u-10 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Emmanuel%2C_Forest_Gate_-_Stone_angel_-_geograph.org.uk_-_4222644.jpg/669px-Emmanuel%2C_Forest_Gate_-_Stone_angel_-_geograph.org.uk_-_4222644.jpg?20230101155333);
--admohub-epcolor: 255, 167, 0;
}
#u-11 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Staring_at_the_sun.jpg/1200px-Staring_at_the_sun.jpg?20090314193554);
--admohub-epcolor: 255, 167, 0;
}
#u-12 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/08/Blinking_Keynote_%287993868305%29.jpg/1200px-Blinking_Keynote_%287993868305%29.jpg?20190615214810);
--admohub-epcolor: 255, 167, 0;
}
#u-13 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/6/6a/Neck.png?20061203185745);
--admohub-epcolor: 255, 167, 0;
}
#u-14 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/4%D2%82number_~23hjqqii.jpg/900px-4%D2%82number_~23hjqqii.jpg?20230417145823);
--admohub-epcolor: 255, 167, 0;
}
#u-15 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/13/Corneal_scraping_with_fungal_elements.jpg/1200px-Corneal_scraping_with_fungal_elements.jpg?20190912145728);
--admohub-epcolor: 255, 167, 0;
}
#u-16 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Man_in_white_suit%2C_thumbs_up%2C_looking_at_viewer.jpg/1200px-Man_in_white_suit%2C_thumbs_up%2C_looking_at_viewer.jpg?20210116165603);
--admohub-epcolor: 255, 167, 0;
}
#u-17 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Population_sign%2C_Gross%2C_Nebraska%2C_USA.jpg/1200px-Population_sign%2C_Gross%2C_Nebraska%2C_USA.jpg?20070717023228);
--admohub-epcolor: 255, 167, 0;
}
#u-18 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Red_question_mark.svg/675px-Red_question_mark.svg.png?20230909025320);
--admohub-epcolor: 255, 167, 0;
}
#u-19 {
--admohub-epbg: url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/1940_Census_Population_Schedules_-_Florida_-_Sumter_County_-_ED_60-4_-_DPLA_-_d2b873312e5700b4c48cc6e11ec98941_%28page_4%29.jpg/1178px-1940_Census_Population_Schedules_-_Florida_-_Sumter_County_-_ED_60-4_-_DPLA_-_d2b873312e5700b4c48cc6e11ec98941_%28page_4%29.jpg?20210314213346);
--admohub-epcolor: 255, 167, 0;
}
display: none;
font-size: 90%;
word-spacing: 2px;
admohub-rate
admohub-splash
admohub-title
admohub-quote
admohub-container
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-episode
admohub-epimage
admohub-epdesc
admohub-epdirector
admohub-epno
admohub-eptitle
admohub-eplink
admohub-about