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 | + | <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 | + | |
<script type="text/javascript"> | <script type="text/javascript"> | ||
$('#slider').cycle({ | $('#slider').cycle({ | ||
Line 30: | Line 29: | ||
<style type="text/css"> | <style type="text/css"> | ||
<!-- | <!-- | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
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=" | + | <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="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">