Team:British Columbia/HP interactive

From 2010.igem.org

(Difference between revisions)
Line 6: Line 6:
<html><body id="team" onload="setPageSize()">
<html><body id="team" onload="setPageSize()">
<style type="text/css">
<style type="text/css">
-
#SubWrapper {height: 550px;}
 
-
#news {height: 550px;}
 
#HDgal {position:relative; width:550px; }
#HDgal {position:relative; width:550px; }
Line 24: Line 22:
#HDgal a.p11:visited {top:110px; left:110px;}
#HDgal a.p11:visited {top:110px; left:110px;}
#HDgal a.p12:visited {top:110px; left:165px;}
#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, #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
 +
{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.p1 {top:0px; left:0px; background-image: url("https://static.igem.org/mediawiki/2009/f/f0/IGEM_logo.png");}
Line 59: Line 38:
#HDgal a.p11 {top:110px; left:110px; background-image: url("https://static.igem.org/mediawiki/2009/0/0b/IGEM_logo_team.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.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.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 {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 img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
Line 96: Line 55:
#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: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.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;}
#mainimage {position:absolute; left:250px; top:0px; width:340px; border:0px;}
Line 124: Line 62:
<div id="super_main_wrapper">
<div id="super_main_wrapper">
<div id="SubWrapper">   
<div id="SubWrapper">   
-
<h3>The Heidelberg Team Gallery</h3>
+
<h3>Interactive Activities</h3>
<div id="HDgal">
<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="" />
<!-- alle anderen Bilder -->
<!-- alle anderen Bilder -->
Line 143: Line 81:
<a class="p11" href="#nogo">&nbsp;11<img src="https://static.igem.org/mediawiki/2009/0/0b/IGEM_logo_team.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="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>
</div>

Revision as of 19:00, 9 September 2010


Interactive Activities



Retrieved from "http://2010.igem.org/Team:British_Columbia/HP_interactive"