59 lines
984 B
CSS
59 lines
984 B
CSS
#sReader_outputTextDiv {
|
|
position: relative;
|
|
top: 50%;
|
|
margin-top: -192px;
|
|
left: 50%;
|
|
}
|
|
#sReader_outputText {
|
|
font-size: 1em;
|
|
font-family: monospace;
|
|
position: relative;
|
|
left: 0px;
|
|
display: inline-block;
|
|
}
|
|
#sReader_outputText .indicator {
|
|
white-space: pre;
|
|
color: red;
|
|
}
|
|
#sReader_outputText .indicatorFade .i {
|
|
opacity: 1.00;
|
|
}
|
|
#sReader_outputText .indicatorFade .i {
|
|
opacity: 0.00;
|
|
animation: fade 1.5s linear 1 running;
|
|
}
|
|
#sReader_outputText .indicatorBlink .i {
|
|
opacity: 0.00;
|
|
letter-spacing: -12px;
|
|
color: #cccccc;
|
|
font-size: 0.8em;
|
|
--delay: 0.0s;
|
|
--speed: 3.0s;
|
|
animation: blink var(--speed) ease-in-out infinite;
|
|
animation-delay: var(--delay);
|
|
}
|
|
@keyframes fade {
|
|
0% {
|
|
opacity: 1.00;
|
|
}
|
|
75% {
|
|
opacity: 1.00;
|
|
}
|
|
100% {
|
|
opacity: 0.00;
|
|
}
|
|
}
|
|
@keyframes blink {
|
|
0% {
|
|
opacity: 0.00;
|
|
baseline-shift: 0px;
|
|
}
|
|
50% {
|
|
opacity: 1.00;
|
|
baseline-shift: 88px;
|
|
}
|
|
100% {
|
|
opacity: 0.00;
|
|
baseline-shift: 0px;
|
|
}
|
|
} |