61 lines
798 B
CSS
61 lines
798 B
CSS
body {
|
|
background-color:#333;
|
|
font-family:monospace;
|
|
font-size:1.5em;
|
|
color:#0f0;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.message {
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
background-color:#222;
|
|
color:#0f0;
|
|
display:flex;
|
|
justify-content:flex-start;
|
|
align-items:center;
|
|
box-sizing:border-box;
|
|
padding:.5em;
|
|
}
|
|
|
|
.logo {
|
|
color:#fc8;
|
|
padding-left:.1em;
|
|
padding-right:1em;
|
|
min-width:1px;
|
|
text-align:center;
|
|
}
|
|
|
|
.history {
|
|
white-space:pre-line;
|
|
padding-top:3em;
|
|
padding-bottom:3em;
|
|
max-height:80vh;
|
|
overflow-y:auto;
|
|
background-color:#333;
|
|
}
|
|
|
|
.prompt {
|
|
position:fixed;
|
|
bottom:0;
|
|
left:0;
|
|
width:100%;
|
|
background-color:#111;
|
|
color:#0f0;
|
|
box-sizing:border-box;
|
|
display:flex;
|
|
justify-content:flex-start;
|
|
align-items:center;
|
|
padding:.5em;
|
|
}
|
|
|
|
.prompt .display {
|
|
color:#0ff;
|
|
min-width:1px;
|
|
text-align:center;
|
|
padding:0 .5em;
|
|
}
|