Link to article: a vengeance..
.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;
}
.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
div.terminal{
border: 1px solid black;
border: solid 3px #BBBBBB;
border-radius: 16px;
background-color: #131;
/* black shadow at the top of the terminal */
background-image:
radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
background-position: center;
display: block;
/* shadow around the terminal */
box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* prevents scanline from forming a scrollwheel */
overflow:hidden;
}
div.terminal blockquote {
background-color: black;
border: double 3px #80FF80
}
/* hr block for terminal -- thanks to stormbreath! */
div.terminal hr {
background-color: #80FF80;
}
div.scanline{
margin-top: -40%;
width: 100%;
height: 60px;
position: relative;
pointer-events: none;
/* Safari 4.0 - 8.0 */
-webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
animation: scan 12s linear 0s infinite; /* Same as above */
background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}
div.text{
color: rgba(128,255,128,0.8);
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 40%;
font-family: monospace;
font-size: 1.2em;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(7000%);}
}
@keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(7000%);} /* Same as above.*/
}
div.text a {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a.newpage {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a:hover {
color: #131;
text-decoration: underline;
background-color: #80FF80;
padding: 1px;
}
.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 #ffffff; width: 88%; padding: 1px 15px; margin: 20px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 5px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
.parapost {
background-color: var(--post-bg-color);
border: 2px solid var(--post-border-color);
border-left-width: 4px;
padding: 0 1em;
margin-top: -0.5em;
margin-right: var(--post-base-margin);
margin-bottom: 1em;
margin-left: calc(
var(--nest-level) * var(--post-nest-margin) + var(--post-base-margin)
);
}
:root {
--post-bg-color: #f9f9f9;
--post-border-color: #999;
--post-nest-margin: 1em;
--post-base-margin: 3em;
}
.reply0 { margin-top: 1em; border-left-width: 6px; --nest-level: 0; }
.reply1 { --nest-level: 1; }
.reply2 { --nest-level: 2; }
.reply3 { --nest-level: 3; }
.reply4 { --nest-level: 4; }
.reply5 { --nest-level: 5; }
@media (min-width: 480px) and (max-width: 580px) {
:root {
--post-nest-margin: 0.5em;
--post-base-margin: 0.5em;
}
}
@media (max-width: 479px) {
:root {
--post-nest-margin: 1em;
--post-base-margin: 0em;
}
}
/* Colours for each character */
.parapost {
--post-bg-color: hsl(var(--char-hue), 33.3%, 97%);
--post-border-color: hsl(var(--char-hue), 33.3%, 50%);
}
.parapost p:first-child > span:first-child {
color: var(--post-border-color) !important;
}
.parapost hr {
background-color: var(--post-border-color);
}
.by-seven { --char-hue: 0; }
.by-russ { --char-hue: 240; }
.by-one { --char-hue: 120; }
color: black; background:#d5ffff; float: center; border: solid 1px #000000; padding: 15px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2); width: 84%; margin-left: auto; margin-right: auto; margin-bottom: 4%; margin-top: 4%;
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:text-style
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]