Team:Heidelberg/Team/Gallery

From 2010.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 1: Line 1:
-
<html><body id="team" onload="setPageSize()">
+
{{:Team:Heidelberg/Double}}
 +
{{:Team:Heidelberg/Pagetop|gallery}}
 +
 
 +
<html><body>
<style type="text/css">
<style type="text/css">
-
#SubWrapper {height: 550px;}
 
#news {height: 550px;}
#news {height: 550px;}
#HDgal {position:relative; width: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, #HDgal a.p332:visited, #HDgal a.p34:visited, #HDgal a.p35:visited, #HDgal a.p36:visited, #HDgal a.p37:visited, #HDgal a.p38:visited, #HDgal a.p39:visited {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
+
#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, #HDgal a.p33:visited, #HDgal a.p34:visited, #HDgal a.p35:visited, #HDgal a.p36:visited, #HDgal a.p37:visited, #HDgal a.p38:visited, #HDgal a.p39: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.p1:visited {top:0px; left:0px;}
Line 39: Line 41:
#HDgal a.p31:visited {top:385px; left:110px;}
#HDgal a.p31:visited {top:385px; left:110px;}
#HDgal a.p32:visited {top:385px; left:165px;}
#HDgal a.p32:visited {top:385px; left:165px;}
-
#HDgal a.p33:visited {top:385px; left:165px;}
+
#HDgal a.p33:visited {top:440px; left:0px;}
-
#HDgal a.p34:visited {top:385px; left:165px;}
+
#HDgal a.p34:visited {top:440px; left:55px;}
-
#HDgal a.p35:visited {top:385px; left:165px;}
+
#HDgal a.p35:visited {top:440px; left:110px;}
-
#HDgal a.p36:visited {top:385px; left:165px;}
+
#HDgal a.p36:visited {top:440px; left:165px;}
-
#HDgal a.p37:visited {top:385px; left:165px;}
+
#HDgal a.p37:visited {top:495px; left:0px;}
-
#HDgal a.p38:visited {top:385px; left:165px;}
+
#HDgal a.p38:visited {top:495px; left:55px;}
-
#HDgal a.p39:visited {top:385px; left:165px;}
+
#HDgal a.p39:visited {top:495px; left:110px;}
-
#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, #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, #HDgal a.p33, #HDgal a.p34, #HDgal a.p35, #HDgal a.p36, #HDgal a.p37, #HDgal a.p38, #HDgal a.p39   {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/2010/3/3f/All_bart.JPG");}
#HDgal a.p1 {top:0px; left:0px; background-image: url("https://static.igem.org/mediawiki/2010/3/3f/All_bart.JPG");}
Line 81: Line 83:
#HDgal a.p31 {top:385px; left:110px; background-image: url("https://static.igem.org/mediawiki/2010/d/d8/Rudilab.jpg");}
#HDgal a.p31 {top:385px; left:110px; background-image: url("https://static.igem.org/mediawiki/2010/d/d8/Rudilab.jpg");}
#HDgal a.p32 {top:385px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/5/57/Ting_lea.jpg");}
#HDgal a.p32 {top:385px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/5/57/Ting_lea.jpg");}
-
#HDgal a.p33 {top:385px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/e/e6/Satellite.JPG");}
+
#HDgal a.p33 {top:440px; left:0px; background-image: url("https://static.igem.org/mediawiki/2010/e/e6/Satellite.JPG");}
-
#HDgal a.p34 {top:385px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/0/06/Stefan.jpg");}
+
#HDgal a.p34 {top:440px; left:55px; background-image: url("https://static.igem.org/mediawiki/2010/0/06/Stefan.jpg");}
-
#HDgal a.p35 {top:385px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/a/a2/Thom.JPG");}
+
#HDgal a.p35 {top:440px; left:110px; background-image: url("https://static.igem.org/mediawiki/2010/a/a2/Thom.JPG");}
-
#HDgal a.p36 {top:385px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/a/a4/Train.JPG");}
+
#HDgal a.p36 {top:440px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/a/a4/Train.JPG");}
-
#HDgal a.p37 {top:385px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/1/10/Weimar.JPG");}
+
#HDgal a.p37 {top:495px; left:0px; background-image: url("https://static.igem.org/mediawiki/2010/1/10/Weimar.JPG");}
-
#HDgal a.p38 {top:385px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/f/f2/Thomas.jpg");}
+
#HDgal a.p38 {top:495px; left:55px; background-image: url("https://static.igem.org/mediawiki/2010/f/f2/Thomas.jpg");}
-
#HDgal a.p39 {top:385px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/5/52/Wine.jpg");}
+
#HDgal a.p39 {top:495px; left:110px; background-image: url("https://static.igem.org/mediawiki/2010/5/52/Wine.jpg");}
Line 94: Line 96:
#HDgal a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
#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.p1:hover img {display:block; position:absolute; top:0px; left:-500px; width:450px; 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.p2:hover img {display:block; position:absolute; top:0px; left:-555px; width:450px; 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.p3:hover img {display:block; position:absolute; top:0px; left:-610px; width:450px; 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.p4:hover img {display:block; position:absolute; top:0px; left:-665px; width:450px; 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.p5:hover img {display:block; position:absolute; top:-55px; left:-500px; width:450px; 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.p6:hover img {display:block; position:absolute; top:-55px; left:-555px; width:450px; 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.p7:hover img {display:block; position:absolute; top:-55px; left:-610px; width:450px; 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.p8:hover img {display:block; position:absolute; top:-55px; left:-665px; width:450px; 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.p9:hover img {display:block; position:absolute; top:-110px; left:-500px; width:450px; 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.p10:hover img {display:block; position:absolute; top:-110px; left:-555px; width:450px; 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.p11:hover img {display:block; position:absolute; top:-110px; left:-610px; width:450px; 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.p12:hover img {display:block; position:absolute; top:-110px; left:-665px; width:450px; 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.p13:hover img {display:block; position:absolute; top:-165px; left:-500px; width:450px; 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.p14:hover img {display:block; position:absolute; top:-165px; left:-555px; width:450px; 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.p15:hover img {display:block; position:absolute; top:-165px; left:-610px; width:450px; 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.p16:hover img {display:block; position:absolute; top:-165px; left:-665px; width:450px; 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.p17:hover img {display:block; position:absolute; top:-220px; left:-500px; width:450px; 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.p18:hover img {display:block; position:absolute; top:-220px; left:-555px; width:450px; 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.p19:hover img {display:block; position:absolute; top:-220px; left:-610px; width:450px; 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.p20:hover img {display:block; position:absolute; top:-220px; left:-665px; width:450px; 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.p21:hover img {display:block; position:absolute; top:-275px; left:-500px; width:450px; 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.p22:hover img {display:block; position:absolute; top:-275px; left:-555px; width:450px; 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.p23:hover img {display:block; position:absolute; top:-275px; left:-610px; width:450px; 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.p24:hover img {display:block; position:absolute; top:-275px; left:-665px; width:450px; 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.p25:hover img {display:block; position:absolute; top:-330px; left:-500px; width:450px; 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.p26:hover img {display:block; position:absolute; top:-330px; left:-555px; width:450px; 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.p27:hover img {display:block; position:absolute; top:-330px; left:-610px; width:450px; 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.p28:hover img {display:block; position:absolute; top:-330px; left:-665px; width:450px; 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.p29:hover img {display:block; position:absolute; top:-385px; left:-500px; width:450px; 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.p30:hover img {display:block; position:absolute; top:-385px; left:-555px; width:450px; 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.p31:hover img {display:block; position:absolute; top:-385px; left:-610px; width:450px; height: auto; border:0px;}
-
#HDgal a.p32:hover img {display:block; position:absolute; top:-385px; left:85px; width:340px; height: auto; border:0px;}
+
#HDgal a.p32:hover img {display:block; position:absolute; top:-385px; left:-665px; width:450px; height: auto; border:0px;}
-
#HDgal a.p33:hover img {display:block; position:absolute; top:-385px; left:85px; width:340px; height: auto; border:0px;}
+
#HDgal a.p33:hover img {display:block; position:absolute; top:-440px; left:-500px; width:450px; height: auto; border:0px;}
-
#HDgal a.p34:hover img {display:block; position:absolute; top:-385px; left:85px; width:340px; height: auto; border:0px;}
+
#HDgal a.p34:hover img {display:block; position:absolute; top:-440px; left:-555px; width:450px; height: auto; border:0px;}
-
#HDgal a.p35:hover img {display:block; position:absolute; top:-385px; left:85px; width:340px; height: auto; border:0px;}
+
#HDgal a.p35:hover img {display:block; position:absolute; top:-440px; left:-610px; width:450px; height: auto; border:0px;}
-
#HDgal a.p36:hover img {display:block; position:absolute; top:-385px; left:85px; width:340px; height: auto; border:0px;}
+
#HDgal a.p36:hover img {display:block; position:absolute; top:-440px; left:-665px; width:450px; height: auto; border:0px;}
-
#HDgal a.p37:hover img {display:block; position:absolute; top:-385px; left:85px; width:340px; height: auto; border:0px;}
+
#HDgal a.p37:hover img {display:block; position:absolute; top:-495px; left:-500px; width:450px; height: auto; border:0px;}
-
#HDgal a.p38:hover img {display:block; position:absolute; top:-385px; left:85px; width:340px; height: auto; border:0px;}
+
#HDgal a.p38:hover img {display:block; position:absolute; top:-495px; left:-555px; width:450px; height: auto; border:0px;}
-
#HDgal a.p39:hover img {display:block; position:absolute; top:-385px; left:85px; width:340px; height: auto; border:0px;}
+
#HDgal a.p39:hover img {display:block; position:absolute; top:-495px; left:-610px; width:450px; height: auto; border:0px;}
 +
#HDgal a.p40:hover img {display:block; position:absolute; top:-495px; left:-665px; width:450px; height: auto; border:0px;}
-
#mainimage {position:absolute; left:250px; top:0px; width:340px; border:0px;}
+
#mainimage {position:absolute; top:0px; left: -500px; top:0px; width:340px; border:0px;}
</style>
</style>
-
<div id="super_main_wrapper">
+
 
-
<div id="SubWrapper"> 
+
<h3>The Heidelberg Team Gallery</h3>
<h3>The Heidelberg Team Gallery</h3>
-
<div id="HDgal">
 
 +
        <div id="news">
 +
</div>  <!-- end news -->
 +
</html>
 +
{{:Team:Heidelberg/Pagemiddle}}
 +
<html>
 +
<div id="HDgal">
<!-- das zuerst angezeigte Bild -->
<!-- das zuerst angezeigte Bild -->
-
<img id="mainimage" src="https://static.igem.org/mediawiki/2009/0/0b/IGEM_logo_team.png" />
+
<img id="mainimage" src="https://static.igem.org/mediawiki/2010/a/a4/Igemhd2010_2s.png" />
<!-- alle anderen Bilder -->
<!-- alle anderen Bilder -->
Line 180: Line 187:
<a class="p31" href="#nogo">&nbsp;31<img src="https://static.igem.org/mediawiki/2010/d/d8/Rudilab.jpg"/></a>
<a class="p31" href="#nogo">&nbsp;31<img src="https://static.igem.org/mediawiki/2010/d/d8/Rudilab.jpg"/></a>
<a class="p32" href="#nogo">&nbsp;32<img src="https://static.igem.org/mediawiki/2010/e/e6/Satellite.JPG"/></a>
<a class="p32" href="#nogo">&nbsp;32<img src="https://static.igem.org/mediawiki/2010/e/e6/Satellite.JPG"/></a>
-
<a class="p33" href="#nogo">&nbsp;33<img src="https://static.igem.org/mediawiki/2010/5/57/Ting_lea.jpga>
+
<a class="p33" href="#nogo">&nbsp;33<img src="https://static.igem.org/mediawiki/2010/5/57/Ting_lea.jpg"/></a>
<a class="p34" href="#nogo">&nbsp;34<img src="https://static.igem.org/mediawiki/2010/0/06/Stefan.jpg"/></a>
<a class="p34" href="#nogo">&nbsp;34<img src="https://static.igem.org/mediawiki/2010/0/06/Stefan.jpg"/></a>
<a class="p35" href="#nogo">&nbsp;35<img src="https://static.igem.org/mediawiki/2010/a/a2/Thom.JPG"/></a>
<a class="p35" href="#nogo">&nbsp;35<img src="https://static.igem.org/mediawiki/2010/a/a2/Thom.JPG"/></a>
Line 189: Line 196:
</div>
</div>
 +
</body>
 +
</html>
-
</div> <!-- end SubWrapper -->
+
{{:Team:Heidelberg/Bottom}}
-
 
+
-
        <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 -->
+
-
 
+
-
<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>
+
-
{{:Team:Heidelberg/Side_Top}}
+
-
__TOC__
+
-
 
+
-
{{:Team:Heidelberg/Side_Bottom}}
+

Latest revision as of 18:39, 27 October 2010

The Heidelberg Team Gallery

Retrieved from "http://2010.igem.org/Team:Heidelberg/Team/Gallery"