87 lines
1.4 KiB
CSS
87 lines
1.4 KiB
CSS
* {
|
|
margin:0;
|
|
padding: 0;
|
|
}
|
|
|
|
#main {
|
|
background: black;
|
|
width: 100%;
|
|
height: 100vh;
|
|
}
|
|
|
|
#terminal {
|
|
--padding: 30px;
|
|
width: calc(100% - (2 * var(--padding)));
|
|
height: calc(100% - (2 * var(--padding)));
|
|
padding: var(--padding);
|
|
}
|
|
|
|
.terminalLine {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
|
|
.pathText {
|
|
color: limegreen;
|
|
font-family: "Source Code Pro", monospace;
|
|
}
|
|
.pathColon {
|
|
color: white;
|
|
font-family: "Source Code Pro", monospace;
|
|
}
|
|
.pathPath {
|
|
color: limegreen;
|
|
font-family: "Source Code Pro", monospace;
|
|
}
|
|
.pathDollar {
|
|
color: white;
|
|
font-family: "Source Code Pro", monospace;
|
|
}
|
|
|
|
.pathBlinky {
|
|
width: 10px;
|
|
height: 20px;
|
|
background: lime;
|
|
animation: blinky infinite 1s;
|
|
}
|
|
@keyframes blinky {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.terminalInput {
|
|
margin-left: 5px;
|
|
background: none;
|
|
outline:none;
|
|
border: none;
|
|
font-size: 16px;
|
|
font-family: "Source Code Pro", monospace;
|
|
color: white;
|
|
}
|
|
.terminalInput:disabled {
|
|
margin-left: 5px;
|
|
background: none;
|
|
outline:none;
|
|
border: none;
|
|
font-size: 16px;
|
|
font-family: "Source Code Pro", monospace;
|
|
color: white;
|
|
}
|
|
|
|
.responseText {
|
|
font-size: 16px;
|
|
margin-left: 5px;
|
|
background: none;
|
|
outline:none;
|
|
border: none;
|
|
font-family: "Source Code Pro", monospace;
|
|
color: white;
|
|
} |