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;}
}
/* 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 */
margin-top: 2em
margin-top: 20px; margin-bottom: 10px;
align-self: start;
margin-left: 2em; margin-right: 0.5em; width: 280px
text-align: center;
margin-top: 20px; margin-bottom: 10px;
width: 90%; margin-top: 10px;
width: 100%
text-align: center;
margin-top: 20px; margin-bottom: 10px;
align-self: start;
margin-left: 2em; margin-right: 0.5em; width: 40%
text-align: center;
margin-top: 20px; margin-bottom: 10px;
align-self: center;
width: 90%; margin-top: 10px;
width: 100%
text-align: center;
margin-top: 20px; margin-bottom: 10px;
align-self: start;
margin-left: 2em; margin-right: 0.5em; width: 40%
text-align: center;
margin-top: 20px; margin-bottom: 10px;
align-self: center;
width: 90%; margin-top: 10px;
width: 100%
text-align: center;
margin-top: 20px; margin-bottom: 10px;
align-self: start;
margin-left: 2em; margin-right: 0.5em; width: 40%
text-align: center;
margin-top: 20px; margin-bottom: 10px;
align-self: center;
width: 90%; margin-top: 10px;
width: 100%
text-align: center;
margin-top: 20px; margin-bottom: 10px;
align-self: start;
margin-left: 2em; margin-right: 0.5em; width: 40%
text-align: center;
margin-top: 20px; margin-bottom: 10px;
align-self: center;
width: 90%; margin-top: 10px;
width: 100%
text-align: center;
width: 80%; margin: 0 auto; border:solid 1px #999999; background:#e6e6e6; padding:25px;
flex-basis: 20%; align-self: center
flex-basis: 80%; text-align: center;
font-size: 2.75em; font-weight: bold; color: #dd6161;
font-size: 1.5em; color: darkgrey;
font-size: 1.5em;
font-size: 2.5em; font-weight: bold; color: #dd6161;
font-size: 1.3em; color: darkgrey;
font-size: 1.3em;
background-color: #e6e600;
float: right; padding-right:5%;
width: 90%; margin: 1em auto 1em auto; background-color:#f0d7b9; box-shadow: 4px 6px 8px #a98; padding: 1em; display: block;
grid-row-start: 1; grid-column-start: 3; grid-column-end: 6; justify-self: center;
grid-row-start: 2; grid-column-start: 4; grid-column-end: 5; justify-self: center;
grid-row-start: 4; grid-column-start: 1; grid-column-end: 7;
grid-row-start: 2; grid-row-end: 5; grid-column-start: 7; justify-self: center;
grid-row-start: 5; grid-column-start: 1; grid-column-end: 5;
grid-row-start: 6; grid-column-start: 4; grid-column-end: 5;
color: dimgrey;
grid-row-start: 6; grid-column-start: 5;
grid-row-start: 6; grid-column-start: 6; justify-self: center;
grid-row-start: 7; grid-column-start: 1;
grid-row-start: 7; grid-column-start: 3; grid-column-end: 5;
color: dimgrey;
grid-row-start: 7; grid-column-start: 4;
grid-row-start: 7; grid-column-start: 5;
color: dimgrey;
grid-row-start: 7; grid-column-start: 6;
grid-row-start: 7; grid-column-start: 7;
color: dimgrey;
grid-row-start: 8; grid-column-start: 5; grid-column-end: 8;
--at:5; --w:1px; --c:#c9b08e
--at:8; --w:1px; --c:#c9b08e
--at:3; --w:1px; --c:#c9b08e
color: dimgrey;
width: 90%; margin: 1em auto 1em auto; background-color:#f0d7b9; box-shadow: 4px 6px 8px #a98; padding: 1em; display: block;
grid-row-start: 1; grid-column-start: 1; grid-column-end: 5; justify-self: center;
grid-row-start: 1; grid-row-end: 3; grid-column-start: 5; grid-column-end: 7; justify-self: center;
grid-row-start: 2; grid-column-start: 1; grid-column-end: 5; justify-self: center;
grid-row-start: 3; grid-column-start: 1; grid-column-end: 7;
grid-row-start: 4; grid-column-start: 1;
grid-row-start: 4; grid-column-start: 2; justify-self: center;
grid-row-start: 4; grid-column-start: 3;
grid-row-start: 4; grid-column-start: 4;
color: dimgrey;
grid-row-start: 4; grid-column-start: 5;
grid-row-start: 4; grid-column-start: 6;
color: dimgrey;
grid-row-start: 5; grid-column-start: 1; grid-column-end: 5;
grid-row-start: 6; grid-column-start: 2; grid-column-end: 7;
color: dimgrey;
grid-row-start: 7; grid-column-start: 1;
grid-row-start: 7; grid-column-start: 2; grid-column-end: 7;
color: dimgrey;
grid-row-start: 8; grid-column-start: 4; grid-column-end: 8;
--at:4; --w:1px; --c:#c9b08e
--at:5; --w:1px; --c:#c9b08e
--at:8; --w:1px; --c:#c9b08e
color: dimgrey;
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:image-block
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
component:image-block
component:image-block
component:image-block
oldtext
desktoponly
boxfix
centertable
darkcell
lightcell
lightcell
lightcell
lightcell
lightcell
lightcell
mobileonly
boxfix
boxfixtext
centertable
darkcell
lightcell
lightcell
lightcell
lightcell
lightcell
lightcell
desktoponly
boxfix
centertable
darkcell
lightcell
lightcell
lightcell
lightcell
lightcell
lightcell
mobileonly
boxfix
boxfixtext
centertable
darkcell
lightcell
lightcell
lightcell
lightcell
lightcell
lightcell
desktoponly
boxfix
centertable
darkcell
lightcell
lightcell
lightcell
lightcell
lightcell
lightcell
mobileonly
boxfix
boxfixtext
centertable
darkcell
lightcell
lightcell
lightcell
lightcell
lightcell
lightcell
desktoponly
boxfix
centertable
darkcell
lightcell
lightcell
lightcell
lightcell
lightcell
lightcell
mobileonly
boxfix
boxfixtext
centertable
darkcell
lightcell
lightcell
lightcell
lightcell
lightcell
lightcell
desktoponly
boxfix
centertable
darkcell
lightcell
lightcell
lightcell
lightcell
lightcell
lightcell
mobileonly
boxfix
boxfixtext
centertable
darkcell
lightcell
lightcell
lightcell
lightcell
lightcell
lightcell
mi666
boxfix
mi666
desktoponly
papercontainer
tight
tight
tight
tight
tight
right
tight
tight
right
tight
tight
right
tight
tight
tight
tight
hline
hline
vline
mobileonly
papercontainer
tight
tight
tight
tight
tight
tight
tight
tight
tight
tight
tight
tight
tight
tight
hline
hline
hline