web/static/ldt/css/nyroModal.css
changeset 24 57a2650a7f87
parent 0 bdf22b140727
child 31 0d829ac13c4b
--- 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