Team:Tuebingen

From 2013.igem.org

(Difference between revisions)
Line 7: Line 7:
<script type="text/javascript" src="http://igemtuebingen.coffeecup.com/iGEM_2013/jquery.lighten.js"></script>
<script type="text/javascript" src="http://igemtuebingen.coffeecup.com/iGEM_2013/jquery.lighten.js"></script>
 +
<script type="text/javascript" src="http://igemtuebingen.coffeecup.com/iGEM_2013/mosaic.1.0.1.js"></script>
 +
 +
<script type="text/javascript">
 +
 +
  jQuery(function($){
 +
    $('.bar').mosaic({
 +
        animation : 'slide'
 +
    });
 +
  });
 +
 +
</script>
<style>
<style>
Line 115: Line 126:
   height: 15em;
   height: 15em;
}
}
-
a.lighten{
+
/* a.lighten{
     display: inline-block;
     display: inline-block;
     background: white;
     background: white;
Line 122: Line 133:
a.lighten img {
a.lighten img {
     display: block;
     display: block;
 +
} */
 +
 +
.mosaic-block {
 +
  position: absolute;
}
}
 +
 +
.clearfix{
 +
  display: block;
 +
  height: 0;
 +
  clear: both;
 +
  visibility: hidden;
 +
}
 +
.details{ margin:15px 20px; }
</style>
</style>
Line 129: Line 152:
<body>
<body>
 +
 +
<div class="mosaic-block bar2">
 +
<a href="http://buildinternet.com/project/mosaic" target="_blank" class="mosaic-overlay">
 +
<div class="details">
 +
<h4>Mosaic - Sliding Boxes and Captions jQuery Plugin</h4>
 +
<p>by Build Internet</p>
 +
</div>
 +
</a>
 +
<div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/mosaic.jpg"/></div>
 +
</div>
 +
<div id="overviewBox">
<div id="overviewBox">
<a href="/Team:Tuebingen/Project/Overwiew" class="lighten"><img id="overviewImg" src="https://static.igem.org/mediawiki/2013/3/3e/Watersurface_blue_2.JPG"></a></div>
<a href="/Team:Tuebingen/Project/Overwiew" class="lighten"><img id="overviewImg" src="https://static.igem.org/mediawiki/2013/3/3e/Watersurface_blue_2.JPG"></a></div>

Revision as of 14:10, 4 September 2013

Return to iGEM Main Page.