kradan
Version:
> The tool for helping you to broadcast your code in your speaking session.
1 lines • 2.91 kB
CSS
body,html{background-color:#202a2f;color:#9aaeb7;overflow:hidden;margin:0;padding:0}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#394545}.app{background:#fff;height:100vh;background:#202a2f}.app .resize{background-color:#1a1b1c;width:2px;cursor:col-resize}.app .left,.app .resize{display:inline-block;height:100vh}.app .left{overflow-x:hidden;font-family:BlinkMacSystemFont,Lucida Grande,Segoe UI,Ubuntu,Cantarell,sans-serif;font-size:14px}.app .left .tree{height:92vh;display:inline-block;margin-bottom:0}.app .left .download-button{margin:0 2vw;padding:12px;text-align:center;position:relative;text-decoration:none;border:1px solid #e3e3e3;background-color:#263238;-webkit-transition:.1;transition:.1;cursor:pointer;line-height:10px;white-space:-moz-pre-wrap;white-space:-webkit-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;white-space:normal}.app .left .download-button:focus,.app .left .download-button:hover{border-color:#58c6fc;outline:none}.app .left .download-button:active{-webkit-animation:enlight .5s;animation:enlight .5s}.app .right{float:right;width:85vw;height:100vh;padding-top:8px}.app .right .tabs{display:block;width:auto;height:40px;overflow-x:auto;overflow-y:hidden;margin:0;padding-left:0;padding-right:10px}.app .right .tabs::-webkit-scrollbar{display:none}.app .right .tabs .tabs-tab{margin:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;line-height:40px;width:200px;text-align:center;color:#666c77;overflow:hidden;padding-right:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:BlinkMacSystemFont,Lucida Grande,Segoe UI,Ubuntu,Cantarell,sans-serif;font-size:14px}.app .right .tabs .tabs-tab:hover{color:#ccc}.app .right .tabs .tabs-tab.is-active{background:#263238;border-radius:3px 3px 0 0;border-left:2px solid #58c6fc;border-right:1px solid #171e22;border-top:1px solid #171e22;border-bottom:1px solid #263238;color:#ccc}.app .right .tabs .tabs-tab .tabs-tab-name{width:160px;display:inline-block;overflow:hidden;text-overflow:ellipsis}.app .right .item-views{display:block;height:100%;border-top:1px solid #171e22;border-left:1px solid #171e22;border-right:1px solid #171e22;margin-right:10px}.CodeMirror{height:calc(100vh - 48px)}.item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bold{font-weight:700}ul{padding-left:1.2em;line-height:1.5em;white-space:nowrap}li{list-style-type:none}li.is-unseen{color:#eab877}li.is-active{color:#fff;background-color:#263238}li.is-active-unseen{color:#eab877;background-color:#263238}li.is-none{color:#9aaeb7}.CodeMirror{font-size:1.2em}pre.CodeMirror-line{padding-left:10px}