.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%; } .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; } .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; }