50 lines
932 B
CSS
50 lines
932 B
CSS
|
.message-popup {
|
|||
|
|
border: 5px solid #ccc;
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 100001;
|
|||
|
|
left: 50%;
|
|||
|
|
top: 50%;
|
|||
|
|
opacity: 0;
|
|||
|
|
box-shadow: 3px 3px 6px rgba(200,200,200,0.6);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.message-popup .message-popup-inner {
|
|||
|
|
padding: 15px 20px;
|
|||
|
|
border: 1px solid #aaa;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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-error {
|
|||
|
|
border-color: rgb(233, 202, 202);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.message-popup-error .message-popup-inner {
|
|||
|
|
border-color: rgb(175, 94, 94);
|
|||
|
|
background: #FFF7F7;
|
|||
|
|
color: rgb(175, 94, 94);
|
|||
|
|
}
|
|||
|
|
.message-popup-ok {
|
|||
|
|
border-color: #DCF1DE;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.message-popup-ok .message-popup-inner {
|
|||
|
|
border-color: #8FC08D;
|
|||
|
|
background: #F2FFF3;
|
|||
|
|
color: #3d6d3d;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.message-popup-loading {
|
|||
|
|
background: linear-gradient(to bottom, #fff, #fafafa);
|
|||
|
|
border-color: #cccccc;
|
|||
|
|
color: #444;
|
|||
|
|
}
|