diff options
author | Arun Persaud <arun@nubati.net> | 2012-02-06 22:09:34 -0800 |
---|---|---|
committer | Arun Persaud <apersaud@lbl.gov> | 2012-02-06 22:09:34 -0800 |
commit | 4dd37e616478fef02cbcb32049c6b94891a3cf35 (patch) | |
tree | da3ce14d7f3fd5135bed3d916b2684ea20dfadf4 /style.css | |
parent | d8bcd598e8ebc02ee3c7e27cd4634bf5678e51f1 (diff) | |
download | photo-tags-4dd37e616478fef02cbcb32049c6b94891a3cf35.tar.gz photo-tags-4dd37e616478fef02cbcb32049c6b94891a3cf35.tar.bz2 photo-tags-4dd37e616478fef02cbcb32049c6b94891a3cf35.zip |
added prev/next arrows on top of single picture
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 43 |
1 files changed, 42 insertions, 1 deletions
@@ -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; +} |