2019-11-20 18:04:44 +01:00
|
|
|
*::-webkit-scrollbar {
|
|
|
|
width: 0.5em;
|
|
|
|
}
|
|
|
|
*::-webkit-scrollbar-track {
|
|
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
|
|
}
|
|
|
|
*::-webkit-scrollbar-thumb {
|
|
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
|
|
outline: 1px solid slategrey;
|
|
|
|
}
|
|
|
|
body {
|
|
|
|
background: #657B83;
|
|
|
|
color: #FDF6E3;
|
2019-11-21 20:35:41 +01:00
|
|
|
font-size: 14pt;
|
2019-11-20 18:04:44 +01:00
|
|
|
font-family: monospace;
|
|
|
|
height: 100%;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
.left,
|
|
|
|
.mid,
|
|
|
|
.right {
|
|
|
|
float: left;
|
|
|
|
height: 100vp;
|
|
|
|
overflow: auto;
|
|
|
|
overflow-x: hidden;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.left,
|
|
|
|
.mid {
|
|
|
|
width: 39%;
|
|
|
|
border-right: 1px solid #FDF6E3;
|
|
|
|
}
|
|
|
|
.mid {
|
|
|
|
background: #657B83;
|
|
|
|
}
|
|
|
|
.right {
|
|
|
|
width: 21.5%;
|
|
|
|
}
|
|
|
|
textarea,
|
|
|
|
iframe {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
box-sizing: border-box;
|
|
|
|
/* For IE and modern versions of Chrome */
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
/* For Firefox */
|
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
/* For Safari */
|
|
|
|
background: #657B83;
|
|
|
|
color: #FDF6E3;
|
|
|
|
font-size: 14pt;
|
|
|
|
border: 0px;
|
|
|
|
direction: ltr;
|
|
|
|
}
|
|
|
|
button {
|
|
|
|
color: #657B83;
|
|
|
|
background: #FDF6E3;
|
|
|
|
border: none;
|
|
|
|
font-size: 14pt;
|
|
|
|
}
|
|
|
|
xmp {
|
|
|
|
margin-left: 0.5em;
|
|
|
|
}
|
2019-11-20 20:36:47 +01:00
|
|
|
canvas {
|
2019-11-21 20:19:06 +01:00
|
|
|
width:100%;
|
|
|
|
height:auto;
|
2019-11-20 20:36:47 +01:00
|
|
|
}
|