61 lines
894 B
CSS
61 lines
894 B
CSS
button {
|
|
border-width: 3px;
|
|
border-bottom-color: #B3B3B3;
|
|
border-right-color: #B3B3B3;
|
|
border-left-color: #E3E3E3;
|
|
border-top-color: #E3E3E3;
|
|
height: 2em;
|
|
}
|
|
|
|
#controls {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.group {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
input {
|
|
border-width: 3px;
|
|
border-bottom-color: #E3E3E3;
|
|
border-right-color: #E3E3E3;
|
|
border-left-color: #B3B3B3;
|
|
border-top-color: #B3B3B3;
|
|
height: 2em;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
input[type="number"] {
|
|
-webkit-appearance: textfield;
|
|
-moz-appearance: textfield;
|
|
appearance: textfield;
|
|
width: 3em;
|
|
}
|
|
|
|
.input {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 0.4em;
|
|
width: auto;
|
|
}
|
|
|
|
#main-content {
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
p {
|
|
margin: auto;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
#svg-container {
|
|
margin: auto;
|
|
}
|
|
|
|
svg {
|
|
width: 100%
|
|
} |