Team:UC Davis/Gallery

From 2013.igem.org

(Difference between revisions)
Line 5: Line 5:
<head>
<head>
 +
<style type="text/css">
<style type="text/css">
Line 12: Line 13:
}
}
-
.thumbscrollbox {
 
-
      overflow-y:scroll;
 
-
      background-color:none
 
-
      }
 
.thumbnail img{
.thumbnail img{
Line 32: Line 29:
.thumbnail span{ /*CSS for enlarged image*/
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
position: absolute;
-
background-color: lightyellow;
+
background-color: none;
padding: 5px;
padding: 5px;
left: -1000px;
left: -1000px;
-
border: 1px dashed gray;
+
border: 4px solid rgba(0,0,0,.65);
 +
border-radius:4px;
visibility: hidden;
visibility: hidden;
-
color: black;
+
color: white;
text-decoration: none;
text-decoration: none;
}
}
Line 64: Line 62:
<div class="gallerycontainer">
<div class="gallerycontainer">
-
<a class="thumbnail" href="#thumb"><img src="media/tree_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/tree.jpg" /><br />Simply beautiful.</span></a>
+
 
 +
<a class="thumbnail" href="#thumb">
 +
<img src="media/tree_thumb.jpg"></img>
 +
<span>
 +
<img src="media/tree.jpg" /><br />Simply beautiful.
 +
</span>
 +
</a>
<a class="thumbnail" href="#thumb"><img src="media/ocean_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/ocean.jpg" /><br />So real, it's unreal. Or is it?</span></a>
<a class="thumbnail" href="#thumb"><img src="media/ocean_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/ocean.jpg" /><br />So real, it's unreal. Or is it?</span></a>

Revision as of 22:10, 12 September 2013