Link to article: fragment:scp9000katyastrangelove-2.
@import url('https://api.fonts.coollabs.io/css2?family=Gugi&display=swap');
@import url('https://api.fonts.coollabs.io/css2?family=Nothing+You+Could+Do&display=swap');
.gugi-regular {
font-family: "Gugi", sans-serif;
font-weight: 400;
font-style: normal;
}
.nothing-you-could-do-regular {
font-family: "Nothing You Could Do", cursive;
font-weight: 400;
font-style: normal;
}
body {
font-size: 11.5pt;
background-color: #eeeeee;
background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/s19dots');
background-size: 20em;
color: #000000;
line-height: 1.5rem
}
h1 {
text-align: center;
color: #538775;
font-family: "Gugi";
}
h2 {
text-align: center;
}
h3 {
text-align: center;
color: #3A6C5B;
}
div#container-wrap {
background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/s19trans');
}
div#header {
background-image: url('http://scp-wiki.wikidot.com/local--files/scp-9140/s19logo');
image-rendering: pixelated;
}
#header h1 a::before {
font-family: "Gugi";
content: 'SCP Foundation';
color: #000000;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
#header h1 a span{
display: block;
content: "";
visibility: hidden;
}
#header h2 span::before {
content: 'Site-19 Administration';
color: #000000;
}
#top-bar a {
color: black;
}
.computer-box {
display: inline-block;
width: 100%;
background-color: #dfdfdf;
border-top: solid 3px #fefefe;
border-bottom: solid 3px #999999;
border-left: solid 3px #fefefe;
border-right: solid 3px #999999;
margin: 0.5em 0 0.5em 0;
padding: 0.5em;
box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.1);
}
.flex-box-big {
display: flex;
justify-content: center;
min-width: 95%;
}
.flex-box-small {
display: flex;
justify-content: center;
width: 80%;
margin: auto;
}
.report-box-nowrap {
display: inline-block;
width: 80%;
background-color: rgba(221, 235, 230, 0.7);
padding: 1rem;
border-top: solid 6px rgb(0, 116, 116);
border-left: solid 1px rgb(0, 116, 116);
border-right: solid 1px rgb(0, 116, 116);
border-bottom: solid 1px rgb(0, 116, 116);
margin: 0.5em;
line-height: 1.5em;
}
.text-box-grey {
display: inline-block;
width: 100%;
padding: 1rem;
background-color: rgba(255, 255, 255, 0.6);
border-top: solid 6px rgb(0, 0, 153);
border-left: solid 1px rgb(0, 0, 153);
border-right: solid 1px rgb(0, 0, 153);
border-bottom: solid 1px rgb(0, 0, 153);
margin: 0.5em;
height: max-content;
line-height: 1.5em;
}
.text-box-log {
display: inline-block;
width: 100%;
padding: 2rem;
background-color: rgba(255, 255, 255, 0.6);
border-top: solid 6px rgb(112, 54, 93);
border-left: solid 1px rgb(112, 54, 93);
border-right: solid 1px rgb(112, 54, 93);
border-bottom: solid 1px rgb(112, 54, 93);
margin: 0.5em;
height: max-content;
line-height: 1.5em;
}
.text-box-xeno {
display: inline-block;
width: 85%;
padding: 1rem;
background-color: rgba(255, 255, 255, 0.8);
border-top: solid 1px rgb(0, 0, 0);
border-left: solid 1px rgb(0, 0, 0);
border-right: solid 1px rgb(0, 0, 0);
border-bottom: solid 1px rgb(0, 0, 0);
margin: auto;
height: max-content;
line-height: 1.5em;
}
.text-box-05 {
display: inline-block;
width: 100%;
padding: 1rem;
border-top: solid 6px rgb(199, 0, 0);
border-left: solid 1px rgb(199, 0, 0);
border-right: solid 1px rgb(199, 0, 0);
border-bottom: solid 1px rgb(199, 0, 0);
background-color: rgba(255, 255, 255, 0.6);
margin: 0.5em;
height: max-content;
line-height: 1.5em;
}
.flex-container {
display: flex;
background-color: transparent;
}
.flex-container > div {
width: auto;
margin: 0em 1em 0em 1em;
text-align: left;
}
.flex-box {
display: flex;
justify-content: center;
height: max-content;
}
.computer-box-small {
display: inline-block;
width: 24em;
align: center;
text-align: center;
background-color: #b3b3b3;
border-bottom: solid 2px #e8e8e8;
border-top: solid 2px #494949;
border-left: solid 2px #494949;
border-right: solid 2px #e8e8e8;
margin: auto;
padding: 0.5em;
box-shadow: inset 4px 4px 0 0 rgba(0, 0, 0, 0.2);
}
body {
background-attachment: fixed;
color: #000000;
word-break: unset;
}
/* THE SCIPNET APPLICATION WINDOW */
.scipnet-container,
.scipnet-container *{
box-sizing: border-box;
margin: auto;
margin-top: 0px;
margin-bottom:0px;
width: 100%;
}
.scipnet-container{
width: 100%;
display: flex;
position: relative;
align: center;
border: 3px offset #ededed;
}
.desktop > .app{
display: grid;
grid-template-areas:
"top-bar";
"content";
grid-template-rows: 37px auto;
width: 100%;
align: center;
min-height: 410px;
background-color: #c3c3c3;
margin: 10px 10px 10px 0px
}
.app > .top-bar{
display: grid;
grid-template-areas:
"app-title nada x";
grid-template-columns: 0.4fr 2fr auto;
background-color: #000082;
width: 100%;
margin: 2px 0px 0px 0px;
padding: 0px 0 0 0px;
}
.top-bar > .app-title{
display: inline-block;
color: #ffffff;
width: 100%;
height: 1.3em;
margin: 2px 4px 2px 2px;
text-align: left;
vertical-align: bottom;
padding: 0.2em 0 0 0.2em;
font-family: "Font95";
}
/* PLACEHOLDER FOR THE PART OF THE DESKTOP NOT OCCUPIED BY THE ICON OR SCIPNET WINDOW (DON'T LOOK AT THIS) */
.top-bar > .nada{
display: inline-block;
width: 100%
height:1.3em
color: #ffffff;
background-color: #000082;
margin: 2px 3px 5px 3px;
text-align: left;
vertical-align: bottom;
padding: 3px 0 0 0px;
font-family: "Font95";
}
.top-bar > .x{
display: inline-block;
align: right;
background-color: #c3c3c3;
border-top: solid 2px#fdffff;
border-left: solid 2px #fdffff;
border-bottom: solid 2px #494949;
border-right: solid 2px #494949;
color: #000000;
font-size: 14pt;
width: 1.3em;
height: 1em;
margin: 2px 0px 4px 4px;
text-align: center;
padding: 2px 0 0px 0;
font-family: "Font95";
vertical-align: middle;
}
/* TEXTBOX ZONEEEE */
.app > .content{
display: grid;
grid-template-areas:
"scip-title";
"body-container";
grid-template-rows: 2em auto;
width: 100%;
border: 1px #000000;
margin: 0 0 0 0;
padding: 0em 0.2em 0em 0.2em;
min height: 390px
background-color: #e0e0e0;
}
.content > .scip-title{
display: inline-block;
width: 100%;
height: 1.5em;
background-color: #e0e0e0;
border: solid 1px #000000;
font-family: "Font95";
font-size: 17pt;
color: #000082;
text-shadow: -1px -2px #fdffff;
text-align: center;
padding: 0.3em 2.5em 0.2em 2.5em;
margin: 0 0 0 0;
}
.content > .body-container{
display: inline-block
width: 100%;
min-height: 700px;
background-repeat: repeat;
background-color: #ffffff;
box-shadow: inset 0 0 0 0.45em #b0b0b0, inset 0 0 0 0.6em #000000;
padding: 3em 1.5em 1.5em 1.5em;
color: #000000;
text-align: center;
}
.body-container-outside{
display: inline-block
width: 100%;
min-height: 600px;
background-repeat: repeat;
background-color: #ffffff;
box-shadow: inset 0 0 0 0.45em #b0b0b0, inset 0 0 0 0.6em #000000;
padding: 3em 1.5em 1.5em 1.5em;
color: #000000;
text-align: center;
}
.scip-subtitle{
display: inline-block;
width: 98%;
height: 1.5em;
color: #000000;
text-align: center;
padding: 0.2em 0.2em 0.2em 0.2em;
}
.body-text{
display: inline-block;
width: 98%;
max-height: auto;
font-size: 11.5pt;
color: #000000;
text-align: left;
padding: 0.4em 0.2em 0.2em 0.2em;
text-align: center; padding: 0 0 0.3rem 0;
border: solid 1px #000000; background-color: #fefefe; padding: 1.5rem; margin: auto;
text-align: center; padding: 0.3rem 0 0 0;
text-align: center; padding: 0.6rem 0 0 0;
text-align: center;
display: block; border-bottom: double 5px #000000; border-top: double 5px #000000; text-align: center; margin: 0 0 0 0; padding: 0em 2em 0 2em;
display: block; border-bottom: double 5px #000000; text-align: left; margin: auto; padding: 0em 0em 0 2em;
text-align: center;
text-align: center;
text-align: center;
text-align: center;
text-align: center; font-size: 120%; margin: auto;
width:95%;
display: block; border-bottom: double 5px #000000; border-top: double 5px #000000; text-align: center; margin: 0 0 0 0; padding: 0em 2em 0 2em;
display: block; border-bottom: double 5px #000000; text-align: left; margin: auto; padding: 0em 0em 0 2em;
text-align: center
text-align: center;
text-align: center; margin: 0 0 0 0;
text-align: center;
text-align: center
text-align: center;
padding-left: 2em;
padding-left: 2em;
text-align: center
text-align: right;
text-align: right;
text-align: right;
text-align: right;
text-align: right;
color: #84a196;
color: #84a196;
color: #84a196;
text-align: right;
text-align: right;
text-align: right;
text-align: center
text-align: center
display: block; border-bottom: double 5px #000000; border-top: double 5px #000000; text-align: center; margin: 0 0 0 0; padding: 0em 2em 0 2em;
display: block; border-bottom: double 5px #000000; text-align: left; margin: auto; padding: 0em 0em 0 2em;
font-size:1.15em;
text-align: center
text-align: center;
:scp-wiki:theme:y2k
[info]
:scp-wiki:component:assorted-paper
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:advanced-navigation-toolbar-source
[info]
flex-container
flex-box-big
report-box-nowrap
flex-box
text-box-xeno
flex-box
text-box-grey
flex-box
text-box-grey
flex-box-big
report-box-nowrap
flex-box
text-box-grey
flex-box
text-box-log
scp-image-block
block-center
flex-box
text-box-xeno
flex-box
text-box-grey
flex-box
text-box-05
flex-box-small
report-box-nowrap
flex-box
text-box-05
app
top-bar
app-title
nada
x
scipnet-container
content
scip-title
body-container
scip-subtitle
body-text
body-container-outside
body-text
body-container-outside
body-text
body-container-outside
body-text
body-container-outside
body-text
body-container-outside
body-text
body-container-outside
body-text
body-container-outside
body-text
flex-box
text-box-grey
flex-box
text-box-grey
flex-box
text-box-xeno
flex-box
text-box-05