Team:British Columbia/HP interactive

From 2010.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 4: Line 4:
<html><body id="team" onload="setPageSize()">
<html><body id="team" onload="setPageSize()">
-
<style type="text/css">
 
-
#SubWrapper {height: 500px;}
 
-
#news {height: 500px;}
 
-
#HDgal {position:relative; width:relative; }
 
-
 
-
#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
 
-
{position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
 
-
 
-
#HDgal a.p1 {top:100px; left:15px; background-image: url("");}
 
-
#HDgal a.p2 {top:100px; left:70px; background-image: url("");}
 
-
#HDgal a.p3 {top:100px; left:125px; background-image: url("");}
 
-
#HDgal a.p4 {top:155px; left:15px; background-image: url("");}
 
-
#HDgal a.p5 {top:155px; left:70px; background-image: url("");}
 
-
#HDgal a.p6 {top:155px; left:125px; background-image: url("");}
 
-
#HDgal a.p7 {top:210px; left:15px; background-image: url("");}
 
-
#HDgal a.p8 {top:210px; left:70px; background-image: url("");}
 
-
#HDgal a.p9 {top:210px; left:125px; background-image: url("");}
 
-
 
-
 
-
#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 {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:-100px; left:235px; width:340px; height: auto; border:0px;}
 
-
#HDgal a.p2:hover img {display:block; position:absolute; top:-100px; left:180px; width:340px; height: auto; border:0px;}
 
-
#HDgal a.p3:hover img {display:block; position:absolute; top:-100px; left:125px; width:340px; height: auto; border:0px;}
 
-
#HDgal a.p4:hover img {display:block; position:absolute; top:-155px; left:235px; width:340px; height: auto; border:0px;}
 
-
#HDgal a.p5:hover img {display:block; position:absolute; top:-155px; left:180px; width:340px; height: auto; border:0px;}
 
-
#HDgal a.p6:hover img {display:block; position:absolute; top:-155px; left:125px; width:340px; height: auto; border:0px;}
 
-
#HDgal a.p7:hover img {display:block; position:absolute; top:-210px; left:235px; width:340px; height: auto; border:0px;}
 
-
#HDgal a.p8:hover img {display:block; position:absolute; top:-210px; left:180px; width:340px; height: auto; border:0px;}
 
-
#HDgal a.p9:hover img {display:block; position:absolute; top:-210px; left:125px; 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></h3>
 
-
<div id="HDgal">
 
-
 
-
<img id="mainimage" src="" />
 
-
<a class="p1" href="#nogo">&nbsp;1<img src=""/></a>
+
<center>
-
<a class="p2" href="#nogo">&nbsp;2<img src=""/></a>
+
<h3>Pandora, the Mad Scientist</h3>
-
<a class="p3" href="#nogo">&nbsp;3<img src=""/></a>
+
<object width="600" height="600">
-
<a class="p4" href="#nogo">&nbsp;4<img src=""/></a>
+
<param name="movie" value="">
-
<a class="p5" href="#nogo">&nbsp;5<img src=""/></a>
+
<embed src="" width="600" height="600">
-
<a class="p6" href="#nogo">&nbsp;6<img src=""/></a>
+
</embed>
-
<a class="p7" href="#nogo">&nbsp;7<img src=""/></a>
+
</object>
-
<a class="p8" href="#nogo">&nbsp;8<img src=""/></a>
+
</center>
-
<a class="p9" href="#nogo">&nbsp;9<img src=""/></a>
+
-
</div>
+
</div> <!-- end SubWrapper -->
</div> <!-- end SubWrapper -->
-
<div id="news" style="height:500px;"> <ul>
+
<div id="news" style="height:800px;"> <ul>
-
<h3>Point and Click</h3></ul>
+
<h3>A point and click game about synthetic biology!</h3></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"