Spaces:
Sleeping
Sleeping
File size: 1,405 Bytes
8b454b3 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 | .mpopup {
display: none;
position: fixed;
z-index: 1;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal-content {
position: relative;
background-color: #fff;
margin: auto;
padding: 0;
width: 450px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
border-radius: 0.3rem;
}
.modal-header {
padding: 2px 12px;
background-color: #ffffff;
color: #333;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.modal-header h2{
font-size: 1.25rem;
margin-top: 14px;
margin-bottom: 14px;
color: maroon;
}
.modal-body {
padding: 2px 12px;
height: auto;
}
#modal-bodyText{
font-family: "acumin-pro", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
}
.close {
color: #888;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover, .close:focus {
color: maroon;
text-decoration: none;
cursor: pointer;
}
/* add animation effects */
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
|