Link to article: SCP-9042.
.page {
display: block;
overflow: hidden;
font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.page p,
.page ul {
line-height: 20px;
margin: 0;
}
.wiki-content-table {
display: block;
max-width: 100%;
overflow-x: auto;
table-layout: fixed;
}
#extra-div-2::before,
#extra-div-2::after,
#extra-div-3::before,
#extra-div-3::after,
#extra-div-4::before,
#extra-div-4::after,
#extra-div-5::before,
#extra-div-5::after,
#extra-div-6::before,
#extra-div-6::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
user-select: none;
background-attachment: fixed;
background-size: min(25vw, 160px) !important;
background-repeat: no-repeat;
z-index: -1;
}
#extra-div-2::before {
/* replace with url of image you want to use */
background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift9.png");
/* position of the image on the screen, measured in distance from the top-left corner on the x- and y- axes*/
background-position: 10% 10%;
mask-image: linear-gradient(
to bottom,
transparent 80%,
black 100%
);
}
/* another example */
#extra-div-3::before {
background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift2.png");
background-position: 20% 60%;
mask-image: linear-gradient(
to bottom,
transparent 20%,
black 30%
);
}
/* another example */
#extra-div-3::after {
background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift8.png");
background-position: 100% 20%;
mask-image: linear-gradient(
to bottom,
transparent 50%,
black 55%
);
}
/* another example */
#extra-div-4::before {
background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift5.png");
background-position: 90% 100%;
mask-image: linear-gradient(
to bottom,
transparent 60%,
black 70%
);
}
/* another example */
#extra-div-4::after {
background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift7.png");
background-position: 80% 60%;
mask-image: linear-gradient(
to bottom,
transparent 60%,
black 70%
);
}
/* another example */
#extra-div-5::before {
background-image: url("http://scp-sandbox-3.wikidot.com/local--files/arclund/rift4.png");
background-position: 10% 100%;
mask-image: linear-gradient(
to bottom,
transparent 60%,
black 70%
);
}
#extra-div-2::before {
animation-play-state: paused;
}
:has(iframe.scroll-detector[style="height: 2px;"])
#extra-div-2::before {
animation-play-state: running;
}
@keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
#extra-div-2::before {
animation: fadein 2s;
animation-fill-mode: both;
}
@media (max-width: 768px) {
#extra-div-1::before,
#extra-div-1::after,
#extra-div-2::before,
#extra-div-2::after,
#extra-div-3::before,
#extra-div-3::after,
#extra-div-4::before,
#extra-div-4::after,
#extra-div-5::before,
#extra-div-5::after,
#extra-div-6::before,
#extra-div-6::after {
display: none;
}
}
background: url(https://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) bottom center no-repeat; text-align: center; width: 600px; margin: 0 auto; font-size: 20px; padding: 0px;
--content:
--content:
--content:
border:solid 1px #999999; background:#121212; padding:5px; margin-bottom: 10px;
--content:
border-radius: 10px; margin: 10px
--content:
--content:
--content:
--content:
width: 100%;
max-width: 100%;
width: 100%;
max-width: 100%;
width: 100%;
max-width: 100%;
--content:
border:solid 1px #999999; background:#121212; padding:5px; margin-bottom: 10px;
--content:
--content:
border:solid 1px #999999; background:#121212; padding:5px; margin-bottom: 10px;
--content:
--content: 'Hi.'; display:inline-block; font-size:350%; color:#03ac13; filter: drop-shadow(5px 2.5px white);
--content: 'Hi.'; display:inline-block; font-size:350%; color:#03ac13; filter: drop-shadow(5px 2.5px white);
--content: 'Hi.'; display:inline-block; font-size:350%; color:#03ac13; filter: drop-shadow(5px 2.5px white);
--content: 'Hi.'; display:inline-block; font-size:350%; color:#03ac13; filter: drop-shadow(5px 2.5px white);
component:preview
:scp-wiki:component:toggle-sidebar-bhl
[info]
:scp-wiki:component:glitch-elements
[info]
:scp-wiki:component:acs-animation
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:theme:space
[info]
:scp-wiki:component:acs-animation
[info]
:scp-wiki:component:customizable-acs
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
component:image-block
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
style01-plaintext
animation03
style02-plaintext
animation03
anom-bar-esoteric
blockquote
style02-plaintext
animation03
scroll-detector
style01-plaintext
animation05
blockquote
style01-plaintext
animation05
style02-plaintext
animation03
style01-plaintext
animation05
style02-plaintext
animation03
wiki-content-table
scp-image-block
scp-image-caption
scp-image-block
scp-image-caption
scp-image-block
scp-image-caption
style02-plaintext
animation03
style01-plaintext
animation05
style01-plaintext
animation05
style02-plaintext
animation03
style01-plaintext
animation05
style01-plaintext
animation05
style01-plaintext
animation05
style01-plaintext
animation05
footer-wikiwalk-nav