element-nice-ui/lib/theme-chalk/dialog.css

A Component Library for Vue.js.

.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-dialog{position:relative;margin:0 auto 50px;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:720px;max-height:70vh}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100vh;max-height:100vh;overflow:auto}.el-dialog.is-fullscreen .el-dialog__body{height:calc(100vh - 90px);max-height:calc(100vh - 90px)}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:8px;border-bottom:1px solid #eee;box-sizing:border-box;background-color:var(--primary-color,#409eff)}.el-dialog__headerbtn{position:absolute;line-height:1;top:12px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px;color:rgb(235.9,245.3,255)}.el-dialog__headerbtn i{vertical-align:top}.el-dialog__headerbtn:hover{color:rgb(159.5,206.5,255)}.el-dialog__headerbtn-full{right:32px}.el-dialog__headerbtn-close{right:8px}.el-dialog__title{line-height:24px;font-size:16px;color:rgb(235.9,245.3,255)}.el-dialog__body{padding:18px 8px;color:#606266;font-size:14px;word-break:break-all;box-sizing:border-box;overflow:auto;max-height:calc(70vh - 90px)}.el-dialog__footer{padding:8px;padding-top:10px;text-align:right;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 13px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{animation:dialog-fade-in .3s}.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}