element-ui-for-gov/lib/theme-chalk/notification.css

element-ui for gov

.el-notification{font-family:SimSun,CESI_SS_GB2312,STSong,CESI_SS_GB18030,FZSongS-Extended;display:-webkit-box;display:-ms-flexbox;display:flex;width:384px;padding:16px 24px 24px 24px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;background-color:#fff;-webkit-box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);-webkit-transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s,-webkit-transform .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{width:100%}.el-notification__title{font-size:18px;line-height:24px;color:#000;margin:0;font-family:SimHei,CESI_HT_GB2312,STHeiti,FZHTK--GBK1-0,CESI_HT_GB13000,CESI_HT_GB18030,FZHei-B01}.el-notification__content{font-size:20px;line-height:26px;margin-top:16px;color:#000;text-align:justify}.el-notification__content p{margin:0}.el-notification .is-with-icon .el-notification__content{margin-left:-32px}.el-notification__icon{height:22px;width:22px;font-size:22px;margin-right:10px}.el-notification__closeBtn{position:absolute;top:18px;right:24px;cursor:pointer;color:#8c8c8c;font-size:20px}.el-notification__closeBtn:hover{color:#595959}.el-notification .el-icon-success{color:#1abc5e}.el-notification .el-icon-error{color:#ff3b30}.el-notification .el-icon-info{color:#0c83fa}.el-notification .el-icon-warning{color:#ff9500}.el-notification-fade-enter.right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.el-notification-fade-enter.left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.el-notification-fade-leave-active{opacity:0}