retroforth/vm/nga-js/style.css

94 lines
1.7 KiB
CSS
Raw Normal View History

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