X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=photo-tags.git;a=blobdiff_plain;f=style.css;h=8b7a7b95052043e76e24b20c6e23db389c80c9f3;hp=75bea143862d0cdc567de9554415ac51aad6ae41;hb=4dd37e616478fef02cbcb32049c6b94891a3cf35;hpb=d8bcd598e8ebc02ee3c7e27cd4634bf5678e51f1

diff --git a/style.css b/style.css
index 75bea14..8b7a7b9 100644
--- a/style.css
+++ b/style.css
@@ -59,4 +59,45 @@ footer {
 }
 .nextprev ul li img {
     padding-right: 5px;
-}
\ No newline at end of file
+}
+
+.singlepic {
+    position: relative;
+    display: inline-block;
+}
+
+.singlepic:hover .left, .singlepic:hover .right {
+    display: inline-block;
+    opacity: 0.6;
+}
+
+.singlepic .left img, .singlepic .right img {
+    position: absolute;
+    top: 50%;
+    width: 50px;
+    height: 50px;
+    margin-top: -25px;
+    border: 0px solid white;
+}
+
+.singlepic .left, .singlepic .right { 
+    display: none;
+    height: 500px;
+    width: 50px;
+    z-index:2;
+    opacity: 0.0;
+}
+.singlepic .left { 
+    position: absolute;
+    left: 3px;
+    top: 3px;
+}
+.singlepic .right {
+    position: relative;
+    left: -56px;
+    top: -3px;
+}
+
+.singlepic .left:hover, .singlepic .right:hover { 
+    opacity: 0.95;
+}