Clearer scrollbar, nicer terminal

This commit is contained in:
Matt Pass
2019-09-14 20:52:50 +01:00
committed by GitHub
parent df8b5d43a5
commit 9ffac766fd

View File

@@ -20,14 +20,19 @@ table, caption, tbody, tfoot, thead, tr, th, td {
/* Box sizing */
* {-moz-box-sizing: border-box; box-sizing: border-box}
::-webkit-scrollbar {width: 12px; height: 12px}
::-webkit-scrollbar-thumb {background: rgba(0,198,255,0.1)}
::-webkit-scrollbar {width: 12px; height: 12px; background: #666}
::-webkit-scrollbar-thumb {background: rgba(0,198,255,1)}
::-webkit-scrollbar-corner, ::-webkit-scrollbar-resizer {background: transparent}
html, body {width: 100%; height: 100%}
.close {position: fixed; top: 8px; right: 14px; padding: 5px 8px; border: solid 1px #888; color: #888; cursor: pointer; z-index: 1}
.output {position: absolute; display: block; top: 0; padding: 15px 18px 38px 18px; width: 100%; min-height: 100%; border: 0; background: rgba(0,0,0,0.9); color: #0c0}
.commandLine {position: fixed; width: 100%; bottom: 0; padding: 8px 2px 8px 10px; background: rgba(25,25,23,1); color: #fff; z-index: 1}
.command {border: none; background: transparent; color: #fff}
.command:focus {outline: none}
.output {position: absolute; display: block; top: 0; padding: 15px 18px 8px 13px; width: 100%; min-height: 100%; border: 0; background: rgba(0,0,0,0.92); color: #ccc}
.commandLine {width: 100%; padding: 8px 2px 8px 0; color: #fff}
.commandLine .user {display: inline-block; height: 24px; margin-top: -4px; margin-left: -13px; padding: 5px 5px 5px 0; margin-bottom: 5px; background: #b58901; color: #000}
.commandLine .path {display: inline-block; height: 24px; margin-top: -4px; padding: 5px 5px 5px 0; margin-bottom: 5px; background: #278bd2; color: #fff}
.commandLine .promptVLine {display: inline-block; width: 1px; height: 12px; margin-top: -5px; margin-left: 3px; background: #b58901}
.commandLine .promptHLine {display: inline-block; color: #b58901}
.commandLine .promptArrow {display: inline-block; margin-left:-1px}
.commandLine .command {border: none; background: transparent; color: #fff}
.commandLine .command:focus {outline: none}