@charset "UTF-8"; .xe-uploader-action-selectfile { overflow: hidden !important; display: inline-block; vertical-align: middle; } .xe-uploader-container { margin: 10px 0; border: 1px solid #B6B6B6; } /* dropzone */ .xe-uploader-container .xe-uploader-dropzone { border: 1px solid #EEE; text-align: center; background-color: #EBEBEB; box-sizing: border-box; -moz-box-sizing: border-box; } .xe-uploader-container .xe-uploader-dropzone.in { background-color: #E9F3EF; } .xe-uploader-container .xe-uploader-dropzone.hover { border: 1px dotted #9ad18f; border-radius: 5px; } .xe-uploader-container .xe-uploader-dropzone.fade { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 1; } .xe-uploader-container .xe-uploader-dropzone p { margin: 12px 0; } /* END:dropzone */ .xe-uploader-filelist-container { display: none; padding: 0 10px; } /* images */ .xe-uploader-filelist-container .xe-uploader-filelist-images { max-height: 160px; overflow-y: scroll; -webkit-overflow-scrolling: touch; margin: 0 -5px; padding: 5px 0; border-bottom: 1px solid #E6E6E6; } .xe-uploader-filelist-container .xe-uploader-filelist-images ul, .xe-uploader-filelist-container .xe-uploader-filelist-images li { list-style: none; margin: 0; padding: 0; } .xe-uploader-filelist-container .xe-uploader-filelist-images li { position: relative; display: inline-block; margin: 3px; width: 60px; height: 60px; border: 3px solid #DDD; } .xe-uploader-filelist-container .xe-uploader-filelist-images li img { width: 100%; height: 100%; } .selected { border-color: #6CBD7E !important; } .xe-uploader-filelist-container .xe-uploader-filelist-images input, .xe-uploader-filelist-container .xe-uploader-filelist-images button { position: absolute; top: 0; left: 0; } .xe-uploader-filelist-container .xe-uploader-filelist-images button { left: auto; right: 0; } .xe-uploader-filelist-container .xe-uploader-filelist-images .xe-uploader-fileitem-filename, .xe-uploader-filelist-container .xe-uploader-filelist-images .xe-uploader-fileitem-info-filesize { display: none; } /* END:images */ /* files */ .xe-uploader-filelist-container .xe-uploader-filelist-files { margin: 5px 0; } .xe-uploader-filelist-container .xe-uploader-filelist-files ul, .xe-uploader-filelist-container .xe-uploader-filelist-files li { list-style: none; margin: 0; padding: 0; } .xe-uploader-filelist-container .xe-uploader-filelist-files li { padding: 3px 0; } .xe-uploader-filelist-container .xe-uploader-filelist-files li.selected { background-color: #E9F3EF; } .xe-uploader-filelist-container .xe-uploader-filelist-files .xe-uploader-fileitem-info { float: right; } .xe-uploader-filelist-container .xe-uploader-filelist-files .xe-uploader-fileitem-info span { padding: 0 5px; } /* END:files */ .xe-uploader-controll-container { display: none; padding: 10px; } .xe-uploader-progressbar { border-bottom: 1px solid #6AB97D; } .xe-uploader-progressbar div { height: 3px; background-color: #6AB97D; } .xe-uploader-btn { display: inline-block; *display: inline; margin: 0; padding: 0 12px !important; height: 24px !important; overflow: visible; border: 1px solid #bbbbbb; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; border-radius: 2px; text-decoration: none !important; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: top; line-height: 24px !important; font-family: inherit; font-size: 12px; color: #333333; *zoom: 1; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); } input.xe-uploader-btn, button.xe-uploader-btn { height: 26px !important; } .xe-uploader-btn:hover, .xe-uploader-btn:active, .xe-uploader-btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } .xe-uploader-btn>a, .xe-uploader-btn>button, .xe-uploader-btn>input, .xe-uploader-btn>span { display: inline-block; *zoom: 1; margin: 0 -12px !important; padding: 0 12px !important; overflow: visible; width: auto; height: 24px; border: 0; vertical-align: top; text-decoration: none !important; line-height: 24px; font-family: inherit; font-size: 12px; color: #333; cursor: pointer; background: none; }