MxWeiXinPF.Web/weixin/sjb/css/wei_dialog.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/**
 * 微生活_统一弹出对话框
 * /trunk/src/apps/Meishi/docs/html1103/_doc/弹窗规范-扁平.jpg
 * @author luan luan
 */

/*modal层 > .footFix*/
.mModal{position:fixed;left:0;top:0;width:100%;
	background-color:rgba(0,0,0,.5);}
.mModal>a{display:block;}

/*对话框 > .footFix*/
.mDialog, .mDialog *{margin:0;padding:0;}
.mDialog{width:205px;
	position:fixed;bottom:auto;top:0;left:0;
	background-color:rgba(0,0,0,.7); box-shadow:0 0 10px rgba(0,0,0,.5);
	padding:25px;
}
.mDialog>figure{height:42px;margin-top:5px;margin-bottom:15px;
	background-repeat:no-repeat;background-position:50% 0;
	-webkit-background-size:42px 42px;background-size:42px 42px;}
.mDialog>figure.succ{background-image:url('../images/mdlg_icon_succ.png');}
.mDialog>figure.warn{}
.mDialog>figure.fail{}
.mDialog>h1,
.mDialog>h2,
.mDialog>h3{font-weight:normal;}
.mDialog>h1{font-size:20px;color:#fff;text-align:center;line-height:25px;width:215px;margin:-5px -5px 0 -5px;padding:8px 0 17px 0;}
.mDialog>h2{font-size:15px;color:#fff;text-align:left;line-height:23px;padding-bottom:17px;}
.mDialog>h3{font-size:13px;color:#00b900;text-align:center;line-height:14px;padding:3px 0 17px 0;}
.mDialog>footer{width:205px;height:37px;margin-top:3px;}
.mDialog>footer a,
.mDialog>footer a:visited{display:inline-block;height:37px;line-height:37px;
	float:left;text-align:center;font-size:16px;color:#fff;
	background-color:#38b766; -webkit-border-radius:3px; border-radius:3px;
	text-decoration:none;
}
.mDialog>footer a.one{width:205px;}
.mDialog>footer a.two{width:97px;}
.mDialog>footer a.two:nth-of-type(2){float:right;}
.mDialog>footer a:active,
.mDialog>footer a.off{background-color:#bebebe}
.mDialog>a.x{display:inline-block;width:27px;height:27px;text-indent:-9999px;
	background:url('../images/mdlg_btn_x.png') no-repeat 0 0;
	-webkit-background-size:27px 27px;background-size:27px 27px;
	position:absolute;top:-9px;right:-11px;
}

/*提示框 > .footFix*/
.mNotice, .mNotice *{margin:0;padding:0;}
.mNotice{width:255px;text-align:center;
	position:fixed;bottom:auto;top:0;left:0;
	background-color:rgba(0,0,0,.7); box-shadow:0 0 10px rgba(0,0,0,.5);
	padding:30px 0;
}
.mNotice>span{color:#fff;font-size:20px;line-height:27px;margin:0 auto;display:inline-block;}
.mNotice>span.succ,
.mNotice>span.warn,
.mNotice>span.fail{padding-left:35px;
	background-repeat:no-repeat;background-position:0 0;