/* 带确定和取消的自定义弹出框 */ .myconfirm { display: none; position: fixed; margin-left: 50%; left: -190px; z-index: 99997; width:350px; min-width: 350px; max-width: 400px; background-color: pink; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } /* 定义容器的before和after清除浮动 */ .myconfirm:before, .myconfirm:after, .myconfirm .confirm-header:before, .myconfirm .confirm-header:after, .myconfirm .confirm-footer:before, .myconfirm .confirm-footer:after { display: table; content: " "; } .myconfirm:after, .myconfirm .confirm-header:after, .myconfirm .confirm-footer:after { clear: both; } /* 定义confirm的header */ .myconfirm .confirm-header { background: url('../image/bg_13.jpg') repeat-x; } .myconfirm .confirm-header .title{ float: left; height: 30px; line-height: 30px; text-indent: 2em; font-weight: bold; } .myconfirm .confirm-header .close-confirm { float: right; width: 21px; height: 21px; margin-top: 5px; margin-right: 5px; background-image: url(../image/backgrounds.32.png); background-position: -396px -20px; background-repeat: no-repeat; } .myconfirm .confirm-header .close-confirm:hover { background-position: -396px -108px; } /* 定义confirm的content */ .myconfirm .confirm-content { background-color: #FFFFFF; padding: 40px 0; font-size: 14px; text-align: center; font-weight: bold; } .myconfirm .confirm-content.confirm-content-noPadding { padding: 0; } /* 定义confirm的footer */ .myconfirm .confirm-footer { background-color: #E9E7E7; } .myconfirm .confirm-footer .ipt { float: left; width:50%; height: 60px; text-align: center; } .myconfirm .confirm-footer input { /*初始化按钮*/ font-size: 12px; text-decoration: none!important; font-family: Helvetica, Arial, sans serif; padding: 6px 12px; border-radius: 3px; -moz-border-radius: 3px; box-shadow: inset 0px 0px 2px #fff; -o-box-shadow: inset 0px 0px 2px #fff; -webkit-box-shadow: inset 0px 0px 2px #fff; -moz-box-shadow: inset 0px 0px 2px #fff; /*定义颜色和样式*/ color: #41788c; border: 1px solid #6fb1c7; background-image: -moz-linear-gradient(#aae5f7, #73d0f1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7)); background-image: -webkit-linear-gradient(#aae5f7, #73d0f1); background-image: -o-linear-gradient(#aae5f7, #73d0f1); text-shadow: 1px 1px 1px #bfeafb; background-color: #73d0f1; /* 自定义位置 */ margin-top: 15px; } .myconfirm .confirm-footer input:hover { border: 1px solid #4690ad; background-image: -moz-linear-gradient(#73d0f1, #aae5f7); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1)); background-image: -webkit-linear-gradient(#73d0f1, #aae5f7); background-image: -o-linear-gradient(#73d0f1, #aae5f7); background-color: #aae5f7; } /* confirm遮罩层 */ .confirm-mask { display:none; position: fixed; left: 0; top: 0; z-index: 99996; width: 100%; height: 100%; background-color: #000000; filter:alpha(opacity=30); /*IE滤镜,透明度50%*/ -moz-opacity:0.3; /*Firefox私有,透明度50%*/ opacity:0.3; /*其他,透明度50%*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }