diff -r a5f517ac1c03 -r 57a2650a7f87 web/static/ldt/css/nyroModal.css --- a/web/static/ldt/css/nyroModal.css Fri Feb 04 18:41:55 2011 +0100 +++ b/web/static/ldt/css/nyroModal.css Fri Feb 11 13:31:26 2011 +0100 @@ -1,109 +1,102 @@ -@charset "UTF-8"; - -div#nyroModalFull { - font-size: 12px; - color: #777; -} -div#nyroModalLoading { - border: 4px solid #777; - width: 150px; - height: 150px; - text-indent: -9999em; - background: #fff url(../img/ajax-loader-43x43.gif) no-repeat; - background-position: center; -} -div#nyroModalLoading.error { - border: 4px solid #f66; - line-height: 20px; - padding: 20px; - width: 300px; - height: 100px; - text-indent: 0; - background: #fff; -} -div#nyroModalWrapper { - background: #fff; - border-color: #777; - border-style: solid; - border-width: 24px 4px 4px 4px; -} -a#closeBut { - position: absolute; - display: block; - top: -19px; - right: 0px; - width: 16px; - height: 16px; - text-indent: -9999em; - background: url(../img/close.png) no-repeat; - outline: 0; -} -h1#nyroModalTitle { - margin: 0; - padding: 0; - position: absolute; - top: -22px; - left: 5px; - font-size: 12px; - color: #ddd; -} -div#nyroModalContent { - overflow: auto; -} -div.wrapper div#nyroModalContent { - padding: 5px; -} -div.wrapperImg div#nyroModalContent { - position: relative; - overflow: hidden; - text-align: center; -} -div.wrapperImg img { - vertical-align: baseline; -} -div.wrapperImg div#nyroModalContent div { - position: absolute; - bottom: 0; - left: 0; - background: black; - padding: 10px; - margin: 10px; - border: 1px white dotted; - overflow: hidden; - opacity: 0.2; - filter: alpha(opacity=20); -} -div.wrapperImg div#nyroModalContent div:hover { - opacity: 0.5; - filter: alpha(opacity=50); - cursor: help; -} -a.nyroModalPrev, a.nyroModalNext { - z-index: 105; - outline: none; - position: absolute; - top: 0; - height: 100%; - width: 40%; - cursor: pointer; - text-indent: -9999em; - background: left 20% no-repeat; - background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */ -} -div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext { - height: 60%; - width: 20%; -} -a.nyroModalPrev { - left: 0; -} -a.nyroModalPrev:hover { - background-image: url(../img/prev.gif); -} -a.nyroModalNext { - right: 0; - background-position: right 20%; -} -a.nyroModalNext:hover { - background-image: url(../img/next.gif); +.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); } \ No newline at end of file