2014-06-12 21:36:05 +08:00
|
|
|
|
.message-popup {
|
|
|
|
|
position: fixed;
|
|
|
|
|
z-index: 100001;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
opacity: 0;
|
2014-08-26 21:29:58 +08:00
|
|
|
|
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%;
|
2015-11-23 19:52:48 +08:00
|
|
|
|
max-width: 500px;
|
2014-06-12 21:36:05 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.message-popup .message-popup-inner {
|
|
|
|
|
padding: 15px 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.message-popup-warn {
|
2014-08-26 21:29:58 +08:00
|
|
|
|
/*border-color: #fadfbc;*/
|
2014-06-12 21:36:05 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.message-popup-warn .message-popup-inner {
|
2014-08-26 21:29:58 +08:00
|
|
|
|
/*border-color: #BD8D51;
|
2014-06-12 21:36:05 +08:00
|
|
|
|
background: linear-gradient(to bottom, #fff0cf, #fee7c4);
|
2014-08-26 21:29:58 +08:00
|
|
|
|
color: #b2632b;*/
|
2014-06-12 21:36:05 +08:00
|
|
|
|
}
|
|
|
|
|
|
2014-08-26 21:29:58 +08:00
|
|
|
|
.message-popup-warn .message-popup-inner .fa {
|
|
|
|
|
color: rgb(255, 106, 0);
|
|
|
|
|
}
|
|
|
|
|
|
2014-06-12 21:36:05 +08:00
|
|
|
|
.message-popup-error {
|
2014-08-26 21:29:58 +08:00
|
|
|
|
/*border-color: rgb(233, 202, 202);*/
|
2014-06-12 21:36:05 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.message-popup-error .message-popup-inner {
|
2014-08-26 21:29:58 +08:00
|
|
|
|
/*border-color: rgb(175, 94, 94);
|
2014-06-12 21:36:05 +08:00
|
|
|
|
background: #FFF7F7;
|
2014-08-26 21:29:58 +08:00
|
|
|
|
color: rgb(134, 77, 77);*/
|
2014-06-12 21:36:05 +08:00
|
|
|
|
}
|
2014-08-26 21:29:58 +08:00
|
|
|
|
|
|
|
|
|
.message-popup-error .message-popup-inner .fa {
|
|
|
|
|
color: rgb(165, 110, 110);
|
|
|
|
|
}
|
|
|
|
|
|
2014-06-12 21:36:05 +08:00
|
|
|
|
.message-popup-ok {
|
2014-08-26 21:29:58 +08:00
|
|
|
|
/*border-color: #DCF1DE;*/
|
2014-06-12 21:36:05 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.message-popup-ok .message-popup-inner {
|
2014-08-26 21:29:58 +08:00
|
|
|
|
/*border-color: #8FC08D;
|
2014-06-12 21:36:05 +08:00
|
|
|
|
background: #F2FFF3;
|
2014-08-26 21:29:58 +08:00
|
|
|
|
color: #3d6d3d;*/
|
2014-06-12 21:36:05 +08:00
|
|
|
|
}
|
|
|
|
|
|
2014-08-26 21:29:58 +08:00
|
|
|
|
.message-popup-ok .message-popup-inner .fa {
|
|
|
|
|
color: rgb(85, 102, 183);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2014-06-12 21:36:05 +08:00
|
|
|
|
.message-popup-loading {
|
2014-08-26 21:29:58 +08:00
|
|
|
|
/*background: linear-gradient(to bottom, #fff, #fafafa);
|
2014-06-12 21:36:05 +08:00
|
|
|
|
border-color: #cccccc;
|
2014-08-26 21:29:58 +08:00
|
|
|
|
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;
|
2014-06-12 21:36:05 +08:00
|
|
|
|
color: #444;
|
2014-08-26 21:29:58 +08:00
|
|
|
|
box-shadow: 0 0 15px rgba(150,150,150,0.7);
|
|
|
|
|
display: none;
|
2015-11-23 19:52:48 +08:00
|
|
|
|
max-width: 550px;
|
2014-06-12 21:36:05 +08:00
|
|
|
|
}
|
2014-08-26 21:29:58 +08:00
|
|
|
|
|
|
|
|
|
.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;
|
|
|
|
|
}
|
2014-08-30 01:32:27 +08:00
|
|
|
|
|
|
|
|
|
.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%;
|
|
|
|
|
}
|