Link to article: Log Of Anomalous Items, Vol IV.
:root {
--turbo-block-shadow: none;
}
.turbo-block {
margin: 1em 0;
text-align: initial;
font: 16px pxplus_ibm_vga8regular,monospace;
}
.turbo-block li,
.turbo-block p {
line-height: 16px;
}
.turbo-block h1,
.turbo-block h3,
.turbo-block.text-black .heading p,
.turbo-block.text-black::after {
color: #fff;
font-family: pxplus_ibm_vga8regular,monospace;
}
.turbo-block h1 {
margin: initial;
}
.turbo-block a {
padding: initial;
}
.turbo-block.bg-grey a,
.turbo-block.text-black a {
background-color: initial;
color: #a00;
}
.turbo-block a:hover {
background-color: #fff;
}
.turbo-block .mathletter {
font-style: italic;
color: #FFD;
}
.turbo-block.bg-blue,
.turbo-block.bg-blue::after,
.turbo-block.bg-blue > .heading p {
background: #22a;
}
.turbo-block.bg-blue::after {
font-size: 1.5em;
}
.turbo-block.bg-grey,
.turbo-block.bg-grey::after,
.turbo-block.bg-grey > .heading p {
background: #bbb;
}
.turbo-block.bg-lblue,
.turbo-block.bg-lblue::after,
.turbo-block.bg-lblue > .heading p {
background: #99f;
}
.turbo-block.bg-pink,
.turbo-block.bg-pink::after,
.turbo-block.bg-pink > .heading p {
background: #c9d;
}
/* //// When you want to add new "records", //// */
/* //// add new "options" like the following format. //// */
.r1{animation-delay:3s}
.r2{animation-delay:6s}
.r2{animation-delay:6s}
.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
{animation-delay:calc(6s + 2s)}
.tape-record{position:relative;height:6em;pointer-events:none}.record{display:block;position:absolute;width:100%;animation-name:record;animation-duration:2.5s;opacity:0;top:0;text-align:center}.tape-wrap{position:relative;background-color:rgb(244,244,244);border:1px dashed#999;padding:0 1em}.tape-anim{position:relative;background-image:url(http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png);background-size:200px;background-position:center center;background-repeat:no-repeat;min-height:300px}.tape-left,.tape-right{display:block;position:absolute;margin:auto;height:0;width:70px;padding-bottom:100%;background-image:url(http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png);background-size:contain;background-position:center center;background-repeat:no-repeat;pointer-events:none}.tape-left{top:-20px;bottom:0;left:-70px;right:0;animation-name:spin1;animation-duration:15s;animation-timing-function:linear;animation-fill-mode:forwards}.tape-right{top:0;bottom:-32px;left:0;right:-72px;animation-name:spin1;animation-duration:20s;animation-timing-function:linear;animation-fill-mode:forwards}.tape-wrap .collapsible-block-unfolded-link{padding-top:1em}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link{position:relative;text-align:center}.tape-wrap.collapsible-block-link:before{display inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;transform:translate(0, 0)}.tape-wrap .collapsible-block-folded .collapsible-block-link:before{content:'\f04b'}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before{content:'\f1da'}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link{animation-name:g-ex;animation-duration:1s;animation-fill-mode:forwards;visibility:hidden;opacity:0}.tape-wrap .collapsible-block-folded{padding-top:1em;padding-bottom:1em;}@keyframes g-ex{50%{visibility:visible;opacity 0}100%{visibility:visible;opacity:1}}@keyframes spin1{0%{transform:rotate(0deg)}100%{transform:rotate(1turn)}}@keyframes record{0%{opacity:0}25%{opacity:1}75%{opacity:1}100%{opacity:0}}@-moz-document url-prefix(){.tape-anim{height:300px}.tape-left,.tape-right{display:block;width:70px;height:70px;position:relative;margin:0 auto;padding:0 auto}.tape-left{top:105px;bottom:initial;left:-36px;}.tape-right{top:60px;bottom:initial;left:35px}}
.fun{color:#fff;text-shadow:-1px -1px#000,1px -1px#000,-1px 1px#000,1px 1px#000;font-weight:bold;background:linear-gradient(to left,violet,blue,cyan,green,yellow,orange);padding:0 2px;margin:0 -2px}
tape-wrap
tape-anim
tape-left
tape-right
tape-record
record
r1
record
r2
record
r3
blockquote
fun
fun
fun
fun