react-hackterm
Version:
Hackable terminal emulator in React
22 lines (16 loc) • 5.34 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Default = function Default() {
return _react2.default.createElement(
"style",
null,
"html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.bar{font-family:sans-serif}.bar .inner{height:25px;width:100%;padding:0;margin:0;box-sizing:border-box;background:#f1f1f1;border-bottom:#ccc;border-top-left-radius:5px;border-top-right-radius:5px}.bar .windows{float:right}.bar .windows .close{color:#ccc;font-size:18px;padding:2px 10px;margin-right:0;cursor:pointer;display:inline-block}.bar .windows .close:hover{background:#cb0000;color:#fff}.bar .windows .fullscreen,.bar .windows .minimize{color:#ccc;font-size:18px;padding:2px 10px;cursor:pointer;display:inline-block}.bar .windows .fullscreen:hover,.bar .windows .minimize:hover{background:#f9f9f9;color:#444}.bar .ios .close{background:#f04041;color:#f04041;font-size:15px;height:10px;width:10px;padding:2px;margin:10px;margin-right:5px;border-radius:50%;cursor:pointer;display:inline-block}.bar .ios .close span{position:relative;top:-4px;left:1px}.bar .ios .close:hover{color:#444}.bar .ios .minimize{background:#e9a113;color:#e9a113;font-size:15px;height:10px;width:10px;padding:2px;margin:10px;margin-left:5px;border-radius:50%;cursor:pointer;display:inline-block}.bar .ios .minimize span{position:relative;top:-4px;left:1px}.bar .ios .minimize:hover{color:#444}.bar .ios .fullscreen{background:#12b62f;color:#12b62f;font-size:15px;height:10px;width:10px;padding:2px;margin:10px;margin-left:0;border-radius:50%;cursor:pointer;display:inline-block}.bar .ios .fullscreen span{position:relative;top:-4px;left:1px}.bar .ios .fullscreen:hover{color:#444}.bar .ubuntu{width:100%;background:#554b3a}.bar .ubuntu .close{background:#dd4814;color:#444;font-size:15px;height:10px;width:10px;padding:2px;margin:10px;margin-right:5px;border-radius:50%;cursor:pointer;display:inline-block}.bar .ubuntu .close span{position:relative;top:-4px;left:1px}.bar .ubuntu .close:hover{opacity:.7}.bar .ubuntu .minimize{background:#999;color:#444;font-size:15px;height:10px;width:10px;padding:2px;margin:10px;margin-left:5px;border-radius:50%;cursor:pointer;display:inline-block}.bar .ubuntu .minimize span{position:relative;top:-4px;left:1px}.bar .ubuntu .minimize:hover{opacity:.7}.bar .ubuntu .fullscreen{position:relative;top:-3px;background:#999;color:#444;font-size:12px;height:10px;width:10px;padding:2px;margin:10px;margin-left:0;border-radius:50%;cursor:pointer;display:inline-block}.bar .ubuntu .fullscreen span{position:relative;top:-2px;left:1px}.bar .ubuntu .fullscreen:hover{opacity:.7}.terminal{text-align:left!important}",
".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; }"
);
};
exports.default = Default;