Team:Heidelberg LSL/Gallery

From 2012hs.igem.org

(Difference between revisions)
Line 4: Line 4:
<html><body>
<html><body>
<style type="text/css">
<style type="text/css">
-
#news {min-height:500px;}
+
#news {height: 550px; border:5px}
-
#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 {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 {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
-
#HDgal a.p1:visited {top:0px; right:0px;}
+
#HDgal a.p1:visited {top:0px; left:0px;}
-
#HDgal a.p2:visited {top:0px; right:55px;}
+
#HDgal a.p2:visited {top:0px; left:55px;}
-
#HDgal a.p3:visited {top:0px; right:110px;}
+
#HDgal a.p3:visited {top:0px; left:110px;}
-
#HDgal a.p4:visited {top:0px; right:165px;}
+
#HDgal a.p4:visited {top:0px; left:165px;}
-
#HDgal a.p5:visited {top:55px; right:0px;}
+
#HDgal a.p5:visited {top:55px; left:0px;}
-
#HDgal a.p6:visited {top:55px; right:55px;}
+
#HDgal a.p6:visited {top:55px; left:55px;}
-
#HDgal a.p7:visited {top:55px; right:110px;}
+
#HDgal a.p7:visited {top:55px; left:110px;}
-
#HDgal a.p8:visited {top:55px; right:165px;}
+
#HDgal a.p8:visited {top:55px; left:165px;}
-
#HDgal a.p9:visited {top:110px; right:0px;}
+
#HDgal a.p9:visited {top:110px; left:0px;}
-
#HDgal a.p10:visited {top:110px; right:55px;}
+
#HDgal a.p10:visited {top:110px; left:55px;}
-
#HDgal a.p11:visited {top:110px; right:110px;}
+
#HDgal a.p11:visited {top:110px; left:110px;}
-
#HDgal a.p12:visited {top:110px; right:165px;}
+
#HDgal a.p12:visited {top:110px; left:165px;}
-
#HDgal a.p13:visited {top:165px; right:0px;}
+
#HDgal a.p13:visited {top:165px; left:0px;}
-
#HDgal a.p14:visited {top:165px; right:55px;}
+
#HDgal a.p14:visited {top:165px; left:55px;}
-
#HDgal a.p15:visited {top:165px; right:110px;}
+
#HDgal a.p15:visited {top:165px; left:110px;}
-
#HDgal a.p16:visited {top:165px; right:165px;}
+
#HDgal a.p16:visited {top:165px; left:165px;}
-
#HDgal a.p17:visited {top:220px; right:0px;}
+
#HDgal a.p17:visited {top:220px; left:0px;}
-
#HDgal a.p18:visited {top:220px; right:55px;}
+
#HDgal a.p18:visited {top:220px; left:55px;}
-
#HDgal a.p19:visited {top:220px; right:110px;}
+
#HDgal a.p19:visited {top:220px; left:110px;}
-
#HDgal a.p20:visited {top:220px; right:165px;}
+
#HDgal a.p20:visited {top:220px; 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 {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 {position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
-
#HDgal a.p1 {top:0px; right: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");}
-
#HDgal a.p2 {top:0px; right:55px; background-image: url("https://static.igem.org/mediawiki/2010/6/6e/Baccis.JPG");}
+
#HDgal a.p2 {top:0px; left:55px; background-image: url("https://static.igem.org/mediawiki/2010/6/6e/Baccis.JPG");}
-
#HDgal a.p3 {top:0px; right:110px; background-image: url("https://static.igem.org/mediawiki/2010/2/2e/Before_dance.JPG");}
+
#HDgal a.p3 {top:0px; left:110px; background-image: url("https://static.igem.org/mediawiki/2010/2/2e/Before_dance.JPG");}
-
#HDgal a.p4 {top:0px; right:165px; background-image: url("https://static.igem.org/mediawiki/2010/4/44/Bufa.JPG");}
+
#HDgal a.p4 {top:0px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/4/44/Bufa.JPG");}
-
#HDgal a.p5 {top:55px; right:0px; background-image: url("https://static.igem.org/mediawiki/2010/e/e2/Cuties.JPG");}
+
#HDgal a.p5 {top:55px; left:0px; background-image: url("https://static.igem.org/mediawiki/2010/e/e2/Cuties.JPG");}
-
#HDgal a.p6 {top:55px; right:55px; background-image: url("https://static.igem.org/mediawiki/2010/1/16/Domi.JPG");}
+
#HDgal a.p6 {top:55px; left:55px; background-image: url("https://static.igem.org/mediawiki/2010/1/16/Domi.JPG");}
-
#HDgal a.p7 {top:55px; right:110px; background-image: url("https://static.igem.org/mediawiki/2010/d/d5/Autmn.jpg");}
+
#HDgal a.p7 {top:55px; left:110px; background-image: url("https://static.igem.org/mediawiki/2010/d/d5/Autmn.jpg");}
-
#HDgal a.p8 {top:55px; right:165px; background-image: url("https://static.igem.org/mediawiki/2010/c/c1/Dance.JPG");}
+
#HDgal a.p8 {top:55px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/c/c1/Dance.JPG");}
-
#HDgal a.p9 {top:110px; right:0px; background-image: url("https://static.igem.org/mediawiki/2010/b/b8/Cool.JPG");}
+
#HDgal a.p9 {top:110px; left:0px; background-image: url("https://static.igem.org/mediawiki/2010/b/b8/Cool.JPG");}
-
#HDgal a.p10 {top:110px; right:55px; background-image: url("https://static.igem.org/mediawiki/2010/1/16/Becci.jpg");}
+
#HDgal a.p10 {top:110px; left:55px; background-image: url("https://static.igem.org/mediawiki/2010/1/16/Becci.jpg");}
-
#HDgal a.p11 {top:110px; right:110px; background-image: url("https://static.igem.org/mediawiki/2010/b/b1/Cippool.jpg");}
+
#HDgal a.p11 {top:110px; left:110px; background-image: url("https://static.igem.org/mediawiki/2010/b/b1/Cippool.jpg");}
-
#HDgal a.p12 {top:110px; right:165px; background-image: url("https://static.igem.org/mediawiki/2010/4/45/Domi_%282%29.jpg");}
+
#HDgal a.p12 {top:110px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/4/45/Domi_%282%29.jpg");}
-
#HDgal a.p13 {top:165px; right:0px; background-image: url("https://static.igem.org/mediawiki/2010/a/ab/Elena.JPG");}
+
#HDgal a.p13 {top:165px; left:0px; background-image: url("https://static.igem.org/mediawiki/2010/a/ab/Elena.JPG");}
-
#HDgal a.p14 {top:165px; right:55px; background-image: url("https://static.igem.org/mediawiki/2010/e/ea/Fake.JPG");}
+
#HDgal a.p14 {top:165px; left:55px; background-image: url("https://static.igem.org/mediawiki/2010/e/ea/Fake.JPG");}
-
#HDgal a.p15 {top:165px; right:110px; background-image: url("https://static.igem.org/mediawiki/2010/8/8c/Food.jpg");}
+
#HDgal a.p15 {top:165px; left:110px; background-image: url("https://static.igem.org/mediawiki/2010/8/8c/Food.jpg");}
-
#HDgal a.p16 {top:165px; right:165px; background-image: url("https://static.igem.org/mediawiki/2010/8/8f/Fridge.JPG");}
+
#HDgal a.p16 {top:165px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/8/8f/Fridge.JPG");}
-
#HDgal a.p17 {top:220px; right:0px; background-image: url("https://static.igem.org/mediawiki/2010/f/fb/Graph.JPG");}
+
#HDgal a.p17 {top:220px; left:0px; background-image: url("https://static.igem.org/mediawiki/2010/f/fb/Graph.JPG");}
-
#HDgal a.p18 {top:220px; right:55px; background-image: url("https://static.igem.org/mediawiki/2010/0/05/Isharp.JPG");}
+
#HDgal a.p18 {top:220px; left:55px; background-image: url("https://static.igem.org/mediawiki/2010/0/05/Isharp.JPG");}
-
#HDgal a.p19 {top:220px; right:110px; background-image: url("https://static.igem.org/mediawiki/2010/7/7e/Jude_phil.jpg");}
+
#HDgal a.p19 {top:220px; left:110px; background-image: url("https://static.igem.org/mediawiki/2010/7/7e/Jude_phil.jpg");}
-
#HDgal a.p20 {top:220px; right:165px; background-image: url("https://static.igem.org/mediawiki/2010/f/f2/Milaura.JPG");}
+
#HDgal a.p20 {top:220px; left:165px; background-image: url("https://static.igem.org/mediawiki/2010/f/f2/Milaura.JPG");}
-
 
+
Line 59: Line 58:
#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:500px; width:450px; 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:555px; width:450px; 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:610px; width:450px; 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:665px; width:450px; 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:500px; width:450px; 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:555px; width:450px; 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:610px; width:450px; 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:665px; width:450px; 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:500px; width:450px; 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:555px; width:450px; 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:610px; width:450px; 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:665px; width:450px; 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:500px; width:450px; 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:555px; width:450px; 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:610px; width:450px; 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:665px; width:450px; 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:500px; width:450px; 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:555px; width:450px; 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:610px; width:450px; 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:665px; width:450px; height: auto; border:0px;}
+
#HDgal a.p20:hover img {display:block; position:absolute; top:-220px; left:-665px; width:450px; height: auto; border:0px;}
-
 
+
#mainimage {position:absolute; top:0px; left: -500px; top:0px; width:340px; border:0px;}
-
 
+
-
#mainimage {position:absolute; top:0px; left: 500px; top:0px; width:340px; border:0px;}
+
</style>
</style>
 +
<html>
<div id="super_main_wrapper">
<div id="super_main_wrapper">
<div id="SubWrapper">
<div id="SubWrapper">
 +
<h2>Gallery</h2>
 +
</div>
 +
<div id="news">
 +
<h3>Overview</h3>
<div id="HDgal">
<div id="HDgal">
<!-- das zuerst angezeigte Bild -->
<!-- das zuerst angezeigte Bild -->
Line 114: Line 116:
<a class="p19" href="#nogo">&nbsp;19<img src="https://static.igem.org/mediawiki/2010/7/7e/Jude_phil.jpg"/></a>
<a class="p19" href="#nogo">&nbsp;19<img src="https://static.igem.org/mediawiki/2010/7/7e/Jude_phil.jpg"/></a>
<a class="p20" href="#nogo">&nbsp;20<img src="https://static.igem.org/mediawiki/2010/f/f2/Milaura.JPG"/></a>
<a class="p20" href="#nogo">&nbsp;20<img src="https://static.igem.org/mediawiki/2010/f/f2/Milaura.JPG"/></a>
-
 
</div>
</div>
 +
</div>  <!-- end news -->
</div>
</div>
-
 
-
<div id="news">
 
-
</div><!--end news-->
 
-
</div><!-- end super_main_wrapper-->
 
</body>
</body>
</html>
</html>

Revision as of 22:50, 26 May 2012

iGEM-2012HS - LSL-Heidelberg iGEM-2012HS - LSL-Heidelberg

Retrieved from "http://2012hs.igem.org/Team:Heidelberg_LSL/Gallery"