huangxiaomin
3 years ago
1 changed files with 98 additions and 0 deletions
@ -0,0 +1,98 @@ |
|||||
|
.custom-dialog.modal.fade { |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.custom-dialog.modal.fade:after { |
||||
|
content: ""; |
||||
|
display: inline-block; |
||||
|
height: 100%; |
||||
|
width: 0; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
|
||||
|
.custom-dialog .modal-dialog { |
||||
|
display: inline-block; |
||||
|
width: 420px; |
||||
|
vertical-align: middle; |
||||
|
border-radius: 4px; |
||||
|
font-size: 18px; |
||||
|
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); |
||||
|
text-align: left; |
||||
|
overflow: hidden; |
||||
|
backface-visibility: hidden; |
||||
|
border: none!important; |
||||
|
} |
||||
|
|
||||
|
.custom-dialog .modal-content { |
||||
|
padding-bottom: 10px; |
||||
|
border: none!important; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.custom-dialog .modal-content .modal-header { |
||||
|
position: relative; |
||||
|
padding: 15px 15px 10px; |
||||
|
border: none!important; |
||||
|
} |
||||
|
|
||||
|
.custom-dialog .modal-content .modal-header .modal-title { |
||||
|
padding-left: 0; |
||||
|
margin-bottom: 0; |
||||
|
font-size: 18px; |
||||
|
line-height: 1; |
||||
|
color: #303133; |
||||
|
} |
||||
|
|
||||
|
.custom-dialog .modal-content .modal-header .close { |
||||
|
position: absolute; |
||||
|
top: 6px; |
||||
|
right: 10px; |
||||
|
padding: 0; |
||||
|
margin-top: 0; |
||||
|
border: none; |
||||
|
outline: none; |
||||
|
background: transparent; |
||||
|
font-size: 26px; |
||||
|
cursor: pointer; |
||||
|
font-weight: normal; |
||||
|
text-shadow: none!important; |
||||
|
opacity: 1!important; |
||||
|
color: #909399; |
||||
|
} |
||||
|
|
||||
|
.custom-dialog .modal-content .modal-body { |
||||
|
padding: 10px 15px; |
||||
|
color: #606266; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
|
.custom-dialog .modal-content .modal-footer { |
||||
|
padding: 5px 15px 0; |
||||
|
text-align: right; |
||||
|
border-top: 0!important; |
||||
|
} |
||||
|
|
||||
|
.custom-dialog .modal-content .modal-footer .btn-default { |
||||
|
padding: 9px 15px; |
||||
|
font-size: 12px; |
||||
|
border-radius: 3px; |
||||
|
color: #fff; |
||||
|
background-color: #1A7AE8; |
||||
|
border-color: #1A7AE8; |
||||
|
display: inline-block; |
||||
|
line-height: 1; |
||||
|
white-space: nowrap; |
||||
|
cursor: pointer; |
||||
|
-webkit-appearance: none; |
||||
|
text-align: center; |
||||
|
box-sizing: border-box; |
||||
|
outline: none; |
||||
|
margin: 0; |
||||
|
transition: .1s; |
||||
|
font-weight: 500; |
||||
|
} |
Loading…
Reference in new issue