body, html { width:100%; height:100%; padding:0px; margin:0px; overflow:hidden; } body { font-family: arial, sans-serif; color:#000; background:#f1b70a; } a { color: blue; } a:hover { color: #ea4335; } table { width:100%; height:100%; } table thead td { font-size:22px; line-height:24px; font-weight:bold; text-align:center; padding-top:2px; padding-bottom:2px; } table td { width:50%; } iframe { border:0px; margin:0px; padding:0px; width:100%; height:100vh; background:white; } body { background-color:rgb(250, 250, 250); padding:0px; } body, * { font-family:Roboto, Helvetica, Arial, sans-serif; } header { border-bottom: solid 2px #eee; text-align:left; padding:2px; padding-left:8px; padding-top:4px; } header h1 { padding:0px; margin:0px; font-size:16px; } header h2 { padding:0px; margin:0px; font-size:12px; font-weight:normal; } header button { padding:0px; position:relative; border-width:1px; border-radius:4px; background:#eee; margin:0px; top:2px; padding:2px; padding-left:5px;padding-right:5px; margin-left:5px; } header .h { float:left; margin-right:10px; } .clear { clear:both; height:1px; overflow:hidden; } .split { overflow:hidden; height: calc(100% - 42px); } .split iframe { height:100%; } .split p, .split-flex p { padding: 20px; } .split, .split-flex { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .gutter { background-color: #eee; background-repeat: no-repeat; background-position: 50%; } .gutter.gutter-horizontal { cursor: ew-resize; } .gutter.gutter-vertical { cursor: ns-resize; } .split.split-horizontal, .gutter.gutter-horizontal { height: calc(100% - 41px); float: left; } #css-editor-view textarea { width:100%; height:100%; border:0px; padding:1em; font-size:16px; } .CodeMirror { height: 100% ; } .syncscroll { float: right; padding-right: 10px; padding-top: 5px; }