static.scripts.nyroModal.styles.nyroModal.css Maven / Gradle / Ivy
.nyroModalBg {
position: fixed;
overflow: hidden;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
opacity: 0.7;
}
.nmReposition {
position: absolute;
}
.nyroModalCloseButton {
top: -13px;
right: -13px;
width: 12px;
height: 12px;
text-indent: -9999em;
background: url(../img/close.gif);
}
.nyroModalTitle {
top: -26px;
left: 0;
margin: 0;
font-size: 1.1em;
color: #ddd;
}
.nyroModalCont {
position: absolute;
border: 4px solid #777;
margin: 25px;
background: #fff;
}
.nyroModalCont iframe {
width: 600px;
height: 400px;
}
.nyroModalError {
border: 4px solid red;
color: red;
width: 250px;
height: 250px;
}
.nyroModalError div {
min-width: 0;
min-height: 0;
padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
position: relative;
padding: 10px;
min-height: 250px;
min-width: 250px;
max-width: 1000px;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
position: relative;
overflow: hidden;
}
.nyroModalHidden {
left: -9999em;
top: -9999em;
}
.nyroModalLoad {
position: absolute;
width: 100px;
height: 100px;
background: #fff url(../img/ajaxLoader.gif) no-repeat center;
padding: 0;
}
.nyroModalPrev, .nyroModalNext {
outline: none;
position: absolute;
top: 0;
height: 60%;
width: 150px;
min-height: 50px;
max-height: 300px;
cursor: pointer;
text-indent: -9999em;
background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
height: 100%;
width: 40%;
max-height: none;
}
.nyroModalPrev {
left: 0;
}
.nyroModalPrev:hover {
background-image: url(../img/prev.gif);
}
.nyroModalNext {
right: 0;
background-position: right 20%;
}
.nyroModalNext:hover {
background-position: right 20%;
background-image: url(../img/next.gif);
}