Wiki/Team:Warsaw/Gallery

From 2008.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
 +
<style>
 +
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
 +
#lightbox img{ width: auto; height: auto;}
 +
#lightbox a img{ border: none; }
 +
 +
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
 +
#imageContainer{ padding: 10px; }
 +
 +
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
 +
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
 +
#imageContainer>#hoverNav{ left: 0;}
 +
#hoverNav a{ outline: none;}
 +
 +
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
 +
#prevLink { left: 0; float: left;}
 +
#nextLink { right: 0; float: right;}
 +
#prevLink:hover, #prevLink:visited:hover { background: url('https://static.igem.org/mediawiki/2008/4/4d/Prevlabel.gif') left 15% no-repeat; }
 +
#nextLink:hover, #nextLink:visited:hover { background: url('https://static.igem.org/mediawiki/2008/8/82/Nextlabel.gif') right 15% no-repeat; }
 +
 +
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
 +
 +
#imageData{ padding:0 10px; color: #666; }
 +
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
 +
#imageData #caption{ font-weight: bold; }
 +
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
 +
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
 +
 +
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
 +
 +
 +
</style>
 +
 +
<script language="JavaScript" src="http://www.lokeshdhakar.com/projects/lightbox2/js/prototype.js"></script>
 +
<script type="text/javascript" src="http://www.huddletogether.com/projects/lightbox2/js/scriptaculous.js?load=effects,builder"></script>
 +
<script type="text/javascript" src="http://www.huddletogether.com/projects/lightbox2/js/lightbox.js"></script>
 +
 +
<script language="JavaScript">
 +
LightboxOptions.fileLoadingImage="https://static.igem.org/mediawiki/2008/4/42/Loading.gif";
 +
LightboxOptions.fileBottomNavCloseImage="https://static.igem.org/mediawiki/2008/8/8e/Closelabel.gif";
 +
 +
</script>
 +
<table width="100%" class="month">
<table width="100%" class="month">
Line 22: Line 64:
<table class="month" border="0" cellspacing="1" cellpadding="1">
<table class="month" border="0" cellspacing="1" cellpadding="1">
   <tr>
   <tr>
-
     <td width="160" align="center"><img src="https://static.igem.org/mediawiki/2008/c/c9/Egipt_thumb.jpg" width="160" height="160" /></td>
+
     <td width="160" align="center"><a href="https://static.igem.org/mediawiki/2008/a/a0/Egipt2.jpg" rel="lightbox[gal]" title="Egipt"><img src="https://static.igem.org/mediawiki/2008/c/c9/Egipt_thumb.jpg" width="160" height="160" /></a></td>
-
     <td width="160" align="center"><img src="https://static.igem.org/mediawiki/2008/0/0b/E2_thumb.jpg" width="160" height="160" /></td>
+
     <td width="160" align="center"><a href="https://static.igem.org/mediawiki/2008/7/75/Wir.jpg" rel="lightbox[gal]" title="What Microbiologists do?"><img src="https://static.igem.org/mediawiki/2008/0/0b/E2_thumb.jpg" width="160" height="160" /></a></td>
     <td width="160" align="center"><img src="https://static.igem.org/mediawiki/2008/c/c8/Adamiewa1-thumb.jpg" width="160" height="160" /></td>
     <td width="160" align="center"><img src="https://static.igem.org/mediawiki/2008/c/c8/Adamiewa1-thumb.jpg" width="160" height="160" /></td>
     <td width="160" align="center"><img src="https://static.igem.org/mediawiki/2008/b/b8/Elektroporacja_thumb.jpg" width="160" height="160" /></td>
     <td width="160" align="center"><img src="https://static.igem.org/mediawiki/2008/b/b8/Elektroporacja_thumb.jpg" width="160" height="160" /></td>
   </tr>
   </tr>
   <tr>
   <tr>
-
     <td width="160" align="center"><img src="https://static.igem.org/mediawiki/2008/3/33/Chemotransformacja_thumb.jpg" width="160" height="160" /></td>
+
     <td width="160" align="center"><a href="https://static.igem.org/mediawiki/2008/b/b2/Chemotransformacja.jpg" rel="lightbox[gal]" title="Chemotransformation"><img src="https://static.igem.org/mediawiki/2008/3/33/Chemotransformacja_thumb.jpg" width="160" height="160" /></a></td>
     <td width="160" align="center"><img src="https://static.igem.org/mediawiki/2008/1/12/Elephant_thumb.jpg" width="160" height="160" /></td>
     <td width="160" align="center"><img src="https://static.igem.org/mediawiki/2008/1/12/Elephant_thumb.jpg" width="160" height="160" /></td>
     <td width="160" align="center"><img src="https://static.igem.org/mediawiki/2008/0/05/Godzilla_thumb.jpg" width="160" height="160" /></td>
     <td width="160" align="center"><img src="https://static.igem.org/mediawiki/2008/0/05/Godzilla_thumb.jpg" width="160" height="160" /></td>
Line 65: Line 107:
</table>
</table>
</html>
</html>
 +
 +
{{WarNotebookEnd}}

Revision as of 07:47, 12 October 2008

Gallery Bricks Notebook Team Project Home

"Fantastic four and OmpA"

This is a tale of OmpA_omega_A (green) and Z_alpha (red). Omega and A as well as alpha and Z are joined by a linker. Z and A feel an affinity to each other and eagerly interact. Alpha and omega are not so straightforward and need to get to know before they get attracted, so it only happens after they are brought together by willingly attracting A and Z. And they lived happily ever after.

Warsaw

University of Warsaw

iGEM'08 Warsaw team

     

Retrieved from "http://2008.igem.org/Wiki/Team:Warsaw/Gallery"