100 lines
No EOL
1.5 KiB
CSS
100 lines
No EOL
1.5 KiB
CSS
body {
|
|
font: 11px Arial, sans-serif;
|
|
background: black;
|
|
overflow: hidden;
|
|
|
|
}
|
|
.right{
|
|
color: gray;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
.background {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
svg {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
}
|
|
|
|
.grid {
|
|
fill: none;
|
|
stroke: #4682b4;
|
|
stroke-width: 3;
|
|
}
|
|
|
|
.bg-grid {
|
|
fill: none;
|
|
stroke: gray;
|
|
stroke-width: 0.5;
|
|
}
|
|
|
|
#console {
|
|
font: 13px Arial, sans-serif;
|
|
padding: 5px;
|
|
color: greenyellow;
|
|
background: black;
|
|
position: absolute;
|
|
right: 10px;
|
|
bottom: 0;
|
|
width: 40%;
|
|
height: 20em;
|
|
border: 2px solid darkgray;
|
|
border-radius: 10px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.axis {
|
|
stroke-width: 1.5;
|
|
stroke: lightpink;
|
|
}
|
|
|
|
.vector {
|
|
stroke-width: 2.5;
|
|
stroke: yellow;
|
|
stroke-linecap: round;
|
|
}
|
|
|
|
#prompt{
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
.multiline{
|
|
border-top: 1px slategray solid;
|
|
border-left: 1px slategray solid;
|
|
border-right: 1px slategray solid;
|
|
border-bottom: none transparent;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.single_line{
|
|
border: none transparent;
|
|
}
|
|
|
|
#command_input{
|
|
background: #111;
|
|
color: greenyellow;
|
|
outline: none;
|
|
width: 39vw;
|
|
height: 1em;
|
|
}
|
|
|
|
#command_history{
|
|
font-size: 12px;
|
|
color: greenyellow;
|
|
position: absolute;
|
|
bottom: 1.5em;
|
|
max-height: 20em;
|
|
width: 100%;
|
|
overflow-y: visible;
|
|
overflow-x: hidden;
|
|
} |