"
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: | ||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
.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: | + | background-color: none; |
padding: 5px; | padding: 5px; | ||
left: -1000px; | left: -1000px; | ||
| - | border: | + | border: 4px solid rgba(0,0,0,.65); |
| + | border-radius:4px; | ||
visibility: hidden; | visibility: hidden; | ||
| - | color: | + | 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" | + | |
| + | <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
