 .COMMON_SWING_FILEUPLOAD {display: none;} /* .ajax-file-upload-statusbar { border: 1px solid #666666; margin-top: 10px; width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px 0px } */ .ajax-file-upload-statusbar { margin-top: 10px 10px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 0; padding: 5px 0px } .ajax-file-upload-filename { width: 100%; height: auto; margin: 0 5px 5px 10px; color: #807579; text-align: left !important; } .ajax-file-upload-progress { float:left; margin: 0 10px 5px 10px; position: relative; width: 60%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; display: inline-block } .ajax-file-upload-bar { background-color: #666666; width: 0; height: 20px; border-radius: 3px; color: #FFFFFF; } .ajax-file-upload-percent { position: absolute; display: inline-block; top: 3px; left: 48% } .ajax-file-upload-red { position: absolute; right: 50px; top: 10px; width :50px; text-align:center; background-color: #fff; display: inline-block; color: #000; font-family: ngb; font-size: 13px; padding: 0px 15px; text-decoration: none; cursor: pointer; vertical-align: top; } .ajax-file-upload-green { float:left; width :70px; text-align:center; background-color: #77b55a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0; padding: 0; display: inline-block; color: #fff; font-family: arial; font-size: 13px; font-weight: normal; padding: 4px 15px; text-decoration: none; cursor: pointer; text-shadow: 0 1px 0 #5b8a3c; vertical-align: top; margin-right: 5px; } /* .ajax-file-upload { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 15px 20px; cursor: pointer; line-height: 20px; height: 25px; margin: 0 10px 10px 0; display: inline-block; background: #fff; border: 1px solid #C13130; color: #C13130; text-decoration: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: 0 2px 0 0 #C13130; -webkit-box-shadow: 0 2px 0 0 #C13130; box-shadow: 0 2px 0 0 #C13130; padding: 6px 10px 4px 10px; color: #fff; background: #C13130; border: none; -moz-box-shadow: 0 2px 0 0 #C13130; -webkit-box-shadow: 0 2px 0 0 #C13130; box-shadow: 0 2px 0 0 #C13130; vertical-align: middle; } .ajax-file-upload:hover { background: #AF1817; -moz-box-shadow: 0 2px 0 0 #AF1817; -webkit-box-shadow: 0 2px 0 0 #AF1817; box-shadow: 0 2px 0 0 #AF1817; } */ .ajax-file-upload {text-align: center; }/*float: right; */ .COMMON_FILEUPLOAD{margin:10px 10px;} .COMMON_FILEUPLOAD .drop_label{padding: 0 10px;} .COMMON_FILEUPLOAD .ui-sortable{list-style: none;margin: 0px; padding: 32px 0 0 0; } .COMMON_FILEUPLOAD .ui-sortable li{cursor: move; border-top: 1px solid #ccc; }/*height:60px;*/ .COMMON_FILEUPLOAD .ui-sortable li:first-child { border-top: 0; } .COMMON_FILEUPLOAD { position: relative; } .ajax-upload-dragdrop { color: #DADCE3; text-align: right; vertical-align: middle; margin: 0 auto; height: 27px; border:1px dashed #DADCE3; padding: 2px;clear: both; } .ajax-file-upload-statusbar .ajax-file-upload-view{ float:left;width: 9%;margin:0 auto; border: 1px solid #ddd;line-height:1;}/*height: 48px;*/ .ajax-file-upload-statusbar .ajax-file-upload-view .ajax-file-upload-image{ white-space: nowrap; text-align: center;} .ajax-file-upload-statusbar .ajax-file-upload-content{ float:right;width: 90%;}/*height: 48px;*/ .COMMON_FILEUPLOAD .errorLog{font-size: 12px;padding: 5px;text-align: center;line-height: 12px;} .COMMON_FILEUPLOAD .sizeLog{font-size: 12px;text-align: right;padding: 5px;line-height: 12px;} /* 템플릿 게시판 등록 폼 */ .ajax-file-upload-image-va img{width: 90px ;height: 80px;} .ajax-file-upload-statusbar{padding-left: 92px !important; position: relative;} .ajax-file-upload-statusbar .ajax-file-upload-view, .ajax-file-upload-statusbar .ajax-file-upload-content{float: none; display: inline-block; vertical-align: middle;} .ajax-file-upload-statusbar .ajax-file-upload-view{overflow:hidden; width: 92px; height: 45px; margin:0 auto;text-align:center; border-radius: 0; -webkit-border-radius: 0; background: #f8f8f8; border: none; position: absolute; left: 0; top: 0;} .ajax-file-upload-statusbar .ajax-file-upload-view img{vertical-align:middle; max-width:91px !important;max-height:100%;} .ajax-file-upload-statusbar .ajax-file-upload-content{position: relative; width: 100%;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap{position: absolute; right: 26px; top:30px;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-txts-wrap{padding: 10px 33px 0 20px; padding-right:200px;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap a.txtLink{font-size: 14px; color: #0088cc; margin-right: 10px;}/*vertical-align: middle; */ .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap a.txtLink:after{background: #0088cc; bottom: -1px;} .ajax-file-upload-bar{background: #016b4a; height: 16px; line-height: 16px; font-size: 14px;} .ajax-file-upload-image-va{display: inline-block; width: 0; height: 100%; vertical-align: middle;} .ajax-file-upload-filename, .ajax-file-upload-progress{margin-left: 0; margin-right: 0;} .ajax-file-upload-progress{border: 1px solid #e7e7e7; background: #f8f8f8; padding: 0; width: 100%; float: none;} .ajax-file-upload-bar, .ajax-file-upload-progress{border-radius: 60px;} .ajax-upload-dragdrop{padding: 0; height: 80px; margin-top: 0; line-height: 80px; text-align: center;margin-top: 5px;margin-bottom: 5px;} .ajax-file-upload-red, .ajax-file-upload-green{width: auto !important; font-size: 13px; text-transform: uppercase; font-family: inherit; box-shadow: none; text-shadow: none;margin-left:20px} .ajax-file-upload-green{margin-right: 0;} .COMMON_FILEUPLOAD .errorLog{padding: 0;} .COMMON_FILEUPLOAD .ui-sortable{padding: 0; margin-top: 5px;margin-bottom: 0;} .COMMON_FILEUPLOAD .ui-sortable li{ padding: 0; border-top: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;margin: 0;}/*height: 83px;*/ .COMMON_FILEUPLOAD .ui-sortable li{}/*height:45px;*/ .COMMON_FILEUPLOAD .ui-sortable li .ajax-file-upload-filename{font-size: 14px;} .COMMON_FILEUPLOAD.fileupload_type_mini .ui-sortable li .ajax-file-upload-filename{font-size: 12px;} .COMMON_FILEUPLOAD .ui-sortable li.SORT_INDEX_0{border-top: 1px solid #ccc;} .ajax-file-upload-filename{font-size: 18px; color: #3d3d3d;} .COMMON_FILEUPLOAD a.ico_menu:after{content: none;} .form-horizontal .control-label {padding-top: 7px; margin-bottom: 0; text-align: left; font-size: 18px; margin: 5px 0;} .COMMON_FILEUPLOAD .sizeLog{display: none;} .COMMON_FILEUPLOAD .ajax-file-upload{ line-height: normal;}/*position: absolute !important; left: 0; top:0;*/ .ajax-upload-dragdrop .ajax_drag_msg{color: #999999; display: inline-block; font-size: 14px;} .ajax-upload-dragdrop .ajax_drag_msg .fa{margin-right: 5px; color: #1f1f1f;} .COMMON_FILEUPLOAD .ui-sortable{} .COMMON_FILEUPLOAD .ui-sortable li{cursor: default;} .ajax-upload-dragdrop{clear: both;} .uploadBtnWrap {text-align: right; } .ajax-file-upload.btnTypeDef {padding-top: 0; display: inline-block;width: 94px; height: 31px; line-height: 29px; padding: 0; font-size: 13px; text-align: center; border: 1px solid #055139; background: #016b4a; color: #fff; cursor: po } .ajax-file-upload.btnTypeDef input {min-width:94px;} .ico_menu.menu_move{margin-left:10px;} .ico_menu.menu_move .ui-icon{height:13px;} .moveLabel {display: inline-block;height:21px;} .ico_menu.menu_del .hide_txt{display: inline-block;font-family: ngb; padding:3px 5px;font-size: 13px; text-align: center; color: #d20303; box-sizing: border-box;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap a.txtLink{display: inline-block;padding:3px 5px; font-family: ngb;font-size: 13px; text-align: center; color: #055139; box-sizing: border-box;margin-right:5px;} .fileupload_type_mini .ajax-file-upload-view{display: none;} .fileupload_type_mini .ajax-file-upload-statusbar{padding-left:0 !important;} .ajax-file-upload-content .ajax-file-upload-bar{height:5px;text-indent: -999em;} .ajax-file-upload-statusbar{padding-left: 92px !important; position: relative;} .ajax-file-upload-statusbar .ajax-file-upload-view, .ajax-file-upload-statusbar .ajax-file-upload-content{float: none; display: inline-block; vertical-align: middle;} .ajax-file-upload-statusbar .ajax-file-upload-view{width: 92px; height: 81px; border-radius: 0; -webkit-border-radius: 0; background: #f8f8f8; border: none; position: absolute; left: 0; top: 0;} .ajax-file-upload-statusbar .ajax-file-upload-content{position: relative; width: 100%;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap{position: absolute; right: 26px; bottom: 0;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-txts-wrap{padding: 15px 33px 0 20px; padding-right: 240px;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap a.txtLink{font-size: 14px; color: #0088cc; vertical-align: middle; margin-right: 10px;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap a.txtLink:after{background: #0088cc; bottom: -1px;} .ajax-file-upload-bar{background: #0088cc; height: 16px; line-height: 16px; font-size: 14px;} .ajax-file-upload-image-va{display: inline-block; width: 0; height: 100%; vertical-align: middle;} .ajax-file-upload-filename, .ajax-file-upload-progress{margin-left: 0; margin-right: 0;} .ajax-file-upload-progress{border: 1px solid #e7e7e7; background: #f8f8f8; padding: 0; width: 100%; float: none;} .ajax-file-upload-bar, .ajax-file-upload-progress{border-radius: 60px;} .ajax-file-upload-red, .ajax-file-upload-green{width: auto !important; font-size: 16px; text-transform: uppercase; font-family: inherit; box-shadow: none; text-shadow: none;} .ajax-file-upload-green{margin-right: 0;} .COMMON_FILEUPLOAD .errorLog{padding: 0;} .COMMON_FILEUPLOAD .ui-sortable{padding: 0; margin-bottom: 0;} .COMMON_FILEUPLOAD .ui-sortable li{ padding: 0; border-top: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0;} .COMMON_FILEUPLOAD .ui-sortable li.ajax-file-upload-statusbar{background: #FFF;} .COMMON_FILEUPLOAD .ui-sortable li.SORT_INDEX_0{border-top: 1px solid #ccc;} .ajax-file-upload-filename{font-size: 18px; color: #3d3d3d;} .COMMON_FILEUPLOAD a.ico_menu:after{content: none;} .form-horizontal .control-label {padding-top: 7px; margin-bottom: 0; text-align: left; font-size: 18px; margin: 5px 0;} .COMMON_FILEUPLOAD .sizeLog{display: none;} .ajax-upload-dragdrop .ajax_drag_msg .fa{margin-right: 5px; color: #1f1f1f;} .COMMON_FILEUPLOAD .ui-sortable{margin-top: 10px;} .COMMON_FILEUPLOAD .ui-sortable li{cursor: default; border-left: 2px solid #0088cc;} .ajax-upload-dragdrop{clear: both;} .ajax-file-upload-btn-wrap{text-align: right;padding: 5px 0px;}