body { font-size: 13px; margin: 0; } ul { padding: 0; margin: 0; } * { box-sizing: border-box; } .fn-left { float: left; } .fn-right { float: right; } .fn-clear:before, .fn-clear:after { display: table; content: ""; } .fn-clear:after { clear: both; } .fn-none { display: none; } .content { position: relative; height: 460px; } .ztree { position: absolute; width: 20%; height: 440px; overflow: auto; } #dirRMenu, #fileRMenu { position: absolute; border: 1px solid #DDD; background-color: #444; color: #FFF; } #dirRMenu li, #fileRMenu li { padding: 5px 10px; cursor: pointer; font-size: 12px; } .edit-panel { border: 1px solid #262626; height: 450px; left: 20%; position: absolute; width: 80%; } .output { width: 49% } .shell { float: right; width: 49% } .shellInput, .shellOutput { width: 99% } .shellOutput { height: 80px; } /* start tabs */ .tabs { height: 20px; overflow: hidden; width: 97%; } .tabs > div { background-color: #FFF; float: left; border-left: 1px solid #DDD; padding: 2px 5px; } .tabs > div.current { background-color: #EEEEEE; } .tabs .ico-close { cursor: pointer; } /* end tabs */