@charset "UTF-8"; .osc-editor-block-img-uploader { width: 100%; display: block; text-align: center; } .osc-editor-block-img-uploader.osc-uploader .browser-btn div, .osc-editor-block-img-uploader.osc-uploader .browser-btn input:hover + div { background: #2da000; border: 1px solid rgba(0,0,0,.25); color: #fff; text-shadow: 0 -1px rgba(0,0,0,.25); box-shadow: inset 0 1px rgba(255,255,255,.25), 0 1px rgba(0,0,0,.05); opacity: .75; } .osc-editor-block-img-uploader.osc-uploader .browser-btn input:hover + div { opacity: 1; } .osc-editor-block-img-uploader.osc-uploader .browser-btn input { z-index: 99; } .osc-editor-block-img-uploader.osc-uploader .drag-drop-area { top: 0; left: 0; width: 100%; height: auto; font-weight: normal; padding: 15px; font-size: 12px; border: 1px solid #fdc1c1; } .osc-editor-block-img-uploader.osc-uploader .drag-drop-area span { color: #c90000; } .osc-editor-block-img-uploader.osc-uploader .drag-drop-area:after { border: 1px dashed #fdc1c1; background: rgba(0,0,0,.0125); } .osc-editor-block-image.uploading .img-container:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.5); } .osc-editor > .edit-area .osc-editor-block-image .upload-status { position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: rgba(255,255,255,.25); } .osc-editor > .edit-area .osc-editor-block-image .upload-status > div { position: absolute; top: 0; left: 0; height: 100%; background: #2c9aee; }