Team:Hong Kong CUHK/test2

From 2013.igem.org

(Difference between revisions)
(Created page with "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta...")
 
(One intermediate revision not shown)
Line 4: Line 4:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iGEM CUHK</title>
<title>iGEM CUHK</title>
-
 
+
<script src="https://2013.igem.org/wiki/index.php?title=Team:Hong_Kong_CUHK/Templates/jquery-2.0.2.min.js&action=raw&ctype=text/javascript" type="text/javascript"></script>
-
<script type="text/javascript" src="js/jquery-2.0.2.min.js"></script>
+
<script src="https://2013.igem.org/wiki/index.php?title=Team:Hong_Kong_CUHK/Templates/jquery.cycle.all.js&action=raw&ctype=text/javascript" type="text/javascript"></script>
-
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
+
<script type="text/javascript">
<script type="text/javascript">
     $('#slider').cycle({
     $('#slider').cycle({
Line 30: Line 29:
<style type="text/css">
<style type="text/css">
<!--
<!--
-
#footnote {
 
-
position:absolute;
 
-
left:0;
 
-
top:0%;
 
-
width:100%;
 
-
height:40px;
 
-
z-index:4;
 
-
text-align:center;
 
-
}
 
-
#archor {
 
-
position:absolute;
 
-
right:0%;
 
-
top:0%;
 
-
width:120px;
 
-
height:20px;
 
-
z-index:1;
 
-
}
 
-
body,td,th {
 
-
color: #CCC;
 
-
}
 
-
#containerX2{
 
-
position:relative;
 
-
width:1210px;
 
-
height:800px;
 
-
z-index:1;
 
-
background-color: #FFF;
 
-
}
 
-
#wrapper {
 
-
        display: block;
 
-
        margin: auto;
 
-
        height: 720px;
 
-
        width: 960px;
 
-
}
 
-
#container {
 
-
        overflow: auto;
 
-
height:360px;
 
-
}
 
-
#photoDisplay {
 
-
position:relative;
 
-
left:1%;
 
-
top:10px;
 
-
width:48%;
 
-
height:360px;
 
-
z-index:2;
 
-
}
 
-
#slider {
 
-
display: block;
 
-
float: left;
 
-
height: 360px;
 
-
width: 100%;
 
-
overflow: hidden;
 
-
position: absolute;
 
-
left: 0%;
 
-
}
 
-
#prev {
 
-
      background-image: url(images/leftArrow.png);
 
-
background-repeat: no-repeat;
 
-
background-position: center center;
 
-
display: block;
 
-
float: left;
 
-
height: 100%;
 
-
width: 40px;
 
-
position: relative;
 
-
z-index: 99;
 
-
}
 
-
#next {
 
-
background-image: url(images/rightArrow.png);
 
-
background-repeat: no-repeat;
 
-
background-position: center center;
 
-
display: block;
 
-
float: right;
 
-
height: 100%;
 
-
width: 40px;
 
-
position: relative;
 
-
z-index: 99;
 
-
}
 
-
 
html, body {
html, body {
height: 100%;
height: 100%;
 +
width:100%;
}
}
a img{
a img{
Line 516: Line 439:
z-index:11;
z-index:11;
background-color: #FFFFFF;
background-color: #FFFFFF;
 +
}
 +
#wrapper {
 +
        display: block;
 +
        margin: auto;
 +
        height: 720px;
 +
        width: 960px;
 +
}
 +
#container {
 +
        overflow: auto;
 +
height:360px;
 +
}
 +
#photoDisplay {
 +
position:relative;
 +
left:1%;
 +
top:10px;
 +
width:48%;
 +
height:360px;
 +
z-index:2;
 +
}
 +
#slider {
 +
display: block;
 +
float: left;
 +
height: 360px;
 +
width: 100%;
 +
overflow: hidden;
 +
position: absolute;
 +
left: 0%;
 +
}
 +
#prev {
 +
      background-image: url(images/leftArrow.png);
 +
background-repeat: no-repeat;
 +
background-position: center center;
 +
display: block;
 +
float: left;
 +
height: 100%;
 +
width: 40px;
 +
position: relative;
 +
z-index: 99;
 +
}
 +
#next {
 +
background-image: url(images/rightArrow.png);
 +
background-repeat: no-repeat;
 +
background-position: center center;
 +
display: block;
 +
float: right;
 +
height: 100%;
 +
width: 40px;
 +
position: relative;
 +
z-index: 99;
}
}
 +
#footnote {
 +
position:absolute;
 +
left:0;
 +
top:0%;
 +
width:100%;
 +
height:40px;
 +
z-index:4;
 +
text-align:center;
 +
}
 +
#archor {
 +
position:absolute;
 +
right:0%;
 +
top:0%;
 +
width:120px;
 +
height:20px;
 +
z-index:1;
 +
}
 +
body,td,th {
 +
color: #CCC;
 +
}
 +
#containerX2{
 +
position:relative;
 +
width:1210px;
 +
height:800px;
 +
z-index:1;
 +
background-color: #FFF;
 +
}
-->
-->
</style>
</style>
Line 539: Line 538:
<div class="menubar" id="projectUP"><img src="images/button/Bpurple project.png" width="120" height="76" onmouseover="MM_showHideLayers('projectUP','','hide','projectDOWN','','show');MM_showHideLayers('teamEXT','','hide','projectEXT','','show','biobrickEXT','','hide','docEXT','','hide')"/></div>
<div class="menubar" id="projectUP"><img src="images/button/Bpurple project.png" width="120" height="76" onmouseover="MM_showHideLayers('projectUP','','hide','projectDOWN','','show');MM_showHideLayers('teamEXT','','hide','projectEXT','','show','biobrickEXT','','hide','docEXT','','hide')"/></div>
<div class="menubar" id="projectDOWN"><a href="project.html"><img src="images/button/Upurple project.png" width="120" height="76" onmouseout="MM_showHideLayers('projectUP','','show','projectDOWN','','hide')"/></a></div>
<div class="menubar" id="projectDOWN"><a href="project.html"><img src="images/button/Upurple project.png" width="120" height="76" onmouseout="MM_showHideLayers('projectUP','','show','projectDOWN','','hide')"/></a></div>
-
<div class="menubar" id="biobrickUP"><img src="images/button/Bpurple biobrick.png" width="120" height="76" onmouseover="MM_showHideLayers('biobrickUP','','hide','biobrickDOWN','','show');MM_showHideLayers('teamEXT','','hide','projectEXT','','hide','biobrickEXT','','show','docEXT','','hide')"/></div>
+
<div class="menubar" id="biobrickUP"><a href="parts.html"><img src="images/button/Bpurple biobrick.png" width="120" height="76" onmouseover="MM_showHideLayers('biobrickUP','','hide','biobrickDOWN','','show');MM_showHideLayers('teamEXT','','hide','projectEXT','','hide','biobrickEXT','','show','docEXT','','hide')"/></a></div>
-
<div class="menubar" id="biobrickDOWN"><a href="biobrick.html"><img src="images/button/Upurple biobrick.png" width="120" height="76" onmouseout="MM_showHideLayers('biobrickUP','','show','biobrickDOWN','','hide')"/></a></div>
+
<div class="menubar" id="biobrickDOWN"><a href="parts.html"><img src="images/button/Upurple biobrick.png" width="120" height="76" onmouseout="MM_showHideLayers('biobrickUP','','show','biobrickDOWN','','hide')"/></a></div>
<div class="menubar" id="hpUP"><img src="images/button/Bpurple human practice.png" width="120" height="76" onmouseover="MM_showHideLayers('hpUP','','hide','hpDOWN','','show');MM_showHideLayers('teamEXT','','hide','projectEXT','','hide','biobrickEXT','','hide','docEXT','','hide')"/></div>
<div class="menubar" id="hpUP"><img src="images/button/Bpurple human practice.png" width="120" height="76" onmouseover="MM_showHideLayers('hpUP','','hide','hpDOWN','','show');MM_showHideLayers('teamEXT','','hide','projectEXT','','hide','biobrickEXT','','hide','docEXT','','hide')"/></div>
<div class="menubar" id="hpDOWN"><a href="hp.html"><img src="images/button/Upurple human practice.png" width="120" height="76" onmouseout="MM_showHideLayers('hpUP','','show','hpDOWN','','hide')"/></a></div>
<div class="menubar" id="hpDOWN"><a href="hp.html"><img src="images/button/Upurple human practice.png" width="120" height="76" onmouseout="MM_showHideLayers('hpUP','','show','hpDOWN','','hide')"/></a></div>
Line 558: Line 557:
   <div class="buttonbar" id="teamEXT"><a href="member.html" class="linkEXT">Team Members</a> | <a href="ianda.html" class="linkEXT">Instructors and Advisors</a></div>
   <div class="buttonbar" id="teamEXT"><a href="member.html" class="linkEXT">Team Members</a> | <a href="ianda.html" class="linkEXT">Instructors and Advisors</a></div>
<div class="buttonbar" id="projectEXT"><a href="overview.html" class="linkEXT">Overview</a> | <a href="pah.html" class="linkEXT">PAH Degradtion</a> | <a href="vs.html" class="linkEXT">Voltage Switch</a></div>
<div class="buttonbar" id="projectEXT"><a href="overview.html" class="linkEXT">Overview</a> | <a href="pah.html" class="linkEXT">PAH Degradtion</a> | <a href="vs.html" class="linkEXT">Voltage Switch</a></div>
-
<div class="buttonbar" id="biobrickEXT"><a href="parts.html" class="linkEXT">Parts</a> | <a href="construction.html" class="linkEXT">Construction Notes</a> | <a href="character.html" class="linkEXT">Characterizations</a></div>
 
<div class="buttonbar" id="docEXT"><a href="protocol.html" class="linkEXT">Protocols</a> | <a href="notebook.html" class="linkEXT">Notebooks</a></div>
<div class="buttonbar" id="docEXT"><a href="protocol.html" class="linkEXT">Protocols</a> | <a href="notebook.html" class="linkEXT">Notebooks</a></div>
</div>
</div>

Latest revision as of 18:55, 27 September 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> iGEM CUHK