Link to article: Experiment Log 914 - Part XV.
#u-start, .textchange div.sitemember:nth-child(2) {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 5s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #0098b3;}
border-collapse:collapse; max-width: 600px;
font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 32%;
font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;
text-align: center; padding: .3em .7em; border: 1px solid black
border: 1px solid black; padding: .3em .7em;
text-align: center; padding: .3em .7em; border: 1px solid black
border: 1px solid black; padding: .3em .7em;
text-align: center; border: 1px solid black
border: 1px solid black; padding: .3em .7em;
border-collapse:collapse; max-width: 600px;
font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 32%;
font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;
text-align: center; padding: .3em .7em; border: 1px solid black
border: 1px solid black; padding: .3em .7em;
text-align: center; padding: .3em .7em; border: 1px solid black
border: 1px solid black; padding: .3em .7em;
text-align: center; border: 1px solid black
border: 1px solid black; padding: .3em .7em;
text-align: center; padding: .3em .7em; border: 1px solid black
border: 1px solid black; padding: .3em .7em;
text-align: center; padding: .3em .7em; border: 1px solid black
border: 1px solid black; padding: .3em .7em;
border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;
display: inline-block; border-radius: 2px; border:solid 1px #999; background:#F4F4F4; padding:0px 10px; margin:10px 10px
display: inline-block; border-radius: 2px; border:solid 1px #999; background:#F4F4F4; padding:0px 10px; margin:10px 10px
display: inline-block; border-radius: 2px; border:solid 1px #999; background:#F4F4F4; padding:0px 10px; margin:10px 10px
display: inline-block; border-radius: 2px; border:solid 1px #999; background:#F4F4F4; padding:0px 10px; margin:10px 10px
display: inline-block; border-radius: 2px; border:solid 1px #999; background:#F4F4F4; padding:0px 10px; margin:10px 10px
display: inline-block; border-radius: 2px; border:solid 1px #999; background:#F4F4F4; padding:0px 10px; margin:10px 10px
display: inline-block; border-radius: 2px; border:solid 1px #999; background:#F4F4F4; padding:0px 10px; margin:10px 10px
type-wrap-wrapper
type-wrapper
typearea
textchange
sitemember
sitemember
blink
buttonwrapper
likebutton