X-Git-Url: https://dev.renevier.net/gitweb.cgi?p=syp.git;a=blobdiff_plain;f=media%2Fsyp.css;h=1a9fa058b952d0cd45595ef59c775fb63f1f2bca;hp=c980d08540d4ea1ca1e6c0749e494291a4552f5d;hb=e57c166b46cf9c5961bca1b2241783944277cef5;hpb=7282fabcfef34ef95b8c6bd414f34d77037451e1

diff --git a/media/syp.css b/media/syp.css
index c980d08..1a9fa05 100644
--- a/media/syp.css
+++ b/media/syp.css
@@ -10,27 +10,19 @@
 
 .olControlAttribution {
     left: 3px;
-    bottom: 1.5em;
+    bottom: 1.5em!important;
+    width: 50%;
 }
 
-.olPopup p {
-    width: 400px;
-}
-.olPopup img {
-    max-height: 400px;
-    max-width: 400px;
-
-    /* for IE (does not understand max-heigth max-width) */
-    _height: expression((this.offsetHeight>this.offsetWidth) ? 
-             Math.min(parseInt(this.offsetHeight), 400 ) : true);
-    _width: expression((this.offsetWidth>=this.offsetHeight) ? 
-            Math.min(parseInt(this.offsetWidth), 400 ) : true); 
-}
 .olPopup {
     text-align: center;
     border: 3px double black;
     background-color: white;
 }
+.olPopup img {
+    margin: 20px;
+}
+
 /* for IE (does not understand double borders */
 #popup_contentDiv {
     _border: 2px solid black;
@@ -48,3 +40,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;
+}