react-hackterm/css/default.css

Hackable terminal emulator in React

.terminal-theme,
.terminal {
  background: #000;
  color: #fff;
  overflow: auto;
}
.terminal .inner {
  padding: 10px;
  overflow: auto;
}
.terminal .inner .output,
.terminal .inner .output-shell {
  display: table;
}
.terminal .inner .output .prefix,
.terminal .inner .output-shell .prefix {
  float: left;
}
.terminal .inner .output input,
.terminal .inner .output-shell input {
  float: left;
  display: block;
  background: transparent;
  color: #fff;
  border: 0;
}
.terminal .inner .editor {
  display: table;
}
.terminal .inner .editor .prefix {
  float: left;
}
.terminal .inner .editor input {
  float: left;
  display: block;
  background: transparent;
  color: #fff;
  border: 0;
  padding-left: 10px;
}
.terminal .inner .editor input:hover,
.terminal .inner .editor input:focus {
  outline: none;
}