37 lines
2.2 KiB
CSS
37 lines
2.2 KiB
CSS
|
|
/* Uploader: Drag & Drop */
|
|
.resumable-error {font-size:14px; font-style:italic;}
|
|
.resumable-drop {padding:25px 15px; font-size:22px; text-align:center; color:#666; font-weight:bold;background-color:#eee; border:2px dashed #aaa; border-radius:10px; z-index:9999;}
|
|
.dragover {padding:30px; color:#555; background-color:#ddd; border:1px solid #999;}
|
|
.ebtp-message-title { margin-top: 10px;}
|
|
|
|
/* Uploader: Progress bar */
|
|
.resumable-progress {margin:30px 0 30px 0; width:100%;}
|
|
.progress-container {height:7px; background:#9CBD94; position:relative; }
|
|
.progress-bar {position:absolute; top:0; left:0; bottom:0; background:#45913A; width:0;}
|
|
.progress-text {font-size:11px; line-height:9px; padding-left:10px;}
|
|
.progress-pause {padding:0 0 0 7px;}
|
|
.progress-resume-link {display:none;}
|
|
.is-paused .progress-resume-link {display:inline;}
|
|
.is-paused .progress-pause-link {display:none;}
|
|
.is-complete .progress-pause {display:none;}
|
|
|
|
/* Uploader: List of items being uploaded */
|
|
.resumable-list {overflow:auto; margin-right:-20px;}
|
|
.uploader-item {width:148px; height:90px; background-color:#666; position:relative; border:2px solid black; float:left; margin:0 6px 6px 0;}
|
|
.uploader-item-thumbnail {width:100%; height:100%; position:absolute; top:0; left:0;}
|
|
.uploader-item img.uploader-item-thumbnail {opacity:0;}
|
|
.uploader-item-creating-thumbnail {padding:0 5px; font-size:9px; color:white;}
|
|
.uploader-item-title {position:absolute; font-size:9px; line-height:11px; padding:3px 50px 3px 5px; bottom:0; left:0; right:0; color:white; background-color:rgba(0,0,0,0.6); min-height:27px;}
|
|
.uploader-item-status {position:absolute; bottom:3px; right:3px;}
|
|
|
|
/* Uploader: Hover & Active status */
|
|
.uploader-item:hover, .is-active .uploader-item {border-color:#4a873c; cursor:pointer; }
|
|
.uploader-item:hover .uploader-item-title, .is-active .uploader-item .uploader-item-title {background-color:rgba(74,135,60,0.8);}
|
|
|
|
/* Uploader: Error status */
|
|
.is-error .uploader-item:hover, .is-active.is-error .uploader-item {border-color:#900;}
|
|
.is-error .uploader-item:hover .uploader-item-title, .is-active.is-error .uploader-item .uploader-item-title {background-color:rgba(153,0,0,0.6);}
|
|
.is-error .uploader-item-creating-thumbnail {display:none;}
|
|
.redCenter{ color: #900; text-align: center;}
|