88 lines
1.4 KiB
CSS
88 lines
1.4 KiB
CSS
|
* {
|
||
|
margin:0;
|
||
|
}
|
||
|
body,html{
|
||
|
color:#5be55b;
|
||
|
background-color:#191a1d;
|
||
|
width:100vw;
|
||
|
height:100vh;
|
||
|
display: flex;
|
||
|
flex-direction:column;
|
||
|
flex-wrap:wrap;
|
||
|
align-content:flex-start;
|
||
|
font-family:vcr_osd_monoregular;
|
||
|
}
|
||
|
canvas {
|
||
|
width:75vw;
|
||
|
height:100vh;
|
||
|
background-color:#36393E;
|
||
|
}
|
||
|
.center_holder{
|
||
|
margin-left:-10px;
|
||
|
margin-right:-10px;
|
||
|
width:100%;
|
||
|
display:flex;
|
||
|
justify-content:center;
|
||
|
}
|
||
|
.right_holder{
|
||
|
width:100%;
|
||
|
display: flex;
|
||
|
justify-content:right;
|
||
|
}
|
||
|
#compile{
|
||
|
margin-top:5px;
|
||
|
margin-right:25px;
|
||
|
}
|
||
|
#program{
|
||
|
width:90%;
|
||
|
height:20vh;
|
||
|
}
|
||
|
#sidebar{
|
||
|
padding-left:10px;
|
||
|
padding-top:10px;
|
||
|
padding-right:10px;
|
||
|
padding-bottom:10px;
|
||
|
width:25vw;
|
||
|
height:100vh;
|
||
|
}
|
||
|
#memory{
|
||
|
margin-top:5px;
|
||
|
/*font-size:13px;
|
||
|
line-height:15px;
|
||
|
*/
|
||
|
font-size: 0.65vw;
|
||
|
line-height:0.7vw;
|
||
|
color:#AAA;
|
||
|
}
|
||
|
#memory .written {
|
||
|
color: #FFF;
|
||
|
}
|
||
|
#memory tr td {
|
||
|
border-left: 1px solid #AAA;
|
||
|
border-bottom: 1px solid #AAA;
|
||
|
}
|
||
|
.label {
|
||
|
color: #5be55b;
|
||
|
border-left: none !important;
|
||
|
}
|
||
|
textarea::before{
|
||
|
background-color:grey;
|
||
|
display:block;
|
||
|
content:'';
|
||
|
position:absolute;
|
||
|
height:20vh;
|
||
|
width:90%;
|
||
|
}
|
||
|
textarea {
|
||
|
color: white;
|
||
|
background-color: grey;
|
||
|
background: url(http://i.imgur.com/2cOaJ.png);
|
||
|
background-attachment: local;
|
||
|
background-repeat: no-repeat;
|
||
|
padding-left: 35px;
|
||
|
padding-top: 10px;
|
||
|
font-size:13px;
|
||
|
line-height:16px;
|
||
|
border-color:#ccc;
|
||
|
}
|