93 lines
1.7 KiB
CSS
93 lines
1.7 KiB
CSS
/* Scrollbars */
|
|
*::-webkit-scrollbar {
|
|
width: 0.3em;
|
|
}
|
|
*::-webkit-scrollbar-track {
|
|
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;
|
|
|
|
}
|
|
*::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
outline: 1px solid slategrey;
|
|
}
|
|
|
|
body {
|
|
background: #b0b0b0;
|
|
color: #222;
|
|
font-size: 14pt;
|
|
font-family: monospace;
|
|
height: 100vh;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.left, .right {
|
|
float: left;
|
|
height: 100vp;
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
height: 99.5%;
|
|
background: #b0b0b0;
|
|
box-shadow: 3px 3px 6px #969696,
|
|
-3px -3px 6px #cacaca;
|
|
width: 49.7%;
|
|
}
|
|
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: #b0b0b0;
|
|
color: #222;
|
|
font-size: 14pt;
|
|
border: 1px;
|
|
direction: ltr;
|
|
margin-left: 2.5%;
|
|
margin-top: 2.5%;
|
|
height: 95%;
|
|
width: 95%;
|
|
border-radius: 11px;
|
|
background: #b0b0b0;
|
|
box-shadow: inset 3px 3px 6px #969696,
|
|
inset -3px -3px 6px #cacaca;
|
|
}
|
|
iframe {
|
|
height: 30%;
|
|
}
|
|
button {
|
|
color: #222;
|
|
font-size: 14pt;
|
|
border: 15px;
|
|
border-radius: 11px;
|
|
background: #b0b0b0;
|
|
box-shadow: 3px 3px 6px #969696,
|
|
-3px -3px 6px #cacaca;
|
|
}
|
|
xmp {
|
|
margin-left: 0.5em;
|
|
padding: 5px;
|
|
margin-left: 2.5%;
|
|
margin-top: 2.5%;
|
|
height: 95%;
|
|
width: 95%;
|
|
border-radius: 11px;
|
|
background: #b0b0b0;
|
|
box-shadow: inset 3px 3px 6px #969696,
|
|
inset -3px -3px 6px #cacaca;
|
|
}
|
|
canvas {
|
|
width:100%;
|
|
height:auto;
|
|
}
|