Link to article: A Scene From a Meme(-ory).
/* HEADER */
:root{
--header-title: "‘PATAPHYSICS DEPT.";
--header-subtitle: "WRITING OUR OWN DESTINY";
--titleColor: hsl(0, 0%, 91%);
--subtitleColor: hsl(0, 0%, 91%);
--lgurl: url(https://scp-wiki.wikidot.com/local--files/theme:pataphysics/pataphysicslogo-ani.svg);
}
#page-title{
display: none;
}
#header::before{
opacity: .7;
}
#header h1 a::before{
text-shadow:
-1.75px -1.75px hsl(0, 0%, 5%),
0 -1.75px hsl(0, 0%, 5%),
1.75px -1.75px hsl(0, 0%, 5%),
1.75px 0 hsl(0, 0%, 5%),
1.75px 1.75px hsl(0, 0%, 5%),
0 1.75px hsl(0, 0%, 5%),
-1.75px 1.75px hsl(0, 0%, 5%),
-1.75px 0 hsl(0, 0%, 5%);
}
#header h2::before{
text-shadow:
-1px -1px hsl(0, 0%, 5%),
0 -1px hsl(0, 0%, 5%),
1px -1px hsl(0, 0%, 5%),
1px 0 hsl(0, 0%, 5%),
1px 1px hsl(0, 0%, 5%),
0 1px hsl(0, 0%, 5%),
-1px 1px hsl(0, 0%, 5%),
-1px 0 hsl(0, 0%, 5%);
}
#header-extra-div-1::before{
display: none;
}
/* GENERAL */
.heather{
color: hsl(332, 93%, 44%);
font-weight: bold;
word-break: unset;
}
/* TERMINAL */
.terminal{
background-color: hsl(268, 39%, 20%);
background-image: /* black shadow at the top of the terminal */
radial-gradient(
ellipse 1000% 100% at 50% 90%,
transparent,
hsl(268, 33%, 10%));
border: 3px solid hsl(0, 0%, 73%);
border-radius: 1rem;
box-shadow: inset 0 0 10em 1em hsla(0, 0%, 0%, .5); /* shadow around the terminal */
overflow: hidden; /* prevents scanline from forming a scrollwheel */
text-align: center;
}
.terminal hr{
height: 2px;
background: 1px solid hsl(0, 0%, 81%);
}
.scanline{
position: relative;
height: 3.659em;
margin-top: -40%;
background:
linear-gradient(
hsla(240, 19%, 27%, 0),
hsla(240, 33%, 33%, .1));
animation: scan 5s linear 0s infinite;
-moz-animation: scan 5s linear 0s infinite;
-webkit-animation: scan 5s linear 0s infinite;
pointer-events: none;
}
@-webkit-keyframes scan{ /* SAFARI 4.0 - 8.0 */
from{
transform: translateY(-10%);
}
to{
transform: translateY(2000%);
}
}
.terminal-text{
padding: 34% 3rem 0;
color: hsl(0, 0%, 81%);
font: 115% "Lucida Console", "Monaco", monospace;
}
/* FAKE LINKS */
.fake-link{
color: hsl(0, 0%, 81%);
cursor: pointer;
}
.fake-link :hover{
position: relative;
left: 25%;
width: 50%;
color: hsl(268, 76%, 13%);
background:
linear-gradient(
to right,
hsla(0, 0%, 0%, 0),
hsl(259, 100%, 75%),
hsl(259, 100%, 75%),
hsla(0, 0%, 0%, 0));
}
.fake-link :hover::before{
content: "▷ ";
}
.escape{
color: hsl(0, 0%, 81%);
cursor: pointer;
}
.escape :hover span{
display: none;
}
.escape :hover::before{
content:"▷ THERE IS NO ESCAPE";
}
/* FORMATTING */
.pata{
background-color: hsl(268, 39%, 20%);
background-image: /* black shadow at the top of the terminal */
radial-gradient(
ellipse 1000% 100% at 50% 90%,
transparent,
hsl(268, 33%, 10%));
border: 3px solid hsl(0, 0%, 73%);
border-radius: 1rem;
box-shadow: inset 0 0 10em 1em hsla(0, 0%, 0%, .5); /* shadow around the terminal */
overflow: hidden; /* prevents scanline from forming a scrollwheel */
/* text */
padding: 0 3rem;
color: hsl(0, 0%, 81%);
font: 115% "Lucida Console", "Monaco", monospace;
text-align: center;
}
.pata a{
color: hsl(268, 81%, 65%);
}
h4{
color: hsl(9, 91%, 71%);
animation: vibrate linear 100ms 100000;
}
@keyframes vibrate{
0%{ transform: translate3d(0, 0, 0); }
10%{ transform: translate3d(2px, 0, 0); }
20%{ transform: translate3d(2px, 2px, 0); }
30%{ transform: translate3d(0, 0, 0); }
40%{ transform: translate3d(-2px, 0, 0); }
50%{ transform: translate3d(-2px, -2px, 0); }
}
.additive{
font-size: 155%;
font-style: italic;
line-height: .8;
}
font-family: Georgia, serif; font-weight: bold;
font-size: 120%; word-break: unset;
font-size: 250%;
font-size: 120%; word-break: unset;
font-size: 120%; word-break: unset;
font-size: 120%; word-break: unset;
font-size: 120%; word-break: unset;
font-size: 120%; word-break: unset;
padding: .5em;
:scp-wiki:theme:flopstyle
[info]
:scp-wiki:theme:pataphysics
[info]
:scp-wiki:component:centered-header-sigma-9
[info]
:scp-wiki:theme:scp-trans-pride
[info]
:scp-wiki:more-by:lt-flops
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
meta-title
pseudocrumbs
justified
narration
indented
heather
narration
indented
narration
indented
heather
narration
indented
heather
heather
heather
heather
heather
heather
heather
heather
narration
indented
terminal
scanline
terminal-text
fake-link
fake-link
fake-link
escape
scene-break
narration
indented
narration
indented
heather
narration
indented
heather
narration
indented
narration
indented
heather
heather
narration
indented
scene-break
heather
heather
heather
narration
indented
heather
heather
heather
narration
indented
narration
indented
pata
narration
indented
heather
pata
pata
pata
pata
narration
indented
pata
heather
pata
pata
narration
indented
narration
indented
pata
pata
pata
heather
pata
additive
heather
pata
narration
indented
heather
pata
heather
pata
heather
pata
heather
narration
indented
heather
narration
indented
pata
narration
indented
scene-break
footing
centered