X-Git-Url: https://dev.renevier.net/gitweb.cgi?p=syp.git;a=blobdiff_plain;f=media%2Fsyp.css;h=62fa6b6ef1e549c0469d19c8af1163c7b37c489c;hp=25be854d3ef2b7bc43f3c4f32c705c9366141aa1;hb=726e61ea5e917d98fa8b58bbad46811304e23ff3;hpb=9acc365249b5e630da6b5cdd23e3a8015f39ddc7

diff --git a/media/syp.css b/media/syp.css
index 25be854..62fa6b6 100644
--- a/media/syp.css
+++ b/media/syp.css
@@ -19,8 +19,9 @@
     border: 3px double black;
     background-color: white;
 }
+
 .olPopup img {
-    margin: 20px;
+    margin-left: 5px;
 }
 
 /* for IE (does not understand double borders */
@@ -40,3 +41,48 @@
     font-weight: bold;
     background-color: white;
 }
+
+#bigimg_container {
+    z-index: 2001;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: none;
+    text-align: center;
+    overflow: hidden;
+}
+#bigimg_transparency {
+    z-index: -1;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    bottom; 0px;
+    width: 100%;
+    height: 100%;
+    background-color: #000;
+    opacity: 0.6;
+    filter: alpha(opacity = 60);
+}
+#bigimg_content {
+    display: table-cell;
+    vertical-align: middle;
+    _position: absolute;
+    _top: 50%;
+    _left: 50%;
+}
+#bigimg {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    _position: relative;
+    _left: -50%;
+    _top: -50%;
+}
+#bigimg_close {
+    position: absolute;
+    top: 0;
+    left: 0;
+    cursor: pointer;
+}