AnimationTool/dist/assets/stylesheets/main.css

68 lines
974 B
CSS

div {
display: block;
color: #101e24;
font-family: "Arial", Helvetica, sans-serif;
}
.numberinput {
width: 64px;
}
#instructions {
font-size: 12px;
margin: auto;
width: 50%;
border: 2px solid #6b7578;
padding: 1px;
text-align: center;
}
.instruction {
display: block;
color: #101e24;
font-family: "Arial", Helvetica, sans-serif;
}
.warning {
display: block;
color: #520012;
font-family: "Arial", Helvetica, sans-serif;
}
body {
background-color: #818485;
}
#dropZone {
width: 100%;
height: 100%;
}
#canvasImage {
border: 2px solid #6b7578;
image-rendering: pixelated;
}
.pinContainer {
display: flex;
flex-direction: row;
}
.pinButtonContainer {
flex: 1;
font-size: 12px;
border: 2px solid #6b7578;
padding: 1px;
}
.pinButtonContainerSelected {
flex: 1;
font-size: 12px;
border: 2px solid #0865df;
padding: 1px;
background-color: rgb(35, 75, 185);
}
.removeButton {
background-color: rgb(158, 15, 34);
color: rgb(227, 227, 236);
}