.messageBox{ position: absolute; top: 15%;left: 0px;z-index:88; background:#000;color:#fff; .opacity(70); .border-radius(1px); .box-shadow(0 10px 80px rgba(0,0,0,0.6)); display:none; .content{padding:10px 30px;line-height:20px;width:auto;} } .aui_outer { text-align:left;} .aui_mask{position: absolute;width: 100%;height: 100%;background: #fff;opacity: 0.01;} .aui_loading {height: 100%;width: 100%;overflow:hidden; position:absolute;left:0;top:40px;z-index:9999;text-align:center;text-indent:-999em;background:url("@{img_common}dialog_loading.gif") no-repeat center center; } table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width: 100%;} .aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } .aui_header, .aui_buttons button { font: 12px; } .aui_title { overflow:hidden; text-overflow: ellipsis; } .aui_state_noTitle .aui_title { display:none; } .aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } .aui_close:hover { text-decoration:none; } .aui_main { text-align:center; min-width:9em; min-width:0~'\9'; } .aui_content {text-align:left;font-size: 14px;color:#666; border:none 0;display: block;width:100%;height:100%;overflow: auto;} .aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; } .aui_icon { vertical-align: middle; } .aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } .aui_buttons { padding:8px; text-align:right; white-space:nowrap; background:#f6f6f6;border-top:1px solid #eee;border-radius:0px 0px 3px 3px;} .aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1;width:auto; overflow:visible;color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD)"; background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; } .aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; } .aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); } .aui_buttons button:hover { color:#000; border-color:#666; } .aui_buttons button:active { border-color:#666; filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF')"; background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); } .aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999;.opacity(50);box-shadow:none; } button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc')"; background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; } button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; } button.aui_state_highlight:active { border-color:#1c6a9e; filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc')"; background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); } /* common end */ .aui_inner { background:rgba(0, 0, 0, .7); } .aui_dialog { background:#FFF; border-radius:2px; } .aui_outer { border:1px solid #000; border-radius:5px; box-shadow: 0 0px 15px rgba(0,0,0,0.4);} .aui_state_lock .aui_outer { box-shadow:0 3px 26px rgba(0, 0, 0, .9); } .aui_border { border-radius:3px; } .aui_nw, .aui_ne { width:5px; height:37px; } .aui_sw, .aui_se { width:5px; height:5px; } .aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se {background:#000~'\9'!important;background:#000; .opacity(70);} /*所有边框颜色*/ .aui_state_focus .aui_mask {display:none;} .aui_titleBar { width:100%; height:0; position:relative; bottom:33px; _bottom:0; _margin-top:-33px; } .aui_title { height:27px; line-height:27px; padding:0 16px 0 5px; color:#FFF; font-weight:700; text-shadow:0 1px 0 #000; } .aui_min,.aui_max,.aui_close { display:block; position:absolute; text-decoration:none; outline:none; cursor:pointer;font-size: 16px; color:#EBEBEB;top: 0px;border:1px solid transparent;_border:0 none; height: 20px;width:20px; font-size:18px;line-height: 20px;text-align:center; font-family:Arial,sans-serif; background:#666; border-radius:10px; &:hover{ background:#C72015;text-decoration:none; border:1px solid #000; _border:0 none; box-shadow: 0 1px 0 rgba(255, 255, 255, .3), inset 0 1px 0 rgba(255, 255, 255, .3); } &:active{box-shadow: none;background:#f00; } } .aui_state_noTitle{ .aui_nw,.aui_ne,.aui_sw,.aui_se { width:5px; height:5px; } .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; } .aui_outer{box-shadow: none;border:none;} .aui_inner { border:1px solid #ddd;background:none;} .tips{font-size: 14px;padding: 15px;padding-left: 10px;} .aui_nw,.aui_n,.aui_ne,.aui_w,.aui_e,.aui_sw,.aui_s,.aui_se { background:rgba(0, 0, 0, .1); background:#000~'\9'!important; filter:~'alpha(opacity=10)!important'; } .aui_content{line-height:50px;} .aui_close,.aui_max,.aui_min{display: none;font-size:13px; } } .aui_min{right: 65px;line-height: 20px;font-size: 16px;} .aui_max{right: 35px;font-size: 20px;line-height: 16px;} .aui_close{right: 5px;} .aui_max,.aui_min{display: none;} /*------------最大化最小化,窗口大小调整-----------*/ .dialogMax{ .aui_nw, .aui_ne,.aui_sw, .aui_se,.aui_w, .aui_e{width:0px;} .aui_sw, .aui_n,.aui_se {height:0px;} .aui_outer { border:none;} } .dialog-can-resize{ .resize-handle{position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .resize-top{z-index:0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px; } .resize-bottom{z-index:0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px; } .resize-right{z-index:0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%; } .resize-left{z-index:0; cursor: w-resize; width: 7px; left: 0px; top: 0; height: 100%; } .resize-bottom-right{cursor: se-resize; width: 18px; height: 18px; right: -5px; bottom: -5px; background:url('@{img_common}resize_corner.png') no-repeat;} .resize-bottom-left{cursor: sw-resize; width: 15px; height: 15px; left: -5px; bottom: -5px;} .resize-top-left{cursor: nw-resize; width: 15px; height: 15px; left: -5px; top: -5px;} .resize-top-right{cursor: ne-resize; width: 15px; height: 15px; right: -5px; top: -5px;} .aui_min,.aui_max{display: block;} } /*----------------------- dialog ------------------------------*/ /* 文件属性样式*/ .pathinfo{font-size:13px;width:330px;height: 280px;padding:15px 0 15px 0;color:#446;} .pathinfo .line{width:95%;margin:8px auto 8px auto;height:0px;border-bottom:1px solid #ccc;} .pathinfo .p{margin-left:6px;margin-bottom:5px;} .pathinfo .p .icon{width:40px;height:40px;float:left;border:1px solid #f6f6f6;margin-left:10px;} .pathinfo .p .file_icon{background:url("@{img_common}file.png") 5px 4px no-repeat} .pathinfo .p .folder_icon{background:url("@{img_common}folder.png") 5px 4px no-repeat} .pathinfo .p input{padding:2px;padding-left: 10px;border:1px solid #ccc; height:25px;line-height:25px;width:210px;float:left;display:block;margin:10px 0 0 30px;} .pathinfo .p .title{width:80px;float:left;color:#333;margin-left:15px;font-weight:800;color:#444;} .pathinfo .p .content{float:left;width:210px;word-break:break-all;color:#666; -moz-user-select:text;-webkit-user-select: text;} /* 弹出对话框css3 效果 */ table.aui_border, table.aui_dialog { -webkit-animation-name: fadein; -webkit-animation-duration: 0.2s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; } @-webkit-keyframes fadein { 0% {opacity:0;} 50% {opacity: 0.8;} } .file_drag_upload .aui_content{overflow-y: scroll;} .fileuploadinfo,.fileupload{color: #555;font-size: 13px;} .fileuploadinfo{font-size: 18px;color:#5499D9;margin-bottom: 8px;border-bottom: 1px solid #dde;padding-bottom: 6px;} .fileuploadinfo em{font-size:12px;} .fileupload {padding-left: 25px;} .fileupload span.status{padding-left: 10px;font-size: 10px;color: #f96;} .file_list{display: none;} div.dialog-simple{ .aui_outer {border:none;border-radius:none;box-shadow:none;background:none;} .aui_inner{border:none;background:none;} .hide{visibility: hidden;} .aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se{background: none;} .aui_title{background:rgba(0,0,0,0.5);.opacity(60);border-radius: 3px;border:none;} .aui_min,.aui_max,.aui_close { border:none;top:3px; display:block; position:absolute; text-decoration:none; outline:none; cursor:pointer;background:#000;cursor:pointer;color:#fff;.opacity(50); height: 22px;width:22px; font-size:20px;line-height: 22px;text-align:center;border-radius: 4px; font-family:Arial,sans-serif; &:hover{ text-decoration:none; color:#fff; background: #f00-#333; } &:active{color:fff;background: #f00;} } .aui_max {right: 35px;font-size: 16px;line-height: 17px;} .aui_min {right: 67px;font-size: 16px;line-height: 17px;} .resize-bottom-right{background: none !important;} } div.dialog-simple{ .aui_outer {border:none;border-radius:none;box-shadow:none;background:none;} .aui_inner{border:none;background:none;} .aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se{background: none;} .aui_title{background:rgba(0,0,0,0.5);.opacity(60);border-radius: 3px;border:none;} .aui_min,.aui_max,.aui_close { border:none;top:3px; display:block; position:absolute; text-decoration:none; outline:none; cursor:pointer;background:#000;cursor:pointer;color:#fff;.opacity(50); height: 22px;width:22px; font-size:20px;line-height: 22px;text-align:center;border-radius: 4px; font-family:Arial,sans-serif; &:hover{ text-decoration:none; color:#fff; background: #f00-#333; } &:active{color:fff;background: #f00;} } .aui_max {right: 30px;font-size: 16px;line-height: 17px;} .aui_min {right: 56px;font-size: 16px;} .aui_dialog{background: none;} .resize-bottom-right{background: none !important;} .aui_header{.opacity(1);} .dialog_mouse_in{.aui_header{.opacity(100);}} }