@massimo-cassandro/js-file-uploader/dist/fileUploader.css

HTML5 Async File Uploader

.fupl input[type=file]{position:absolute;z-index:-1;width:.1px;height:.1px;overflow:hidden;opacity:0}.fupl-wrapper{padding:0;margin:1rem 0;background:transparent;border:none}.fupl-legend{margin:0 0 .5rem;font-size:1rem}[disabled] .fupl-legend{font-style:italic;color:#999}.fupl{position:relative;padding:1rem;background-color:#fbfbfb;outline:2px dashed #ddd;outline-offset:0;transition:outline-offset .15s ease-in-out,background-color .15s linear}.fupl.fupl-is-dragover:not(.fupl-sorting){background-color:#f8f6dc;outline-color:#e4d70d;outline-offset:-0.5rem}.fupl.fupl-is-dragover:not(.fupl-sorting) .fupl-panel{border:none}[disabled] .fupl.fupl-is-dragover:not(.fupl-sorting){position:relative;background-color:transparent;outline-color:#999;outline-offset:0}[disabled] .fupl.fupl-is-dragover:not(.fupl-sorting)::before{position:absolute;top:50%;left:50%;display:block;font-size:2rem;color:#999;content:"Non è possibile caricare file";transform:translate(-50%, -50%)}[disabled] .fupl.fupl-is-dragover:not(.fupl-sorting) .fupl-result,[disabled] .fupl.fupl-is-dragover:not(.fupl-sorting) .fupl-panel{opacity:0}[disabled] .fupl{font-style:italic !important;color:#999 !important;cursor:no-drop}.fupl-panel{padding:.5rem 0 0;margin:1rem 0 0;text-align:center;border-top:1px dotted #666}.fupl-panel .fupl-button label{margin:0;cursor:pointer}[disabled] .fupl-panel .fupl-button label,[disabled] .fupl-panel .fupl-button label:hover,[disabled] .fupl-panel .fupl-button label:active,[disabled] .fupl-panel .fupl-button label:focus{font-style:italic;color:#999 !important;cursor:not-allowed;background-color:transparent !important;border-color:#999 !important}.fupl-panel .fupl-dd-text{display:block;margin:.5rem 0 0;font-size:85%;font-weight:bold}@media(min-width: 768px){.fupl-panel .fupl-dd-text{display:inline;margin:0 0 0 .5rem;white-space:nowrap}}.fupl-panel .fupl-info-text{margin-top:.5rem;font-size:80%;font-style:italic;color:#666}.fupl-panel .fupl-info-text,.fupl-panel .fupl-info-text>div{margin-top:.5rem}.fupl-help-text{font-size:80%}.fupl-remove{text-align:left}.fupl-remove .close{float:none}.fupl-file-info{margin-top:.4rem;font-size:80%}.fupl-unit{margin-left:3px;font-size:90%}.fupl-type-img .fupl-item{display:inline-block;max-width:400px;height:auto}.fupl-type-img.fupl-multiple .fupl-result{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:1.5rem;grid-gap:1.5rem}.fupl-type-img.fupl-multiple .fupl-result .fupl-img-wrapper{width:100%;height:140px;padding:4px;text-align:center;background:rgba(0,0,0,.05)}.fupl-type-img.fupl-multiple .fupl-result .fupl-img-wrapper img{width:auto;max-width:100%;height:auto;max-height:100%}@media(min-width: 576px){.fupl-type-img.fupl-multiple .fupl-result{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}.fupl-type-img.fupl-multiple .fupl-result .fupl-img-wrapper{height:180px}}@media(min-width: 768px){.fupl-type-img.fupl-multiple .fupl-result{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}.fupl-type-img.fupl-multiple .fupl-result .fupl-img-wrapper{height:200px}}@media(min-width: 1200px){.fupl-type-img.fupl-multiple .fupl-result{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}}.fupl-type-img.fupl-multiple .fupl-result .fupl-item{max-width:100%;height:auto}.fupl-type-doc .fupl-doc-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;max-width:100%;margin-bottom:.2rem}.fupl-type-doc .fupl-remove{flex:0}.fupl-type-doc .fupl-doc{flex:1;padding-left:.4rem}.fupl-type-doc.fupl-multiple .fupl-item{padding:.2rem;border:1px solid #ccc;border-radius:4px}@media(min-width: 768px){.fupl-type-doc.fupl-multiple .fupl-result{display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, 1fr));gap:1.5rem;grid-gap:1.5rem}}@media(min-width: 992px){.fupl-type-doc.fupl-multiple .fupl-result{grid-template-columns:repeat(auto-fill, minmax(20%, 1fr))}}.fupl-alert-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;backdrop-filter:blur(2px)}@supports not (backdrop-filter: blur(2px)){.fupl-alert-overlay{background-color:rgba(0,0,0,.6)}}.fupl-alert{position:absolute;top:5px;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:600px;max-width:100%;min-height:200px;color:#000;background-color:#fff;border:1px solid #999;border-radius:.5rem;box-shadow:0 0 20px 4px rgba(0,0,0,.5);transform:translateX(-50%)}.fupl-alert>div{width:100%}.fupl-alert-header{padding:.5rem;font-weight:700;text-align:center;border-bottom:1px solid #999}.fupl-alert-body{flex:1;padding:1rem;overflow-y:auto}.fupl-alert-body ul{margin:0 0 .5rem;text-align:left}.fupl-alert-footer{padding:.5rem;text-align:center;border-top:1px solid #999}.fupl-item.fupl-is-uploading{position:relative}.fupl-item.fupl-is-uploading .fupl-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.6);backdrop-filter:blur(3px)}.fupl-item.fupl-is-uploading .fupl-img{filter:blur(3px)}.fupl-item.fupl-is-uploading .fupl-progress{width:90%;height:5px;border-radius:5px}.fupl-sortable{position:relative}.fupl-sortable .fupl-item[draggable]{cursor:grab;user-select:none;transition:transform .3s linear}.fupl-item-sorting{background:#ccc repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.5) 20px, rgba(255, 255, 255, 0.5) 40px);opacity:.7}.fupl-item-dragover{transform:scale(0.8)}.fupl-wrapper:not([disabled]).fupl-type-img .fupl-sortable-icon{display:block;width:100%;margin:1rem 0}.fupl-wrapper:not([disabled]).fupl-type-doc .fupl-sortable-icon{display:block;width:100%;margin:.5rem 0;text-align:center}.fupl-wrapper:not([disabled]) .fupl-sortable-icon>div{position:relative;display:block;width:25px;height:15px;margin:0 auto;cursor:grab}.fupl-wrapper:not([disabled]) .fupl-sortable-icon>div::after{position:absolute;top:0;left:50%;width:5px;height:5px;color:#333;content:"";background-color:#333;border-radius:50%;box-shadow:-10px 0px 0 0,10px 0px 0 0,-10px 10px 0 0,0px 10px 0 0,10px 10px 0 0;transform:translateX(-50%)}.fupl-wrapper:not([disabled]) .fupl-sortable .fupl-item:hover .fupl-sortable-icon>div::after{color:#c00;background-color:#c00}.fupl-extra-fields:not(:empty){margin:1rem 0}.fupl-type-doc .fupl-extra-fields:not(:empty){flex-basis:100%;padding-top:.2rem;margin:.2rem 0 0;border-top:1px dotted #ccc}.fupl-extra-fields:not(:empty) .form-group:last-child{margin-bottom:0}/*# sourceMappingURL=fileUploader.css.map */