File: D:/HostingSpaces/ERijn/knijft.eu/wwwroot/wp-content/themes/cheope/core/assets/css/popup.css
/*popup*/
.popupOverlay {
background:rgb(0,0,0);
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:998;
-moz-opacity: 0;
opacity:0;
filter: alpha(opacity=0);
display: none;
}
.popupWrap {
border: 7px solid #7f7f7f;
background-color: white;
padding: 6px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
z-index:999;
/*-moz-opacity: 0;
opacity:0;
filter: alpha(opacity=0);*/
display: none;
}
.popup_message.no-image {
max-width: 502px;
}
.popup_img.span6 img {
max-width: 95%;
}
.popup { border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 14px 14px 10px; }
.popup .title { text-align: center; font-size: 21px; margin: 0 auto 25px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; }
.close-popup {
background:url("../images/close-popup.png") no-repeat top center;
cursor:pointer;
height:30px;
position:absolute;
right:-20px;
top:-20px;
width:30px;
z-index:1000;
}
/*.popup .box-no-view { margin-top: 20px; position: absolute; bottom: 10px; margin-left: 0px; }*/
.popup input.no-view {width:15px;height:15px;vertical-align:middle;float:left;border:none 0;background-color:transparent;margin:1px 7px 0 0;}
#ie8 .popup input.no-view {margin-top: 0px}
.popupWrap .popup-newsletter-section {
margin-top: 20px;
}
.popupWrap .popup-newsletter-section ul {
margin: 0;
padding: 0;
}
.popupWrap .popup-newsletter-section ul li {
list-style: none;
}
.popupWrap .submit-field {
width: 175px;
height: 35px;
float: right;
background-color: #4f4f4f;
color: white;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
text-transform: uppercase;
z-index: 10;
text-align: center;
font-size: 11px;
}
.popupWrap .email-field {
width: 328px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 11px;
border: 1px solid #c8c6c6;
}
.popupWrap form {
margin: 0;
}
.popupWrap .input-prepend {
width: 200px;
float: right;
margin-right: 28px;
padding: 0 10px;
background-color: #4f4f4f;
}
.popupWrap .input-prepend:hover, .popupWrap .submit-field:hover, .popupWrap .input-prepend:hover > .submit-field
{
background-color: #777777;
}
.popupWrap input {
font-family: 'Play',sans-serif;
}
.popupWrap .input-prepend .add-on {
text-shadow: 0 1px 0 #333333;
color: #ffffff;
z-index: 20;
width: 20px;
max-width: 20px;
height: auto;
font-size: 18px;
position: absolute;
top: 10px;
left: 10px;
padding: 0px;
}
.box-no-view label {
font-size: 12px;
}
#ie8 .popupWrap input[type="text"] { width: 258px; }
@media (min-width: 1200px) {
.popupWrap input[type="text"] { width: 328px; }
}
@media (max-width: 1200px) {
.popupWrap input[type="text"] { width: 258px; }
.popup_message.no-image { max-width: 392px; }
}
@media (max-width: 979px) and (min-width: 768px) {
#popupWrap .popup .popup-newsletter-section .row { width: 100%; }
.popupWrap input[type="text"],
.popupWrap .submit-field { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.popupWrap .submit-field, .popupWrap .input-prepend { margin-right: 0px !important; width: 100%; }
.popup_message.no-image { max-width: 284px; }
}
@media (max-width: 767px) {
.popupOverlay { display: none !important; }
#popupWrap { display: none !important; }
}