mirror of
https://codeberg.org/TicklishHoneyBee/CLIte.git
synced 2026-03-11 09:04:37 +00:00
60 lines
2.4 KiB
CSS
60 lines
2.4 KiB
CSS
html,body {margin:0; padding:0; overflow:auto; width:100%; height:100%; background-color:#000000; color:#FFFFFF; font-family:monospace; font-size:14px;}
|
|
body {display:flex; flex-direction: column;}
|
|
|
|
div, header, section, article, p, form, h1 {display:block; margin:0; padding:0;}
|
|
header {padding:10px;}
|
|
header h1 {line-height:40px; font-size:30px;}
|
|
section {}
|
|
section.content {flex-grow:1;}
|
|
section.content div#terminal {width:100%; min-width: 500px; max-width:1000px; margin:0 auto; overflow:hidden; height:100%; min-height:100px;}
|
|
section.content article {unicode-bidi: embed; white-space: pre;}
|
|
section.content form {}
|
|
section.content form label, section.content form input, section.content form input:focus {display:block; float:left; border:none; margin:0; padding:0; font-family:monospace; font-size:14px; line-height:20px; background-color:#000000; color:#FFFFFF; outline:none;}
|
|
|
|
div.vga {margin:auto; z-index:10; background-color:#000000;}
|
|
div.io {position:absolute; top:0px; left:0px; width:100px; height:100px; z-index:3;}
|
|
div.ioblank {position:absolute; top:0px; left:0px; width:100px; height:100px; z-index:9; background-color:black;}
|
|
div.io textarea {display:block; width:50px; height:50px;}
|
|
div.io audio {display:block; width:20px; height:20px;}
|
|
div.output {z-index:4;}
|
|
div.input {z-index:5;}
|
|
div span {margin:0; padding:0; border:0;}
|
|
|
|
.vga-f0 {color:#000000;}
|
|
.vga-f1 {color:#0000AA;}
|
|
.vga-f2 {color:#00AA00;}
|
|
.vga-f3 {color:#00AAAA;}
|
|
.vga-f4 {color:#AA0000;}
|
|
.vga-f5 {color:#AA00AA;}
|
|
.vga-f6 {color:#AA5500;}
|
|
.vga-f7 {color:#AAAAAA;}
|
|
.vga-f8 {color:#555555;}
|
|
.vga-f9 {color:#5555FF;}
|
|
.vga-fA {color:#55FF55;}
|
|
.vga-fB {color:#55FFFF;}
|
|
.vga-fC {color:#FF5555;}
|
|
.vga-fD {color:#FF55FF;}
|
|
.vga-fE {color:#FFFF55;}
|
|
.vga-fF {color:#FFFFFF;}
|
|
|
|
.vga-b0 {background-color:#000000;}
|
|
.vga-b1 {background-color:#0000AA;}
|
|
.vga-b2 {background-color:#00AA00;}
|
|
.vga-b3 {background-color:#00AAAA;}
|
|
.vga-b4 {background-color:#AA0000;}
|
|
.vga-b5 {background-color:#AA00AA;}
|
|
.vga-b6 {background-color:#AA5500;}
|
|
.vga-b7 {background-color:#AAAAAA;}
|
|
.vga-b8 {background-color:#555555;}
|
|
.vga-b9 {background-color:#5555FF;}
|
|
.vga-bA {background-color:#55FF55;}
|
|
.vga-bB {background-color:#55FFFF;}
|
|
.vga-bC {background-color:#FF5555;}
|
|
.vga-bD {background-color:#FF55FF;}
|
|
.vga-bE {background-color:#FFFF55;}
|
|
.vga-bF {background-color:#FFFFFF;}
|
|
|
|
.vga-blink {
|
|
animation: blink 1s steps(1) infinite;
|
|
}
|
|
@keyframes blink { 50% { color: transparent; } }
|