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: #000000;
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;}
}
/* 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 */
color: white
outerform
rectangle
oldtext