Team:British Columbia/HP interactive

From 2010.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 2: Line 2:
{{Template_HD_4}}
{{Template_HD_4}}
-
<div id="super_main_wrapper">
+
 
-
<div id="SubWrapper"> 
+
<html><body id="team" onload="setPageSize()">
<html><body id="team" onload="setPageSize()">
-
<style type="text/css">
 
-
#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.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.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.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.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;}
 
-
#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>Interactive Activities</h3>
 
-
<div id="HDgal">
 
-
<!-- das zuerst angezeigte Bild -->
+
<center>
-
<img id="mainimage" src="" />
+
<h3>Pandora, the Mad Scientist</h3>
-
 
+
<object width="600" height="600">
-
<!-- alle anderen Bilder -->
+
<param name="movie" value="">
-
<a class="p1" href="#nogo">&nbsp;1<img src="https://static.igem.org/mediawiki/2009/f/f0/IGEM_logo.png"/></a>
+
<embed src="" width="600" height="600">
-
<a class="p2" href="#nogo">&nbsp;2<img src="https://static.igem.org/mediawiki/2009/d/d3/HD09_Hannah2.png"/></a>
+
</embed>
-
<a class="p3" href="#nogo">&nbsp;3<img src="https://static.igem.org/mediawiki/2009/1/19/Douaa.png"/></a>
+
</object>
-
<a class="p4" href="#nogo">&nbsp;4<img src="https://static.igem.org/mediawiki/2009/6/66/Corinna.png"/></a>
+
</center>
-
<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>
+
-
</div>
+
</div> <!-- end SubWrapper -->
</div> <!-- end SubWrapper -->
-
<div id="news" style="height:700px;">  
+
<div id="news" style="height:800px;"> <ul>
-
<br></br>
+
<h3>A point and click game about synthetic biology!</h3></ul>
-
<ul>
+
-
</ul>
+
-
 
+
</div>  <!-- end news -->
</div>  <!-- end news -->
</div> <!-- end Super_main_wrapper -->
</div> <!-- end Super_main_wrapper -->

Latest revision as of 16:33, 26 September 2010


Pandora, the Mad Scientist

    A point and click game about synthetic biology!

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