gwt.material.design.addins.client.fileuploader.resources.css.dropzone.min.css Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of gwt-material-addins Show documentation
Show all versions of gwt-material-addins Show documentation
Extra Components of GWT Material Framework
.fileuploader{position:relative;background:white;width:100%;height:400px;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)}.fileuploader.disabled .upload-label{background:#d8d8d7 !important;color:#9f9f9f !important;cursor:not-allowed}.fileuploader.disabled .upload-label i{color:#aaa !important;cursor:not-allowed !important}.fileuploader.disabled .preview-container{display:none}.fileuploader .upload-label{background:#2196F3;color:#fff;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);padding:16px;position:absolute;top:45%;left:0;right:0;margin-right:auto;margin-left:auto;min-width:20%;text-align:center;padding-top:40px;transition:0.8s all;-webkit-transition:0.8s all;-moz-transition:0.8s all;cursor:pointer;width:200px}.fileuploader.active{background:#2196F3}.fileuploader.active .upload-label{background:#fff;color:#2196F3}.fileuploader .upload-label span.title{font-size:1.1em;font-weight:bold;display:block}.fileuploader .upload-label i{text-align:center;display:block;background:white;color:#2196F3;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);border-radius:100%;width:80px;height:80px;font-size:60px;padding-top:10px;position:absolute;top:-50px;left:0;right:0;margin-right:auto;margin-left:auto;transition:0.8s all;-webkit-transition:0.8s all}.preview-container{position:fixed;right:10px;bottom:0px;width:350px;background-color:#DADADA;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);visibility:hidden;z-index:999}.preview-container .previews{max-height:400px;overflow:auto;width:325px}.preview-container .previews .zdrop-info{width:220px;margin-right:2%;margin-left:20px;padding-left:24px}.preview-container .previews .zdrop-info .preview-icon{background:#EFEFEF;position:absolute;left:0;width:49px;height:100%;top:0;text-align:center;padding-top:20px;color:#2196F3}.preview-container .previews{margin:12px}.preview-container .previews .collection-item:nth-child(1){display:none}.preview-container .previews .collection-item{position:relative;padding:20px;border-bottom:1px solid #D1D1D1}.preview-container .previews .btn-floating{opacity:1 !important;line-height:1;top:20px;position:absolute}.preview-container .previews .btn-floating i{font-size:1.5em;line-height:1;color:#C3C3C3;line-height:1;margin-top:-16px}.preview-container .previews .dz-error-message{font-size:0.8em;color:#F44336}.preview-container .previews .zdrop-info span:nth-child(2){color:#B5B5B5;font-size:0.8em}.preview-container .previews .progress{margin-top:4px;margin-bottom:4px}.preview-container .header{background:#1976D2;padding:16px;color:#fff}.preview-container .header i{float:right;cursor:pointer}#total-upload-progress{position:absolute;top:51px;left:0}