"
Template:Uppsala-SwedenTemplatetest
From 2011.igem.org
(Difference between revisions)
| Line 3: | Line 3: | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
| + | a.p1 {display:block; width:75px; height:75px; text-decoration:none; background:#fff; border:0; margin:20px 0 0 100px; float:left;} | ||
| + | a.p1 img {display:block; border:0;} | ||
| + | a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;} | ||
| + | a.p1 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0; | ||
| + | |||
| + | -o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4); | ||
| + | -icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4); | ||
| + | -khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4); | ||
| + | -moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4); | ||
| + | -webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4); | ||
| + | box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4); | ||
| + | |||
| + | -o-border-radius: 8px; | ||
| + | -icab-border-radius: 8px; | ||
| + | -khtml-border-radius: 8px; | ||
| + | -moz-border-radius: 8px; | ||
| + | -webkit-border-radius: 8px; | ||
| + | border-radius: 8px; | ||
| + | |||
| + | -webkit-transition: opacity 0.6s ease-in-out; | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | a.p1:hover b {top:-65px; left:110px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0; | ||
| + | |||
| + | } | ||
| + | |||
| + | #info {z-index:100; height:22em;} | ||
#info {z-index:100; height:22em;} | #info {z-index:100; height:22em;} | ||
| Line 21: | Line 51: | ||
| - | <a class="p1" href="#v"><img src=" | + | <a class="p1" href="#v"><img src="https://static.igem.org/mediawiki/2011/c/c3/Erik.jpg" alt="" /><b><img class="large" src="https://static.igem.org/mediawiki/2011/c/c3/Erik.jpg" alt="" /></b></a> |
<a class="p1" href="#v"><img src="enlarge/pic2t.jpg" alt="" /><b><img class="large" src="enlarge/pic2.jpg" alt="" /></b></a> | <a class="p1" href="#v"><img src="enlarge/pic2t.jpg" alt="" /><b><img class="large" src="enlarge/pic2.jpg" alt="" /></b></a> | ||
<a class="p1" href="#v"><img src="enlarge/pic3t.jpg" alt="" /><b><img class="large" src="enlarge/pic3.jpg" alt="" /></b></a> | <a class="p1" href="#v"><img src="enlarge/pic3t.jpg" alt="" /><b><img class="large" src="enlarge/pic3.jpg" alt="" /></b></a> | ||
Revision as of 12:53, 11 July 2011
Magnify an image
19th November 2009 - Simplified
25th January 2010 - css3 enhancements added
