Light12306/Web12306/css/ui/widget-message-popup.css

.message-popup {
	position: fixed;
	z-index: 100001;
	left: 50%;
	top: 50%;
	opacity: 0;
	background: linear-gradient(to bottom, #f7f7f7,#eaebeb);
	border-radius: 5px;
	border: 1px solid #DFDFDF;
	color: #333333;
	box-shadow: 3px 3px 7px rgba(170, 170, 170, 0.5);
	font-size: 120%;
	line-height: 140%;
	max-width: 500px;
}

	.message-popup .message-popup-inner {
		padding: 15px 20px;
	}

.message-popup-warn {
	/*border-color: #fadfbc;*/
}

	.message-popup-warn .message-popup-inner {
		/*border-color: #BD8D51;
		background: linear-gradient(to bottom, #fff0cf, #fee7c4);
		color: #b2632b;*/
	}

		.message-popup-warn .message-popup-inner .fa {
			color: rgb(255, 106, 0);
		}

.message-popup-error {
	/*border-color: rgb(233, 202, 202);*/
}

	.message-popup-error .message-popup-inner {
		/*border-color: rgb(175, 94, 94);
		background: #FFF7F7;
		color: rgb(134, 77, 77);*/
	}

		.message-popup-error .message-popup-inner .fa {
			color: rgb(165, 110, 110);
		}

.message-popup-ok {
	/*border-color: #DCF1DE;*/
}

	.message-popup-ok .message-popup-inner {
		/*border-color: #8FC08D;
		background: #F2FFF3;
		color: #3d6d3d;*/
	}

		.message-popup-ok .message-popup-inner .fa {
			color: rgb(85, 102, 183);
		}


.message-popup-loading {
	/*background: linear-gradient(to bottom, #fff, #fafafa);
	border-color: #cccccc;
	color: #444;*/
}


	.message-popup-loading .message-popup-inner .fa {
		color: rgb(119, 85, 183);
	}


/*浮动框*/
.modal-dialog {
	position: fixed;
	width: 550px;
	z-index: 1100;
	background-color: #fdfbf2;
	border-radius: 5px;
	color: #444;
	box-shadow: 0 0 15px rgba(150,150,150,0.7);
	display: none;
	max-width: 550px;
}

	.modal-dialog > header {
		border-bottom: 1px solid #e3e1d9;
		font-size: 18px;
		font-weight: bold;
		padding: 10px 10px 10px 10px;
		color: #444444;
	}

	.modal-dialog > div {
		padding: 20px 50px 25px 50px;
	}

	.modal-dialog footer {
		padding-bottom: 20px;
		text-align: center;
	}

.modal-popup {
	display: none;
	width: auto;
	background: linear-gradient(to bottom, #f7f7f7,#eaebeb);
}

	.modal-popup > div {
		font-weight: bold;
		font-size: 130%;
		overflow: hidden;
	}


	.modal-popup > div > img {
		float: left;
		margin-right: 20px;
	}

		.modal-popup > div > img + p {
			width: 430px;
			font-size: 90%;
			line-height: 170%;
		}