2024-07-29 04:10:04 +00:00
|
|
|
body {
|
|
|
|
margin-left: 20px;
|
|
|
|
margin-top: 20px;
|
|
|
|
color: #fcfcfc;
|
|
|
|
background-color: #202020;
|
|
|
|
}
|
|
|
|
|
|
|
|
input {
|
|
|
|
color: inherit;
|
|
|
|
background-color: #020202;
|
|
|
|
border: 1px solid #606060;
|
|
|
|
min-width: 40px;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
2024-07-29 12:30:16 +00:00
|
|
|
input.point-1 {
|
|
|
|
border-color: #ba5d09;
|
|
|
|
}
|
|
|
|
|
|
|
|
input.point-2 {
|
|
|
|
border-color: #0e8a06;
|
|
|
|
}
|
|
|
|
|
|
|
|
input.point-3 {
|
|
|
|
border-color: #8951fb;
|
|
|
|
}
|
|
|
|
|
2024-07-29 04:10:04 +00:00
|
|
|
#data-panel {
|
|
|
|
float: left;
|
|
|
|
margin-left: 20px;
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: auto auto;
|
|
|
|
gap: 10px 10px;
|
|
|
|
width: 120px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#data-panel > div {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
#result-display {
|
|
|
|
margin-top: 10px;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
canvas {
|
|
|
|
float: left;
|
|
|
|
background-color: #020202;
|
|
|
|
border-radius: 10px;
|
|
|
|
}
|