54 lines
785 B
CSS
54 lines
785 B
CSS
body {
|
|
background-color: black;
|
|
font-family: Consolas, serif;
|
|
font-size: large;
|
|
}
|
|
|
|
#cursor {
|
|
position: absolute;
|
|
z-index: -1;
|
|
background-color: white;
|
|
display: inline-block;
|
|
opacity: 0;
|
|
}
|
|
|
|
#input {
|
|
opacity: 0;
|
|
}
|
|
|
|
#input:hover {
|
|
cursor: default;
|
|
}
|
|
|
|
#textbox {
|
|
color: lime;
|
|
}
|
|
|
|
#current {
|
|
color: lightgrey;
|
|
white-space: pre;
|
|
}
|
|
|
|
#asciiArt {
|
|
text-align: center;
|
|
color: red;
|
|
}
|
|
|
|
#testCursor {
|
|
display: inline-block;
|
|
color: black;
|
|
}
|
|
|
|
[data-ty-cursor]:after {
|
|
content: attr(data-ty-cursor);
|
|
background-color: white;
|
|
-webkit-animation: blink 1.25s infinite;
|
|
animation: blink 1.25s step-end infinite;
|
|
}
|
|
|
|
@keyframes blink {
|
|
0% {opacity: 0;}
|
|
49% {opacity: 0;}
|
|
50% {opacity: 1;}
|
|
100% {opacity: 1;}
|
|
} |