ymprompt.css

ajax实现弹出类似与msn的提示框

/*弹出框最外层*/
#promptWinContainer{
	background:#fff;
	font-size:12px;font-family:'宋体';
	filter:progid:DXImageTransform.Microsoft.Shadow(Color=#ff666666, Strength=5, Direction=135);
}
/*标题*/
#titleContainer{
	height:25px;line-height:25px;
	background:#CFD7EC url(images/title_bg_left.gif) no-repeat top left;
}
#titleText{
	font-size:12px;font-weight:bold;
	color:#fff;margin-left:5px;
}
#titleCtrl{
	padding:4px 5px 0px;height:25px;
	background:#CFD7EC url(images/title_bg_right.gif) no-repeat right top;
}
#promptContentTable{
	background:#ffffff url(images/content_bg.gif) repeat-x left top;
	border:0px;margin:0px;padding:0px
}
#winMiddleLeft,#winBtnLineLeft{width:3px;font-size:3px;background:url(images/win_l.gif) repeat-y;}
#winMiddleRight,#winBtnLineRight{width:3px;font-size:3px;background:url(images/win_r.gif) right repeat-y;}
#winBottomCenter{height:3px;font-size:3px;background:url(images/win_b.gif) repeat-x;}
#winBottomLeft{width:3px;font-size:3px;height:3px;background:url(images/win_lb.gif) repeat-y;}
#winBottomRight{width:3px;font-size:3px;height:3px;background:url(images/win_rb.gif) repeat-y;}

#winMiddleCenter{
	font-size:12px;
	padding:10px 0px;
	padding-left:90px;	/*此处数值要大于提示图标的大小，否则会显示很难看*/
}
.ymPrompt_alert{
	background:url(images/info.gif) no-repeat 20px 50%
}
.ymPrompt_succeed{
	background:url(images/right.gif) no-repeat 20px 50%
}
.ymPrompt_error{
	background:url(images/err.gif) no-repeat 20px 50%
}
.ymPrompt_confirm{
	background:url(images/ask.gif) no-repeat 20px 50%
}
.ymPrompt_close{
	cursor:pointer;
	background:url(images/close.gif) no-repeat 0 0;
	width:16px;height:16px;
}
/*取消确认按钮样式*/
input.btnStyle{
	background:url(images/btn_bg.gif) no-repeat;
	width:80px;height:21px;line-height:21px;
	font-size:12px;color:#183C94;border:0;
}