AnimationTool/dist/exporter/main.css

3 lines
3.5 KiB
CSS
Raw Normal View History

2019-10-09 02:28:32 +00:00
body{background-color:#3d2b56}div{user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;display:block;color:#ccf5ac;font-family:"Arial", Helvetica, sans-serif}#helpButton{display:block;position:absolute;right:10px;top:10px;border:1px solid;border-radius:25px;width:25px;height:25px;line-height:25px;text-align:center}.hidden{display:none !important}#info{display:block;position:absolute;right:30px;top:10px;width:200px;text-align:center}.instruction{font-size:12px;margin:auto;width:80%;padding:8px;text-align:center;background-color:#2c497f;border-radius:5px}.center{margin:auto;padding:10px;text-align:center}.numberinput{width:64px}.spriteCanvas{padding:0;min-width:200px;border:1px solid;background-color:#859094}#top{padding-top:15vh;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 auto;width:75%}#settings{display:flex;flex-direction:row;justify-content:center;align-content:center}.settingsItem{display:flex;flex-direction:row;margin:12px;padding:4px;text-align:center}.settingsItem input{width:80%}.settingsItem .label{margin:5px}.settingsItem input{border-radius:5px}#frameNumber{text-align:right}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type='number']{-moz-appearance:textfield}#framerate{width:50px;text-align:center}.borderbox{font-size:12px;margin:auto;width:50%;padding:8px;text-align:center}#frameViewer{display:flex;flex-direction:row;align-items:center;justify-content:center}.frame{flex:1;width:32px;height:32px;max-width:32px;color:#ccf5ac;padding:1px;display:inline-block;border:2px solid #6b7578;background-color:#7a8386;align-items:center}.frame.warning{border:2px solid #aa093a;background-color:#6e545c}.frame.selected{border:2px solid #09e7ca;background-color:#4d998f}.frame.selected.warning{border:2px solid #ff044f;background-color:#aa093a}.errorMessage{font-size:12px;width:50%;border:4px solid #aa093a;padding:1px;text-align:center;margin:0 auto}.warningMessage{display:block;color:#ff1d61;background-color:#6e545c;font-family:"Arial", Helvetica, sans-serif}body{background-color:#3d2b56}#dropZone{width:100%;height:100%}#canvasImage{image-rendering:pixelated}.pinContainer{display:inline-grid}.pinButtonContainer{grid-row-start:1;grid-row-end:1;width:75px;height:75px;font-size:12px;border:2px solid #6b7578;border-radius:5px;padding:1px;text-align:center;vertical-align:middle;line-height:75px;margin:5px}.pinButtonContainer.warning{border:2px solid #aa093a;background-color:#6e545c}.pinButtonContainer.warning input{background-color:#6e545c}.pinButtonContainer.selected{border:2px solid #09e7ca;background-color:#4d998f}.pinButtonContainer.selected.warning{border:2px solid #ff044f;background-color:#aa093a}.pinButtonContainer.selected.warning input{background-color:#aa093a}.pinButtonContainer.selected input{background-color:#4d998f}.pinButtonContainer input{background-color:#3d2b56;width:80%;height:20px;transform:translateY(27.5px);border:none;color:#ccf5ac;text-align:center;font-size:10px}#addpin{display:inline-block;width:75px;height:75px;background-color:#6e545c;font-size:4vw}.removeButton{display:block;margin:0 auto;position:relative;transform:translate(37.5px, -32.5px);width:15px;border:1px solid;border-radius:50%;background-color:#9e0f22;color:#e3e3ec;height:15px;line-height:15px}#exportButton{display:block;margin:0 auto;margin-top:20px;width:150px;height:50px;line-height:50px;font-size:30px;text-align:center;border:1px solid;border-radius:5px}