Link to article: SCP-9000 — There is No Such Thing as the Dublin City Metro.
/* Indent. Thanks FireTamer for the code! */
.firetamer {
padding-left: 5px;
border-left: thin solid #abaaab;
margin-left: 2vh;
}
.firetamer2 {
padding-left: 5px;
border-left: thin solid black;
margin-left: 2vh;
}
/* telegram */
.papercontainer { /* Wackdog made this good! */
display: grid;
grid-template-columns: 1fr 0.5fr 0.5fr 4fr 0.5fr 0.5fr 1fr;
grid-template-rows: min-content min-content min-content 1fr min-content min-content min-content min-content;
row-gap: 0;
}
.papercontainer .tight{
line-height: 1;
padding: 0;
white-space: nowrap;
}
.papercontainer .tight > *{ margin: 0; }
.papercontainer .right{ justify-self: end; }
.papercontainer .vline{
grid-row: 1 / -1;
grid-column: var(--at)/var(--at);
border-left: var(--w,1px) solid var(--c,#999);
pointer-events:none; z-index:1;
}
.papercontainer .hline{
grid-column: 1 / -1;
grid-row: var(--at)/var(--at);
border-top: var(--w,1px) solid var(--c,#999);
pointer-events:none; z-index:1;
}
.papercontainer{ max-width:100%; }
.papercontainer *{ overflow-wrap:anywhere; word-break:break-word; }
@media (max-width:768px){
.papercontainer .tight{ white-space:normal; }
#page-content{ overflow-x:hidden; }
}
@media (max-width: 768px) {
.papercontainer {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: min-content, min-content, 1fr, 0.6fr, 0.1fr, 0.8fr, 0.8fr, min-content;
row-gap: 0;
}
}
/* email */
.email-example .collapsible-block-folded a.collapsible-block-link {
animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
/* Image block fix to prevent overlap with ACS module. Thanks to BlueEyedFox_ on discord! */
.scp-image-block.block-right {
position: relative;
top: 15px;
}
/* Notice top instructions */
.outerform { /*thanks to hcina from discord for this! */
border:solid 1px #999999;
background:#fcf4c7;
padding:25px;
margin-bottom: 25px;
}
.rectangle { /* thanks to wackdog from discord for this! */
width: 100%;
background: #808080;
height: 3.5em;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
/* Tables (except hcina) */
.centertable {
border-collapse:collapse;
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
.darkcell {
font-weight:bold;
padding: .3em .7em;
text-align: center;
border: 1px solid black;
background-color: silver;
}
.lightcell {
padding: .3em .7em;
border: 1px solid black;
}
.oldtext {
color: lightslategrey;
font-style: italic;
}
/* additional table stuff from Wackdog */
.centertable { width:100%; border-collapse:collapse; }
.centertable img { max-width:100%; height:auto; }
@media (min-width: 769px) {
.centertable {
width: 50%;
}
}
@media (min-width: 769px) {
.cell--image { display: table-cell; }
.mobile-img { display: none; }
}
@media (max-width: 768px) {
.cell--image { display: none; }
.scp-image-block.block-right{ float:none; }
.mobile-img {
display: block;
margin: 0 auto 30px;
}
.centertable { table-layout: fixed; }
.centertable td, .centertable th { word-wrap: break-word; }
}
/* Centre images and text as divs. thanks to Croq on discord! */
.boxfix {
display: flex;
flex-direction: row;
align-items:center;
}
.boxfixtext {
align-self: center;
}
@media (max-width:768px){
.boxfix {flex-direction: column;}
}
/* Missing person notice */
.missingbox {
border:solid 1px #999999;
background: #acacacff;
padding:25px;
margin-bottom: 25px;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.redrect { /* derivative of Wackdogs code */
width: 100%;
background: #611414ff;
color: white;
height: 3em;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
font-size: 2em;
font-weight: bolder;
}
.missingphoto {
min-width: 242px;
max-width: 283px;
}
.garda {
min-width: 95px;
max-width: 105px;
}
.missinglow {
display: flex;
align-items: stretch;
}
.missinglowup {
width: 40%;
margin-right: 0.5em;
align-self: center
}
.missinglowin {
display: flex;
align-items: stretch;
flex-direction: row;
}
@media (max-width:765px){
.missinglow {flex-direction: column;}
.missinglowup {width: 95%; margin-right: 0;}
.missinglowin {align-items: left}
}
/* reflist */
.hanging {
p {
padding-left: 5em;
margin-top: 0px;
margin-bottom: 0px;
}
p::first-letter {
margin-left: -5em;
}
}
/* MI666 parts. Shamelessly stolen from Tserlece and Stormbreath*/
div.mi666 {
width: 90%;
margin: 1em auto 1em auto;
padding: 1em;
border: 3px solid #DD6161;
box-shadow: 3px 3px 5px rgba(100,0,0,.5);
font-family: "Nanum Gothic", Arial, sans-serif;
display: block;
background-color:white;
}
.mi666 span {
word-break: normal;
line-height: 150%;
}
/* responsive @medias */
@media only screen and (max-width: 768px) {
.desktoponly {
display: none;
}
}
@media only screen and (min-width: 769px) {
.mobileonly {
display: none;
}
}
/* Autopsy courtesy of Wackdog (more like wackGOAT)*/
.checkrow>p {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .2rem 3rem;
font-size: 0;
}
.checkrow>p>span {
font-size: 1rem;
}
.checkrow .label {
flex: 0 0 auto;
white-space: nowrap;
font-weight: 700;
}
.checkrow .opt {
text-align: center;
overflow-wrap: anywhere;
}
.checkrow>p br {
display: none;
}
@media (max-width: 770px) and (min-width: 300px) {
.checkrow .label {
flex: 1 1 100%;
text-align: center;
}
.checkrow .opt {
flex: 1 1 calc(50% - .5rem);
min-width: 0;
}
.checkrow>p {
gap: .2rem 1rem;
}
}
@media (max-width: 299px) {
.checkrow .opt {
flex: 1 1 100%;
min-width: 0;
text-align: left;
}
}
text-align: center; font-weight: bold; font-size: 1.25em
font-size: 1.2em; margin-left: 1.5em;
font-size: 75%
width: 60%; align-self: center;
align-self: center
font-size: 150%; font-weight: bold; text-wrap: nowrap
font-size: 70%; color: gainsboro
border:solid 1px #999999; background:#e6e6e6; padding:25px; margin-bottom: 25px;
display: flex; flex-direction: rows
flex-basis: 50%;
flex-basis: 30%;
flex-basis: 20%;
float: right; padding-right:18%;
border:solid 1px #999999; background:#e6e6e6; padding:25px; margin-bottom: 25px;
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
component:image-block
component:image-block
missingbox
redrect
boxfix
missingphoto
boxfixtext
missinglow
missinglowup
missinglowin
garda
checkrow
label
opt
opt
opt
checkrow
label
opt
opt
opt
opt
opt
opt
checkrow
label
opt
opt
opt
opt
opt
opt
opt
opt
opt
opt
opt
opt
opt
opt
opt
opt
checkrow
label
opt
opt
opt
firetamer
firetamer
firetamer
firetamer
firetamer
firetamer
firetamer
firetamer