Team:Heidelberg/Gallery

From 2009.igem.org

(Difference between revisions)
 
(87 intermediate revisions not shown)
Line 2: Line 2:
{{Template_HD_3}}
{{Template_HD_3}}
-
<html><body id="team">
+
<html><body id="team" onload="setPageSize()">
 +
<style type="text/css">
 +
#SubWrapper {height: 550px;}
 +
#news {height: 550px;}
 +
#HDgal {position:relative; width:550px; }
 +
 
 +
#HDgal a.p1:visited, #HDgal a.p2:visited, #HDgal a.p3:visited, #HDgal a.p4:visited, #HDgal a.p5:visited, #HDgal a.p6:visited, #HDgal a.p7:visited, #HDgal a.p8:visited, #HDgal a.p9:visited, #HDgal a.p10:visited, #HDgal a.p11:visited, #HDgal a.p12:visited, #HDgal a.p13:visited, #HDgal a.p14:visited, #HDgal a.p15:visited, #HDgal a.p16:visited, #HDgal a.p17:visited, #HDgal a.p18:visited, #HDgal a.p19:visited, #HDgal a.p20:visited, #HDgal a.p21:visited, #HDgal a.p22:visited, #HDgal a.p23:visited, #HDgal a.p24:visited, #HDgal a.p25:visited, #HDgal a.p26:visited, #HDgal a.p27:visited, #HDgal a.p28:visited, #HDgal a.p29:visited, #HDgal a.p30:visited, #HDgal a.p31:visited, #HDgal a.p32:visited {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
 +
 
 +
#HDgal a.p1:visited {top:0px; left:0px;}
 +
#HDgal a.p2:visited {top:0px; left:55px;}
 +
#HDgal a.p3:visited {top:0px; left:110px;}
 +
#HDgal a.p4:visited {top:0px; left:165px;}
 +
#HDgal a.p5:visited {top:55px; left:0px;}
 +
#HDgal a.p6:visited {top:55px; left:55px;}
 +
#HDgal a.p7:visited {top:55px; left:110px;}
 +
#HDgal a.p8:visited {top:55px; left:165px;}
 +
#HDgal a.p9:visited {top:110px; left:0px;}
 +
#HDgal a.p10:visited {top:110px; left:55px;}
 +
#HDgal a.p11:visited {top:110px; left:110px;}
 +
#HDgal a.p12:visited {top:110px; left:165px;}
 +
#HDgal a.p13:visited {top:165px; left:0px;}
 +
#HDgal a.p14:visited {top:165px; left:55px;}
 +
#HDgal a.p15:visited {top:165px; left:110px;}
 +
#HDgal a.p16:visited {top:165px; left:165px;}
 +
#HDgal a.p17:visited {top:220px; left:0px;}
 +
#HDgal a.p18:visited {top:220px; left:55px;}
 +
#HDgal a.p19:visited {top:220px; left:110px;}
 +
#HDgal a.p20:visited {top:220px; left:165px;}
 +
#HDgal a.p21:visited {top:275px; left:0px;}
 +
#HDgal a.p22:visited {top:275px; left:55px;}
 +
#HDgal a.p23:visited {top:275px; left:110px;}
 +
#HDgal a.p24:visited {top:275px; left:165px;}
 +
#HDgal a.p25:visited {top:330px; left:0px;}
 +
#HDgal a.p26:visited {top:330px; left:55px;}
 +
#HDgal a.p27:visited {top:330px; left:110px;}
 +
#HDgal a.p28:visited {top:330px; left:165px;}
 +
#HDgal a.p29:visited {top:385px; left:0px;}
 +
#HDgal a.p30:visited {top:385px; left:55px;}
 +
#HDgal a.p31:visited {top:385px; left:110px;}
 +
#HDgal a.p32:visited {top:385px; left:165px;}
 +
 
 +
#HDgal a.p1, #HDgal a.p2, #HDgal a.p3, #HDgal a.p4, #HDgal a.p5, #HDgal a.p6, #HDgal a.p7, #HDgal a.p8, #HDgal a.p9, #HDgal a.p10, #HDgal a.p11, #HDgal a.p12, #HDgal a.p13, #HDgal a.p14, #HDgal a.p15, #HDgal a.p16, #HDgal a.p17, #HDgal a.p18, #HDgal a.p19, #HDgal a.p20, #HDgal a.p21, #HDgal a.p22, #HDgal a.p23, #HDgal a.p24, #HDgal a.p25, #HDgal a.p26, #HDgal a.p27, #HDgal a.p28, #HDgal a.p29, #HDgal a.p30, #HDgal a.p31, #HDgal a.p32  {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
 +
 
 +
#HDgal a.p1 {top:0px; left:0px; background-image: url("https://static.igem.org/mediawiki/2009/f/f0/IGEM_logo.png");}
 +
#HDgal a.p2 {top:0px; left:55px; background-image: url("https://static.igem.org/mediawiki/2009/d/d3/HD09_Hannah2.png");}
 +
#HDgal a.p3 {top:0px; left:110px; background-image: url("https://static.igem.org/mediawiki/2009/1/19/Douaa.png");}
 +
#HDgal a.p4 {top:0px; left:165px; background-image: url("https://static.igem.org/mediawiki/2009/6/66/Corinna.png");}
 +
#HDgal a.p5 {top:55px; left:0px; background-image: url("https://static.igem.org/mediawiki/2009/9/98/Chenchen.png");}
 +
#HDgal a.p6 {top:55px; left:55px; background-image: url("https://static.igem.org/mediawiki/2009/a/ae/Captured.png");}
 +
#HDgal a.p7 {top:55px; left:110px; background-image: url("https://static.igem.org/mediawiki/2009/9/97/Bingqing.png");}
 +
#HDgal a.p8 {top:55px; left:165px; background-image: url("https://static.igem.org/mediawiki/2009/7/7c/Anne-and-Hannah.png");}
 +
#HDgal a.p9 {top:110px; left:0px; background-image: url("https://static.igem.org/mediawiki/2009/6/66/Lars.png");}
 +
#HDgal a.p10 {top:110px; left:55px; background-image: url("https://static.igem.org/mediawiki/2009/b/b2/Micha.png");}
 +
#HDgal a.p11 {top:110px; left:110px; background-image: url("https://static.igem.org/mediawiki/2009/0/0b/IGEM_logo_team.png");}
 +
#HDgal a.p12 {top:110px; left:165px; background-image: url("https://static.igem.org/mediawiki/2009/8/8e/HD09_Simon2.png");}
 +
#HDgal a.p13 {top:165px; left:0px; background-image: url("https://static.igem.org/mediawiki/2009/a/a4/HD09_Flying-Labgirl.png");}
 +
#HDgal a.p14 {top:165px; left:55px; background-image: url("https://static.igem.org/mediawiki/2009/3/31/HD09_Michael_V.png");}
 +
#HDgal a.p15 {top:165px; left:110px; background-image: url("https://static.igem.org/mediawiki/2009/3/37/HD09_Bingqing.png");}
 +
#HDgal a.p16 {top:165px; left:165px; background-image: url("https://static.igem.org/mediawiki/2009/a/a5/HD09_Team.png");}
 +
#HDgal a.p17 {top:220px; left:0px; background-image: url("https://static.igem.org/mediawiki/2009/e/eb/Photo-equipment.png");}
 +
#HDgal a.p18 {top:220px; left:55px; background-image: url("https://static.igem.org/mediawiki/2009/0/06/HD09_Tim.png");}
 +
#HDgal a.p19 {top:220px; left:110px; background-image: url("https://static.igem.org/mediawiki/2009/3/30/HD09_Nao.png");}
 +
#HDgal a.p20 {top:220px; left:165px; background-image: url("https://static.igem.org/mediawiki/2009/0/03/HD09_Anne_Hannah.png");}
 +
#HDgal a.p21 {top:275px; left:0px; background-image: url("https://static.igem.org/mediawiki/2009/c/c2/HD09_Mikro_3.png");}
 +
#HDgal a.p22 {top:275px; left:55px; background-image: url("https://static.igem.org/mediawiki/2009/d/db/HD09_Mikro_2.png");}
 +
#HDgal a.p23 {top:275px; left:110px; background-image: url("https://static.igem.org/mediawiki/2009/5/5e/HD09_Mikro1.png");}
 +
#HDgal a.p24 {top:275px; left:165px; background-image: url("https://static.igem.org/mediawiki/2009/9/92/HD09_mikro4.png");}
 +
#HDgal a.p25 {top:330px; left:0px; background-image: url("https://static.igem.org/mediawiki/2009/0/0f/HD09_well.png");}
 +
#HDgal a.p26 {top:330px; left:55px; background-image: url("https://static.igem.org/mediawiki/2009/6/67/HD09_Falcon.png");}
 +
#HDgal a.p27 {top:330px; left:110px; background-image: url("https://static.igem.org/mediawiki/2009/c/c1/Plates.png");}
 +
#HDgal a.p28 {top:330px; left:165px; background-image: url("https://static.igem.org/mediawiki/2009/f/f7/HD09_Miniprep.png");}
 +
#HDgal a.p29 {top:385px; left:0px; background-image: url("https://static.igem.org/mediawiki/2009/c/cf/HD09_Stuhl.png");}
 +
#HDgal a.p30 {top:385px; left:55px; background-image: url("https://static.igem.org/mediawiki/2009/9/9c/HD09_Larscoli.png");}
 +
#HDgal a.p31 {top:385px; left:110px; background-image: url("https://static.igem.org/mediawiki/2009/5/51/HD09_kuchen2.png");}
 +
#HDgal a.p32 {top:385px; left:165px; background-image: url("https://static.igem.org/mediawiki/2009/8/89/HD09_Kuchen.png");}
 +
 
 +
#HDgal a.p1:hover, #HDgal a.p2:hover, #HDgal a.p3:hover, #HDgal a.p4:hover, #HDgal a.p5:hover, #HDgal a.p6:hover, #HDgal a.p7:hover, #HDgal a.p8:hover, #HDgal a.p9:hover, #HDgal a.p10:hover, #HDgal a.p11:hover, #HDgal a.p12:hover, #HDgal a.p13:hover, #HDgal a.p14:hover, #HDgal a.p15:hover, #HDgal a.p16:hover, #HDgal a.p17:hover, #HDgal a.p18:hover, #HDgal a.p19:hover, #HDgal a.p20:hover, #HDgal a.p21:hover, #HDgal a.p22:hover, #HDgal a.p23:hover, #HDgal a.p24:hover, #HDgal a.p25:hover, #HDgal a.p26:hover, #HDgal a.p27:hover, #HDgal a.p28:hover, #HDgal a.p29:hover, #HDgal a.p30:hover, #HDgal a.p31:hover, #HDgal a.p32:hover {text-decoration:none; background-color:#d4d8bd; color:#000;}
 +
 
 +
#HDgal a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
 +
 
 +
#HDgal a.p1:hover img {display:block; position:absolute; top:0px; left:250px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p2:hover img {display:block; position:absolute; top:0px; left:195px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p3:hover img {display:block; position:absolute; top:0px; left:140px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p4:hover img {display:block; position:absolute; top:0px; left:85px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p5:hover img {display:block; position:absolute; top:-55px; left:250px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p6:hover img {display:block; position:absolute; top:-55px; left:195px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p7:hover img {display:block; position:absolute; top:-55px; left:140px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p8:hover img {display:block; position:absolute; top:-55px; left:85px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p9:hover img {display:block; position:absolute; top:-110px; left:250px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p10:hover img {display:block; position:absolute; top:-110px; left:195px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p11:hover img {display:block; position:absolute; top:-110px; left:140px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p12:hover img {display:block; position:absolute; top:-110px; left:85px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p13:hover img {display:block; position:absolute; top:-165px; left:250px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p14:hover img {display:block; position:absolute; top:-165px; left:195px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p15:hover img {display:block; position:absolute; top:-165px; left:140px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p16:hover img {display:block; position:absolute; top:-165px; left:85px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p17:hover img {display:block; position:absolute; top:-220px; left:250px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p18:hover img {display:block; position:absolute; top:-220px; left:195px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p19:hover img {display:block; position:absolute; top:-220px; left:140px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p20:hover img {display:block; position:absolute; top:-220px; left:85px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p21:hover img {display:block; position:absolute; top:-275px; left:250px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p22:hover img {display:block; position:absolute; top:-275px; left:195px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p23:hover img {display:block; position:absolute; top:-275px; left:140px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p24:hover img {display:block; position:absolute; top:-275px; left:85px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p25:hover img {display:block; position:absolute; top:-330px; left:250px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p26:hover img {display:block; position:absolute; top:-330px; left:195px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p27:hover img {display:block; position:absolute; top:-330px; left:140px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p28:hover img {display:block; position:absolute; top:-330px; left:85px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p29:hover img {display:block; position:absolute; top:-385px; left:250px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p30:hover img {display:block; position:absolute; top:-385px; left:195px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p31:hover img {display:block; position:absolute; top:-385px; left:140px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p32:hover img {display:block; position:absolute; top:-385px; left:85px; width:340px; height: auto; border:0px;}
 +
 
 +
#mainimage {position:absolute; left:250px; top:0px; width:340px; border:0px;}
 +
 
 +
 
 +
</style>
<div id="super_main_wrapper">
<div id="super_main_wrapper">
<div id="SubWrapper">   
<div id="SubWrapper">   
<h3>The Heidelberg Team Gallery</h3>
<h3>The Heidelberg Team Gallery</h3>
-
<center>
+
<div id="HDgal">
-
<img src="https://static.igem.org/mediawiki/2009/5/54/Team_small.jpg" alt="" />
+
-
</center>
+
-
</div> <!-- end SubWrapper -->
+
<!-- das zuerst angezeigte Bild -->
 +
<img id="mainimage" src="https://static.igem.org/mediawiki/2009/0/0b/IGEM_logo_team.png" />
-
<div id="news">  
+
<!-- alle anderen Bilder -->
 +
<a class="p1" href="#nogo">&nbsp;1<img src="https://static.igem.org/mediawiki/2009/f/f0/IGEM_logo.png"/></a>
 +
<a class="p2" href="#nogo">&nbsp;2<img src="https://static.igem.org/mediawiki/2009/d/d3/HD09_Hannah2.png"/></a>
 +
<a class="p3" href="#nogo">&nbsp;3<img src="https://static.igem.org/mediawiki/2009/1/19/Douaa.png"/></a>
 +
<a class="p4" href="#nogo">&nbsp;4<img src="https://static.igem.org/mediawiki/2009/6/66/Corinna.png"/></a>
 +
<a class="p5" href="#nogo">&nbsp;5<img src="https://static.igem.org/mediawiki/2009/9/98/Chenchen.png"/></a>
 +
<a class="p6" href="#nogo">&nbsp;6<img src="https://static.igem.org/mediawiki/2009/a/ae/Captured.png"/></a>
 +
<a class="p7" href="#nogo">&nbsp;7<img src="https://static.igem.org/mediawiki/2009/9/97/Bingqing.png"/></a>
 +
<a class="p8" href="#nogo">&nbsp;8<img src="https://static.igem.org/mediawiki/2009/7/7c/Anne-and-Hannah.png"/></a>
 +
<a class="p9" href="#nogo">&nbsp;9<img src="https://static.igem.org/mediawiki/2009/6/66/Lars.png"/></a>
 +
<a class="p10" href="#nogo">&nbsp;10<img src="https://static.igem.org/mediawiki/2009/b/b2/Micha.png"/></a>
 +
<a class="p11" href="#nogo">&nbsp;11<img src="https://static.igem.org/mediawiki/2009/0/0b/IGEM_logo_team.png"/></a>
 +
<a class="p12" href="#nogo">&nbsp;12<img src="https://static.igem.org/mediawiki/2009/8/8e/HD09_Simon2.png"/></a>
 +
<a class="p13" href="#nogo">&nbsp;13<img src="https://static.igem.org/mediawiki/2009/a/a4/HD09_Flying-Labgirl.png"/></a>
 +
<a class="p14" href="#nogo">&nbsp;14<img src="https://static.igem.org/mediawiki/2009/3/31/HD09_Michael_V.png"/></a>
 +
<a class="p15" href="#nogo">&nbsp;15<img src="https://static.igem.org/mediawiki/2009/3/37/HD09_Bingqing.png"/></a>
 +
<a class="p16" href="#nogo">&nbsp;16<img src="https://static.igem.org/mediawiki/2009/a/a5/HD09_Team.png"/></a>
 +
<a class="p17" href="#nogo">&nbsp;17<img src="https://static.igem.org/mediawiki/2009/e/eb/Photo-equipment.png"/></a>
 +
<a class="p18" href="#nogo">&nbsp;18<img src="https://static.igem.org/mediawiki/2009/0/06/HD09_Tim.png"/></a>
 +
<a class="p19" href="#nogo">&nbsp;19<img src="https://static.igem.org/mediawiki/2009/3/30/HD09_Nao.png"/></a>
 +
<a class="p20" href="#nogo">&nbsp;20<img src="https://static.igem.org/mediawiki/2009/0/03/HD09_Anne_Hannah.png"/></a>
 +
<a class="p21" href="#nogo">&nbsp;21<img src="https://static.igem.org/mediawiki/2009/c/c2/HD09_Mikro_3.png"/></a>
 +
<a class="p22" href="#nogo">&nbsp;22<img src="https://static.igem.org/mediawiki/2009/d/db/HD09_Mikro_2.png"/></a>
 +
<a class="p23" href="#nogo">&nbsp;23<img src="https://static.igem.org/mediawiki/2009/5/5e/HD09_Mikro1.png"/></a>
 +
<a class="p24" href="#nogo">&nbsp;24<img src="https://static.igem.org/mediawiki/2009/9/92/HD09_mikro4.png"/></a>
 +
<a class="p25" href="#nogo">&nbsp;25<img src="https://static.igem.org/mediawiki/2009/0/0f/HD09_well.png"/></a>
 +
<a class="p26" href="#nogo">&nbsp;26<img src="https://static.igem.org/mediawiki/2009/6/67/HD09_Falcon.png"/></a>
 +
<a class="p27" href="#nogo">&nbsp;27<img src="https://static.igem.org/mediawiki/2009/c/c1/Plates.png"/></a>
 +
<a class="p28" href="#nogo">&nbsp;28<img src="https://static.igem.org/mediawiki/2009/f/f7/HD09_Miniprep.png"/></a>
 +
<a class="p29" href="#nogo">&nbsp;29<img src="https://static.igem.org/mediawiki/2009/c/cf/HD09_Stuhl.png"/></a>
 +
<a class="p30" href="#nogo">&nbsp;30<img src="https://static.igem.org/mediawiki/2009/9/9c/HD09_Larscoli.png"/></a>
 +
<a class="p31" href="#nogo">&nbsp;31<img src="https://static.igem.org/mediawiki/2009/5/51/HD09_kuchen2.png"/></a>
 +
<a class="p32" href="#nogo">&nbsp;32<img src="https://static.igem.org/mediawiki/2009/8/89/HD09_Kuchen.png"/></a>
-
</div>  <!-- end news -->
+
</div>
 +
 
 +
</div> <!-- end SubWrapper -->
 +
 
 +
        <div id="news">
 +
<p><br><br>Welcome to the Heidelberg Team Gallery.  Join the Lab and follow us around on campus.
 +
</div>  <!-- end news -->  
</div> <!-- end Super_main_wrapper -->
</div> <!-- end Super_main_wrapper -->
 +
 +
<script type="text/javascript">
 +
function setPageSize() {
 +
len = document.getElementById('super_main_wrapper').offsetHeight;
 +
document.getElementById('bodyContent').style.height = len + 'px';
 +
document.getElementById('news').style.height = len + 'px';
 +
document.getElementById('SupWrapper').style.height = len + 'px';
 +
}
 +
</script>
 +
</body></html>
</body></html>

Latest revision as of 22:20, 21 October 2009




Welcome to the Heidelberg Team Gallery. Join the Lab and follow us around on campus.