2020-10-17 04:04:13 +00:00
|
|
|
body {
|
2020-10-19 10:11:33 +00:00
|
|
|
background: rgb(201, 201, 201);
|
2020-10-17 04:04:13 +00:00
|
|
|
margin: 0px;
|
|
|
|
}
|
|
|
|
header {
|
|
|
|
background: black;
|
|
|
|
color: white;
|
|
|
|
font-family: 'Courier New', Courier, monospace;
|
2020-10-18 04:03:54 +00:00
|
|
|
font-size: smaller;
|
2020-10-17 04:04:13 +00:00
|
|
|
text-align: center;
|
|
|
|
}
|
2020-10-17 13:00:08 +00:00
|
|
|
|
|
|
|
svg {
|
|
|
|
background: white;
|
|
|
|
width: 100%;
|
|
|
|
margin: auto;
|
2020-10-17 13:03:20 +00:00
|
|
|
border: 2px solid #000000;
|
2020-10-17 13:00:08 +00:00
|
|
|
display: block;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
2020-10-17 04:04:13 +00:00
|
|
|
canvas {
|
|
|
|
background: white;
|
|
|
|
width: 100%;
|
|
|
|
margin: auto;
|
2020-10-19 10:01:28 +00:00
|
|
|
border: 1px solid rgb(0, 0, 0);
|
2020-10-17 04:04:13 +00:00
|
|
|
display: block;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
2020-10-17 13:00:08 +00:00
|
|
|
|
2020-10-17 04:04:13 +00:00
|
|
|
section.spreadsheet {
|
|
|
|
background: grey;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
}
|
|
|
|
|
|
|
|
section.spreadsheet div {
|
|
|
|
background: lightblue;
|
|
|
|
display: inline-block;
|
|
|
|
margin: auto;
|
|
|
|
margin-top: 0%;
|
|
|
|
width: auto;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
section.spreadsheet div.first-col {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
section.controls div {
|
2020-10-18 23:42:27 +00:00
|
|
|
background:white;
|
2020-10-19 12:33:01 +00:00
|
|
|
font-size: small;
|
2020-10-17 04:04:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
section.controls div label {
|
2020-10-18 23:42:27 +00:00
|
|
|
background:white;
|
2020-10-17 04:04:13 +00:00
|
|
|
display: inline-block;
|
2020-10-19 12:33:01 +00:00
|
|
|
width: 12%;
|
|
|
|
font-size: small;
|
2020-10-17 04:04:13 +00:00
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
section.controls div input {
|
|
|
|
background:lightsalmon;
|
|
|
|
display: inline-block;
|
2020-10-19 12:33:01 +00:00
|
|
|
width: 75%;
|
2020-10-17 04:04:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
footer {
|
|
|
|
background: white;
|
|
|
|
}
|