2020-03-10 14:56:56 +01:00
|
|
|
/* Scrollbars */
|
2019-11-20 18:04:44 +01:00
|
|
|
*::-webkit-scrollbar {
|
2020-03-10 14:56:56 +01:00
|
|
|
width: 0.3em;
|
2019-11-20 18:04:44 +01:00
|
|
|
}
|
|
|
|
*::-webkit-scrollbar-track {
|
2020-03-10 14:56:56 +01:00
|
|
|
margin-right: 2em;
|
|
|
|
margin-top: 1em;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
max-height: 98%;
|
|
|
|
border-radius: 11px;
|
|
|
|
background: #b0b0b0;
|
|
|
|
box-shadow: inset 3px 3px 6px #969696,
|
|
|
|
inset -3px -3px 6px #cacaca;
|
|
|
|
|
2019-11-20 18:04:44 +01:00
|
|
|
}
|
|
|
|
*::-webkit-scrollbar-thumb {
|
2020-03-10 14:56:56 +01:00
|
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
|
|
outline: 1px solid slategrey;
|
2019-11-20 18:04:44 +01:00
|
|
|
}
|
2020-03-10 14:56:56 +01:00
|
|
|
|
2019-11-20 18:04:44 +01:00
|
|
|
body {
|
2020-03-10 14:56:56 +01:00
|
|
|
background: #b0b0b0;
|
2020-04-14 20:00:02 +02:00
|
|
|
background: #121212;
|
2020-03-10 14:56:56 +01:00
|
|
|
color: #222;
|
|
|
|
font-size: 14pt;
|
|
|
|
font-family: monospace;
|
|
|
|
height: 100vh;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
2019-11-20 18:04:44 +01:00
|
|
|
}
|
2020-03-10 14:56:56 +01:00
|
|
|
|
|
|
|
.left, .right {
|
|
|
|
float: left;
|
|
|
|
height: 100vp;
|
|
|
|
overflow: auto;
|
|
|
|
overflow-x: hidden;
|
|
|
|
height: 99.5%;
|
|
|
|
background: #b0b0b0;
|
2020-04-14 20:00:02 +02:00
|
|
|
background: #121212;
|
2020-03-10 14:56:56 +01:00
|
|
|
width: 49.7%;
|
2019-11-20 18:04:44 +01:00
|
|
|
}
|
|
|
|
textarea,
|
|
|
|
iframe {
|
|
|
|
width: 100%;
|
2020-03-10 14:56:56 +01:00
|
|
|
height: 100%;
|
2019-11-20 18:04:44 +01:00
|
|
|
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 */
|
2020-04-14 20:00:02 +02:00
|
|
|
background: #121212;
|
|
|
|
color: #aaa;
|
2019-11-20 18:04:44 +01:00
|
|
|
font-size: 14pt;
|
2020-03-10 14:56:56 +01:00
|
|
|
border: 1px;
|
2019-11-20 18:04:44 +01:00
|
|
|
direction: ltr;
|
2020-03-10 14:56:56 +01:00
|
|
|
margin-left: 2.5%;
|
|
|
|
margin-top: 2.5%;
|
|
|
|
height: 95%;
|
|
|
|
width: 95%;
|
|
|
|
border-radius: 11px;
|
2020-04-14 20:00:02 +02:00
|
|
|
border: 1px solid #aaa;
|
2019-11-20 18:04:44 +01:00
|
|
|
}
|
2019-11-22 23:02:02 +01:00
|
|
|
iframe {
|
|
|
|
height: 30%;
|
|
|
|
}
|
2019-11-20 18:04:44 +01:00
|
|
|
button {
|
2020-03-10 14:56:56 +01:00
|
|
|
color: #222;
|
2019-11-20 18:04:44 +01:00
|
|
|
font-size: 14pt;
|
2020-03-10 14:56:56 +01:00
|
|
|
border: 15px;
|
2020-04-14 20:00:02 +02:00
|
|
|
border-radius: 11px;
|
|
|
|
background: #b0b0b0;
|
2019-11-20 18:04:44 +01:00
|
|
|
}
|
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
|
|
|
}
|