ok
Direktori : /home2/selectio/public_html/assets/vendor/file-uploader/css/ |
Current File : /home2/selectio/public_html/assets/vendor/file-uploader/css/styles.css |
.dm-uploader-container { position: relative; float: left; display: block; width: 100%; margin-bottom: 10px; } .dm-uploader { position: relative; float: left; width: 100%; height: auto; text-align: center; background: #f8f9fb; border: 2px dashed #eeeff1; border-radius: 4px; padding: 15px; } .dm-uploader input[type="file"] { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } .dm-upload-icon { font-size: 38px; line-height: 38px; color: #9fafc0; margin-bottom: 5px; margin-top: 20px; } .dm-upload-text { font-size: 14px; color: #9fafc0; margin-bottom: 35px; } .dm-btn-select-files { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; } .dm-uploader.active { } .dm-uploader h3 { font-size: 14px; } .dm-uploaded-files { width: 100%; display: block; position: relative; float: left; padding: 0; margin: 0; } .dm-uploaded-files li { position: relative; float: left; text-align: center; border-radius: 4px; width: 148px; height: 148px; margin-right: 9px; margin-bottom: 9px; margin-top: 0 !important; color: #F4F6F8; } .dm-uploaded-files li::marker { opacity: 0 !important; } .dm-uploaded-files .media { border: 0 !important; border-radius: 0 !important; } .dm-uploaded-files li img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; border-radius: 4px; object-fit: cover; border: 1px solid #e3e4e6; } .dm-uploaded-files li .media-body { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; } .dm-uploaded-files li .media-body .progress { height: 20px; background-color: transparent; font-weight: 600; font-size: 11px !important; border-radius: 0 !important; opacity: 0.8; margin-bottom: 0 !important; } .dm-uploaded-files li .media-body .progress .progress-bar { color: #fff !important; font-weight: 400 !important; } .dm-uploaded-files li .btn-img-delete { width: 24px; height: 24px; line-height: 24px; text-align: center; display: block; position: absolute; right: 8px; top: 8px; border-radius: 100%; background-color: #f86969; color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); z-index: 10; } .btn-digital-file-delete { width: 24px; height: 24px; line-height: 24px; position: relative; right: 0; border-radius: 100%; background-color: #f86969; color: #fff !important; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); z-index: 10; float: right !important; } .dm-uploaded-files li .btn-img-delete i { position: relative; } .dm-uploaded-digital-file { position: relative; float: left; width: 100%; height: auto; text-align: center; background: #f8f9fb; border: 2px dashed #eeeff1; border-radius: 4px; padding: 15px; } .dm-uploaded-digital-file .file-icon { font-size: 16px; } .dm-uploaded-digital-file .button-link-style { line-height: 30px; } .dm-uploader-media { padding: 15px !important; } .dm-uploaded-media-file { width: 100% !important; } .dm-uploaded-media-file li { width: 100% !important; margin: 0 !important; height: auto !important; margin-top: 30px !important; } .dm-uploaded-media-file .li-dm-media-preview { margin: 0 !important; } .dm-uploaded-media-file .li-dm-media-preview video { overflow: hidden; } .dm-uploaded-media-file .li-uploaded-file { list-style: none; } .dm-progress-waiting { width: 100%; text-align: center; color: #fff; font-weight: 400; background-color: rgba(0, 0, 0, 0.3); } .images-exp { margin-bottom: 30px; color: #97A0A8; margin-bottom: 0; font-size: 13px; } .images-exp i { margin-right: 5px; font-size: 16px; color: #97A0A8; } .btn-reset-upload { display: none; background-color: transparent !important; color: #979ba1 !important; border-color: #cfd3d9 !important; margin-top: 5px; margin-bottom: 15px; } .modal-file-manager .dm-uploader-container { position: relative; display: block; width: 100%; } .modal-file-manager .dm-uploader { position: relative; width: 100%; height: auto; min-height: 219px; max-height: 412px; overflow-x: hidden; overflow-y: auto; text-align: center; background: #f8f9fb; border: 2px dashed #e4e5e7; border-radius: 4px; padding: 10px; } .modal-file-manager .dm-uploader input[type="file"] { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } .modal-file-manager .dm-upload-icon { font-size: 38px; line-height: 38px; color: #979ba1; margin-bottom: 5px; margin-top: 45px; } .modal-file-manager .dm-upload-text { font-size: 13px; color: #979ba1; margin-bottom: 15px; } .modal-file-manager .dm-btn-select-files { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; } .modal-file-manager .dm-uploader h3 { font-size: 14px; } .modal-file-manager .dm-uploaded-files { display: block; position: relative; float: left; padding: 0; margin: 0; padding-bottom: 15px; width: 100%; } .modal-file-manager .dm-uploaded-files li { position: relative; float: left; text-align: center; width: 100%; height: auto; margin-top: 10px !important; border: 1px solid #e9e9e9 !important; } .modal-file-manager .dm-uploaded-files li img { position: relative; float: left; display: block; max-width: 100%; width: 100%; min-height: 90px; height: auto; margin: 0; border-radius: 2px; object-fit: cover; border: 0 !important; } .modal-file-manager .dm-uploaded-files li .media-body { position: absolute; display: block; width: 100%; bottom: 0; left: 0; } .modal-file-manager .dm-uploaded-files li .media-body .progress { height: 20px; margin-bottom: 0 !important; background-color: transparent; font-weight: 600; font-size: 11px !important; border-radius: 0 !important; } .modal-file-manager .dm-uploaded-files li .btn-img-delete { width: 24px; height: 24px; line-height: 24px; text-align: center; display: block; position: absolute; right: 8px; top: 8px; border-radius: 100%; background-color: #f86969; color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); z-index: 10; } .modal-file-manager .btn-digital-file-delete { width: 24px; height: 24px; line-height: 24px; position: relative; right: 0; border-radius: 100%; background-color: #f86969; color: #fff !important; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); z-index: 10; float: right !important; } .modal-file-manager .dm-uploaded-files li .btn-img-delete i { position: relative; } .modal-file-manager .dm-uploaded-digital-file { position: relative; float: left; width: 100%; height: auto; text-align: center; background: #f8f9fb; border: 2px dashed #eeeff1; border-radius: 4px; padding: 15px; } .modal-file-manager .dm-uploaded-files-no-preview { padding-bottom: 0 !important; } .modal-file-manager .dm-uploaded-files-no-preview li { border: 0 !important; } .modal-file-manager .dm-uploaded-files-no-preview li .media-body { position: relative; display: block; width: 100%; } .modal-file-manager .dm-uploaded-digital-file .file-icon { font-size: 16px; } .modal-file-manager .dm-uploaded-digital-file .button-link-style { line-height: 30px; } .modal-file-manager .dm-uploaded-media-file { width: 100% !important; } .modal-file-manager .dm-uploaded-media-file li { width: 180px !important; margin: 0 !important; height: auto !important; margin-top: 30px !important; } .modal-file-manager .dm-uploaded-media-file .li-dm-media-preview { margin: 0 !important; } .modal-file-manager .dm-uploaded-media-file .li-dm-media-preview video { overflow: hidden; } .modal-file-manager .dm-uploaded-media-file .li-uploaded-file { list-style: none; } .modal-file-manager .dm-progress-waiting { width: 100%; text-align: center; color: #fff; font-weight: 400; background-color: rgba(0, 0, 0, 0.3); } .modal-file-manager .images-exp { margin-bottom: 30px; color: #788189; margin-bottom: 0; font-size: 13px; } .modal-file-manager .images-exp i { margin-right: 5px; font-size: 16px; } .modal-file-manager .error-message-img-upload { display: none; } .modal-file-manager .error-message-img-upload p { list-style: none !important; } .modal-file-manager .btn-browse-files { background-color: transparent !important; color: #979ba1; border-color: #cfd3d9 !important; margin-top: 10px; } .modal-file-manager .uploaded-file-name { white-space: pre-wrap; word-break: break-all; } .modal-file-manager .file-manager-file-types { width: 100%; position: absolute; margin: 0; left: 0; right: 0; top: 15px; text-align: center; } .modal-file-manager .file-manager-file-types span { display: inline-block; font-size: 11px; margin-right: 2px; color: #979ba1 !important; padding: 2px 4px; border: 1px dashed #dce0e6 !important; border-radius: 2px; } .modal-file-manager .btn-reset-upload { display: none; background-color: transparent !important; color: #979ba1 !important; border-color: #cfd3d9 !important; margin-top: 5px; margin-bottom: 15px; }