tcell/webfiles/termstyle.css

117 lines
1.8 KiB
CSS

* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-family: "Menlo", "Andale Mono", "Courier New", Monospace;
}
#terminal {
background-color: black;
color: green;
display: inline-block;
/* Copy paste! */
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
/* Style attributes */
.bold {
font-weight: bold;
}
.blink {
animation: blinker 1s step-start infinite;
}
.underline {
text-decoration: underline;
}
.dim {
filter: brightness(50);
}
.italic {
font-style: italic;
}
.strikethrough {
text-decoration: line-through;
}
.double_underline {
text-decoration: underline double;
}
.curly_underline {
text-decoration: underline wavy;
}
.dotted_underline {
text-decoration: underline dotted;
}
.dashed_underline {
text-decoration: underline dashed;
}
/* Cursor styles */
.cursor-steady-block {
background-color: lightgrey !important;
}
.cursor-blinking-block {
animation: blinking-block 1s step-start infinite !important;
}
@keyframes blinking-block {
50% {
background-color: lightgrey;
}
}
.cursor-steady-underline {
text-decoration: underline lightgrey !important;
}
.cursor-blinking-underline {
animation: blinking-underline 1s step-start infinite !important;
}
@keyframes blinking-underline {
50% {
text-decoration: underline lightgrey;
}
}
.cursor-steady-bar {
margin-left: -2px;
}
.cursor-steady-bar:before {
content: " ";
width: 2px;
background-color: lightgrey !important;
display: inline-block;
}
.cursor-blinking-bar {
margin-left: -2px;
}
.cursor-blinking-bar:before {
content: " ";
width: 2px;
background-color: lightgrey !important;
display: inline-block;
animation: blinker 1s step-start infinite;
}
/* General animations */
@keyframes blinker {
50% {
opacity: 0;
}
}