html.popup-modal-open, html.popup-modal-open body {
overflow: hidden;
}
#popupModal {
color: #000;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10000;
display: none;
background-color: rgba(0,0,0,0.7);
}
#popupModal .modal-dialog {
position: fixed;
width: 800px;
max-width: 90%;
max-height: 94%;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-shadow: 0px 0px 15px rgba(0,0,0,0.75);
}
#popupModal .modal-dialog.top-center {
top: 1em;
top: 3vh;
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#popupModal .modal-dialog.bottom-center {
top: auto;
bottom: 1em;
bottom: 3vh;
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#popupModal .modal-dialog.allow-scrolling {
overflow-y: auto;
}
#popupModal .modal-dialog.allow-scrolling .modal-close {
top: 0;
right: 0;
}
#popupModal .modal-content {
position: relative;
}
#popupModal .modal-body {
background-color: #fff;
padding: 2em;
}
#popupModal .modal-body img {
max-width: 100%;
height: auto;
}
#popupModal .modal-title {
font-size: 2em;
font-weight: bold;
margin-bottom: 0.5em;
}
#popupModal .modal-close {
position: absolute;
top: -0.25em;
right: -1em;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
color: #fff;
font-size: 2em;
font-weight: normal;
cursor: pointer;
}
#popupModal .modal-close:after {
display: inline-block;
content: "\00d7";
font-family: Arial;
}
#popupModal .modal-close:hover {
font-weight: bold;
}
#popupModal .modal-buttons {
display: none;
clear: both;
margin-top: 1em;
}
#popupModal .modal-print-button {
display: none;
margin-right: 1em;
}
#popupModal.modal-buttons-left .modal-buttons {
display: block;
text-align: left;
}
#popupModal.modal-buttons-right .modal-buttons {
display: block;
text-align: right;
}
#popupModal.modal-buttons-center .modal-buttons {
display: block;
text-align: center;
}
#popupModal.modal-buttons-left .modal-close, #popupModal.modal-buttons-right .modal-close, #popupModal.modal-buttons-center .modal-close {
display: none;
}
#popupModal .login-submit {
float: left;
}
#popupModal .register {
display: block;
text-align: center;
}
#popupModal .lost-password {
float: right;
} .metabox-prefs label {
white-space: nowrap;
}
.metabox-prefs .wp-color-result {
margin: 0;
}
.metabox-prefs select:hover,.metabox-prefs input:hover {
border-color: #999;
}
.metabox-prefs select:hover,.metabox-prefs .date-picker:hover {
cursor: pointer;
}
.metabox-prefs .widefat {
min-width: 257px;
}
.metabox-prefs .iris-picker .iris-square-value {
width: 0;
height: 0;
margin: -1px 0;
}
.metabox-prefs .iris-picker a:focus {
color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
@media screen and (max-width: 600px) {
#popupModal .modal-body {
padding: 1em;
}
#popupModal .modal-close {
top: 0;
right: 0;
mix-blend-mode: difference;
}
}
@media print {
body>* {
display: none;
}
#popupModal {
display: block !important;
background: none !important;
background-color: #fff !important;
}
#popupModal * {
background-color: #fff !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
#popupModal .modal-dialog {
position: absolute;
width: 100% !important;
max-width: 100%;
top: 5%;
left: 0;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
#popupModal .modal-content {
width: 95%;
margin: 0 auto;
}
#popupModal .modal-close, #popupModal .modal-buttons {
display: none !important;
}
}