File size: 3.26Kb
.nyroModalBg {
position: fixed;
overflow: hidden;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
opacity: 0.7;
z-index: 100;
}
.nmReposition {
position: absolute;
}
.nyroModalCloseButton {
top: 0px;
right: -60px;
width: 38px;
height: 38px;
text-indent: -9999em;
background: url("../images/modal/close.png");
z-index: 101;
}
.nyroModalTitle {
margin: 0;
top: -25px;
font-size: 1.4em;
color: #FFF;
z-index: 200;
padding: 0;
background: none;
border: 0;
height: 22px;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.nyroModalCont {
position: absolute;
box-shadow:0 0 30px #000;
margin: 30px;
padding:0;
background: #fff;
z-index: 101;
box-sizing: border-box;
overflow: hidden;
}
.nyroModalMessage .nyroModalCont {
box-sizing: border-box;
max-width: calc(90% - 100px)!important;
}
.nyroModalCont .notice{
padding:20px;
color:#BDC3C7;
}
.nyroModalError {
border: 1px solid red;
color: red;
width: 250px;
height: 250px;
}
.nyroModalError div {
min-width: 0;
min-height: 0;
padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
position: relative;
max-width: 1000px;
box-sizing: border-box;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.nyroModalImage img {
vertical-align: top;
}
.nyroModalHidden {
left: -9999em;
top: -9999em;
}
.nyroModalLoad {
position: absolute;
width: 100px;
height: 100px;
background: #fff url(../images/modal/ajaxLoader.gif) no-repeat center;
padding: 0;
}
.nyroModalPrev, .nyroModalNext {
outline: none;
position: fixed;
top: 0;
height: 60%;
width: 150px;
min-height: 50px;
max-height: 300px;
cursor: pointer;
text-indent: -9999em;
transition: none;
}
.nyroModalPrev:after, .nyroModalNext:after {
content: '';
height: 32px;
width: 20px;
background-image: url(../images/modal/controls.png);
background-position: 0px 0;
position: absolute;
top: 50%;
margin-top: -16px;
opacity: 0.5;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
height: 100%;
width: 40%;
max-height: none;
}
.nyroModalPrev {
left: 0;
}
.nyroModalNext {
right: 0;
}
.nyroModalPrev:after {
left: 30px;
}
.nyroModalNext:after {
right: 30px;
background-position: 0px -40px;
}
.nyroModalPrev:hover:after, .nyroModalNext:hover:after {
opacity: 1;
}
@media screen and (max-width: 640px) {
.nyroModalCont{
margin: 30px 15px;
}
.nyroModalCloseButton {
top: -30px;
right: 0;
width: 25px;
height: 25px;
background-size:cover;
z-index:201;
}
.nyroModalTitle {
font-size:14px;
padding:0 60px 0 0;
}
.nyroModalMessage .nyroModalCont {
max-width: calc(100% - 30px) !important;
margin:30px 0 15px !important;
}
.nyroModalMessage .nyroModalCont.nyroModalImg{
margin:0 !important;
}
.nyroModalMessage .nyroModalTitle {
font-size:22px;
padding:0;
}
.nyroModalMessage .nyroModalImage img {
max-width:100%;
max-height:100%;
margin:auto;
}
}