Joe Adams
7e6a655d5f
Warning: A few vulnerabilities in this commit, don't use outside a test environment
74 lines
1.2 KiB
CSS
74 lines
1.2 KiB
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;
|
|
}
|
|
}
|
|
#sReader_wordLog {
|
|
font-size: 0.2em;
|
|
color: #000;
|
|
opacity: 0.25;
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
.sReader_3rdPanel {
|
|
position: absolute;
|
|
bottom: 32px;
|
|
width: 32%;
|
|
max-height: 32%;
|
|
overflow: hidden;
|
|
}
|