diff --git a/lib/terminal.css b/lib/terminal.css index 8ab270f..99168d0 100644 --- a/lib/terminal.css +++ b/lib/terminal.css @@ -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} \ No newline at end of file +.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}