Link to article: Running Till the End of the Storm.
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;700;900&display=swap');
body {
background-image: linear-gradient(to top, #181b39 60%, transparent 80%);
background-size: 100% 25rem;
background-position: center bottom;
background-repeat: no-repeat;
font-family: "Noto Serif SC", serif;
}
div#container-wrap {
overflow-x: hidden;
}
div#extra-div-1 {
height: 140px;
width: 100%;
top: 0;
position: absolute;
background: url("http://scpsandboxcn.wikidot.com/local--files/odeos/mozhang.png");
background-size: cover;
background-position: 50% 50%;
}
div#page-content {
color: #000;
font-size: 0.9375rem;
font-family: "Noto Serif SC", serif;
}
li, p {
line-height: 175%;
}
p {
margin-block: 1.5em;
}
span.ruby {
height: unset;
display: inline-flex;
flex-direction: column-reverse;
align-items: center;
vertical-align: top;
text-indent: 0;
}
span.rt {
display: block;
margin-top: -0.625em;
margin-bottom: 0;
line-height: 1.25;
}
@media (max-width: 767px) {
div#page-content {
font-size: 0.8125rem;
}
}
div#page-content h1,
div#page-content h2,
div#page-content h3,
div#page-content h4,
div#page-content h5,
div#page-content h6 {
font-family: "Noto Serif SC", serif;
font-weight: 700;
}
div#page-content h1 {
color: #000;
font-weight: 700;
text-align: center;
margin: 4rem 0 2rem 0;
border-top: solid 2px #CCC;
border-bottom: solid 2px #CCC;
letter-spacing: 0.25rem;
}
div#page-content > p,
div#page-content > div.blockquote > p {
text-indent: 2em;
}
div#page-content h3 {
border-left: double 6px #CCC;
padding-left: 0.5rem;
}
div.full-width-container {
margin-inline: auto;
width: 0;
max-width: 0;
position: relative;
}
div.full-width-container > div {
width: 100vw !important;
max-width: 100vw !important;
margin-inline: -50vw;
}
div.gradient-container {
padding-top: 15rem;
background-image: linear-gradient(to top, #181b39 20%, 70%, transparent);
background-size: 100%;
background-position: center bottom;
background-repeat: no-repeat;
border-bottom: solid 0.2rem #181b3955;
}
@media (max-width: 767px) {
div.gradient-content {
max-width: 90%;
margin: 0 5%;
padding: 0;
}
}
@media not all and (max-width: 767px) {
div.gradient-content {
max-width: 44.5rem !important;
margin: 0 auto;
padding: 0;
transition: max-width 0.2s ease-in-out;
}
}
div.gradient-content p {
color: #999;
text-indent: 2em;
}
div#page-info,
div.page-watch-options {
color: #999;
}
div.page-watch-options a,
div#page-options-bottom a {
color: #AAF;
}
div#action-area {
background-color: #E6E6E6;
padding: 1.5rem;
border-radius: 1rem;
margin: 1.5rem 0;
}
:scp-wiki:component:toggle-sidebar
[info]
:scp-wiki:info:start-standalone
[info]
:scp-wiki:info:end-standalone
[info]
ruby
rt
full-width-container
gradient-container
gradient-content