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;
}