70 lines
918 B
CSS
70 lines
918 B
CSS
body {
|
|
background-color: #eef;
|
|
color: #112;
|
|
font: sans-serif;
|
|
}
|
|
|
|
div.form form {
|
|
border: 1px solid #118;
|
|
border-radius: 0.5em;
|
|
padding: 0.2em;
|
|
width: fit-content;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
div.form form div {
|
|
padding: 0.2em;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
div.form * label {
|
|
font-weight: bold;
|
|
flex: 3;
|
|
}
|
|
|
|
div.form * input[type=text] {
|
|
flex: 1;
|
|
width: 5em;
|
|
margin-left: 1em;
|
|
text-align: right;
|
|
}
|
|
|
|
div.form * input[type=file] {
|
|
flex: 3;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
div.form * input[type=submit] {
|
|
flex: 1;
|
|
}
|
|
|
|
#loading {
|
|
color: #afa;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#downloadlink {
|
|
display: block;
|
|
width: fit-content;
|
|
background: #ddf;
|
|
padding: 0.5em;
|
|
border: 1px solid #229;
|
|
border-radius: 0.5em;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
#svgcontainer {
|
|
border: 1px solid #229;
|
|
padding: 1em;
|
|
display: block;
|
|
background: #888;
|
|
border-radius: 2em;
|
|
}
|
|
|
|
#svgcontainer svg {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|