2 lines
3.2 KiB
CSS
2 lines
3.2 KiB
CSS
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--gap:20px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:12px;overscroll-behavior:contain;scroll-behavior:smooth;scroll-padding-top:0;scroll-snap-type:y mandatory}body,html{font-family:sans-serif;margin:0}.wrap{align-items:start;display:flex;flex-direction:row;gap:20px;gap:var(--gap);justify-content:center;padding:20px;padding:var(--gap)}.wrap fieldset{border:1px solid #ccc;border-radius:.5rem;flex-grow:1;height:calc(100vh - 80px);overflow:auto;padding:1.5rem}.wrap fieldset:first-child{flex-basis:500px;flex-grow:0}.wrap fieldset legend{font-size:1.5rem;font-weight:700;padding:0 2rem 0 .75rem}fieldset ul{list-style:none;padding:0}fieldset ul>li{display:flex;flex-direction:column;margin-bottom:2rem}fieldset div label,fieldset label{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;padding-left:.375rem}fieldset div label+input,fieldset label+input{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:.5rem;color:#495057;display:block;font-size:1rem;font-weight:400;height:3rem;line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}fieldset label+input:focus{background-color:#fff;border-color:grey;box-shadow:0 0 0 .2rem #64646440;color:#495057;outline:0}fieldset label+input[type=file]{display:none}fieldset input[type=file]+label{align-items:center;border:2px dotted #ccc;border-radius:.5rem;display:flex;flex-direction:column;height:10rem;justify-content:center}fieldset input[type=file]+label:before{color:#00000080;content:"업로드 할 파일을 선택하거나 드레그&드롭하세요.";font-weight:400;text-shadow:0 0 2px #000000b3}fieldset table{background-color:#aaa;border-collapse:initial;border-color:gray;border-spacing:1px;box-sizing:border-box;caption-side:bottom;display:table;font-size:1.2rem;margin-bottom:30px;width:100%}fieldset thead{background-color:#000000b3;border-bottom:2px solid #000;color:#fff}fieldset th{padding:.375rem .725rem;text-align:center}fieldset td{background-color:#ffffffe6;font-size:1rem;padding:.2rem .5rem}fieldset tr[row-type=sum]{border-top:2px solid #aaa}[data-type=number]{padding:.2rem 1rem;text-align:right}.flex-row{display:flex;flex-direction:row;gap:20px;position:relative}.flex-row>table{flex-grow:1}@media screen and (max-width:1200px){.wrap{flex-direction:column}.wrap fieldset{flex-basis:auto;flex-grow:1!important;height:auto;width:100%}.flex-row{flex-direction:column}}.transferButton{font-size:20px;margin-top:20px;padding:8px;width:100px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
/*# sourceMappingURL=main.6d74c8c6.css.map*/ |