Team:HKU-Hong Kong

From 2011.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
  <script type="text/javascript">
 +
  $(document).ready(function(){
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
    $(function(){
 +
    var path = location.pathname.substring(1);
 +
    var last = path.split("/");
 +
    if ( last[1] ) {
 +
      $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#01DF01");
 +
    }
 +
    else {
 +
      $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#01DF01");
 +
    }
 +
    });
-
<html>
+
    $('#menuback').mouseover(function() {
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
    $('#headover').stop().animate({height:'150px',top:'0px'},1000);
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
    });
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
    $('#menu').mouseleave(function() {
 +
    $('.listhead').not('.curlink').css("color","#ffffff");
 +
    $('.listmain').not('.curlink').css("color","#dddddd");
 +
    $('#headover ul').fadeOut(500);
 +
    $('#headover').stop().animate({height:'50px',top:'500px'},1000);
 +
    });
 +
    $('.listhead').mouseover(function(){
 +
    $('.listhead').not('.curlink').css("color","#ffffff");
 +
    $(this).css("color","#444444");
 +
    $('#headover ul').css("display","none");
 +
    var vActive = $(this).attr("id");
 +
    $('.'+vActive).stop(true, true).fadeIn(500);
 +
    });
 +
    $('.listmain').mouseover(function(){
 +
    $('.listmain').not('.curlink').css("color","#dddddd");
 +
    $(this).css("color","#01DF01");
 +
    });
-
{|align="justify"
+
    $('#headover').mouseleave(function(){
-
|You can write a background of your team here.  Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
    $('.listmain').not('.curlink').css("color","#dddddd");
-
|[[Image:HKU-Hong_Kong_logo.png|200px|right|frame]]
+
    });
-
|-
+
-
|
+
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:HKU-Hong_Kong_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:HKU-Hong_Kong | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
  });
 +
  </script>
 +
  <style type="text/css">
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
  a:link {color:#04B404;}
-
!align="center"|[[Team:HKU-Hong_Kong|Home]]
+
  a:visited {color:#04B404;}
-
!align="center"|[[Team:HKU-Hong_Kong/Team|Team]]
+
  a:hover {color:#04B404;}
-
!align="center"|[https://igem.org/Team.cgi?year=2011&team_name=HKU-Hong_Kong Official Team Profile]
+
  a:active {color:#04B404;}
-
!align="center"|[[Team:HKU-Hong_Kong/Project|Project]]
+
 
-
!align="center"|[[Team:HKU-Hong_Kong/Parts|Parts Submitted to the Registry]]
+
  #top-section {
-
!align="center"|[[Team:HKU-Hong_Kong/Modeling|Modeling]]
+
  background-color: #000000;
-
!align="center"|[[Team:HKU-Hong_Kong/Notebook|Notebook]]
+
  height: 100px;
-
!align="center"|[[Team:HKU-Hong_Kong/Safety|Safety]]
+
  border: none;
-
!align="center"|[[Team:HKU-Hong_Kong/Attributions|Attributions]]
+
  width:910px;
-
|}
+
  height:20px}
 +
 
 +
  #p-logo {
 +
  position: absolute;
 +
  display: none;}
 +
 
 +
  #search-controls {
 +
  display: none;}
 +
 
 +
  #menubar.left-menu {
 +
  position: absolute;
 +
  top:0px;
 +
  left:0px;}
 +
 
 +
  #menubar.right-menu {
 +
  position: absolute;
 +
  top:0px;
 +
  right:0px;}
 +
 
 +
 
 +
  #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
 +
  color: #04B404;}
 +
 
 +
  #footer-box {
 +
  position: relative;
 +
  top:400px;
 +
  left: 0px;
 +
  color: #000000;
 +
  width:900px;}
 +
 
 +
  body {
 +
  background-color: #000000}
 +
 
 +
  .firstHeading {
 +
    display: none;}
 +
 
 +
  #content {
 +
    width: 900px;
 +
    border: none;
 +
    font-family: georgia, helvetica, arial, sans-serif;
 +
    background-color:#000000;
 +
    color: #FFFFFF}
 +
 
 +
  #title {
 +
    width:900px;
 +
    height:55px;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 0px;}
 +
 
 +
  #paralogo {
 +
    width:600px;
 +
    height:50px;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 0px;}
 +
 
 +
 
 +
  #igemlogo {
 +
    width:100px;
 +
    height:50px;
 +
    position:absolute;
 +
    top:0px;
 +
    left:420px;}
 +
 
 +
  #csynbilogo {
 +
    width:300px;
 +
    height:50px;
 +
    position:absolute;
 +
    top:0px;
 +
    left:670px;}
 +
 
 +
  #belink a {
 +
    text-decoration:none;}
 +
 
 +
  #mblink {
 +
    width:205px;
 +
    height:16px;
 +
    position: absolute;
 +
    top: 42px;
 +
    font-size:1em;
 +
    left: 697px;
 +
    font-weight:500;}
 +
 
 +
  #mblink a {
 +
    text-decoration:none;}
 +
 
 +
  #menu {
 +
    width:900px;
 +
    height:150px;
 +
    position: relative;
 +
    top: 20px;
 +
    left: 0px;}
 +
 
 +
  #menuback {
 +
    width:100px;
 +
    height:500px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
    background-color: #01DF01;}
 +
 
 +
  #headpic {
 +
    width:800px;
 +
    height:500px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 100px;
 +
    background-image: url('http://lh6.ggpht.com/-lr4PeisGgQM/SPRjO-VGCLI/AAAAAAAADdA/Mu2pdLkZ4N0/s800/R0010181_bw.jpg'); }
 +
 
 +
  #headover {
 +
    width: 800px;
 +
    height:50px;
 +
    position: absolute;
 +
    top: 450px;
 +
    left: 0px;
 +
    background: url(https://static.igem.org/mediawiki/2010/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }
 +
 
 +
  a {
 +
    outline:none;}
 +
 
 +
  #headtit{
 +
    font-family: georgia, helvetica, arial, sans-serif;
 +
    font-size: 1.2em;
 +
    color: #ffffff;
 +
    position: absolute;
 +
    top: 0.5em;
 +
    right: 1.4em;}
 +
 
 +
  .dark{
 +
    color: #dddddd;}
 +
 
 +
  .highlight{
 +
    color: #01DF01;}
 +
 
 +
  #menulist{
 +
    position: absolute;
 +
    top: 16px;
 +
    left: 5px;
 +
    list-style: none;}
 +
 
 +
  #menulist li{
 +
    height: 30px;
 +
    }
 +
 
 +
  #menulist li a{
 +
    font-weight: 200;
 +
    font-size: 1.2em;
 +
    text-decoration: none;
 +
    font-family: georgia, helvetica, arial, sans-serif;
 +
    color: #ffffff;}
 +
 
 +
  #headover ul{
 +
    list-style: none;
 +
    display: none;
 +
    position: absolute;
 +
    top: 1.2em;
 +
    left: 0.2em;
 +
    }
 +
 
 +
  #headover ul ul{
 +
    position: absolute;
 +
    width:10em;
 +
    top:-0.2em;
 +
    left: 10em;
 +
    list-style:none;}
 +
 
 +
  #headover ul li{
 +
    height: 2.4em;
 +
    }
 +
 
 +
  #headover ul li a{
 +
    font-weight: 100;
 +
    font-size: 1.2em;
 +
    text-decoration: none;
 +
    font-family: georgia, helvetica, arial, sans-serif;
 +
    color: #dddddd;}
 +
 
 +
  </style>
 +
</head>
 +
<body>
 +
  <div id='title'>
 +
  <div id='paralogo'>
 +
    <a href='https://2011.igem.org/Team:HKU-Hong_Kong'>
 +
    <img src='https://static.igem.org/mediawiki/2011/7/77/Logo-hku100.jpg'>
 +
    </a>
 +
  </div>
 +
    <div id='igemlogo'>
 +
    <a href='https://2011.igem.org/Main_Page'>
 +
    <img src='https://static.igem.org/mediawiki/2011/5/56/IGEM_logo_%28white_word%29.png'>
 +
    </a>
 +
  </div>
 +
  <div id='csynbilogo'>
 +
    <a href='http://www0.hku.hk/biochem/'>
 +
    <img id="csbl" src='http://100.hku.hk/images/slogan.jpg'>
 +
    </a>
 +
  </div>
 +
    </div>
 +
  <div id='menu'>
 +
  <div id='menuback'>
 +
    <ul id='menulist'>
 +
    <li><a href='#' class='listhead' id='project'>Project</a></li>
 +
    <li><a href='#' class='listhead' id='labwork'>Lab Work</a></li>
 +
    <li><a href='#' class='listhead' id='team'>Team</a></li>
 +
    <li><a href='#' class='listhead' id='data'>Data</a></li>
 +
    <li><a href='#' class='listhead' id='gratitude'>Gratitude</a></li>
 +
    </ul>
 +
  </div>
 +
  <div id='headpic'>
 +
    <div id='headover'>
 +
    <p id='headtit'>Super Silencer<span class='dark'> &nbsp;<span class='highlight'>|</span>&nbsp;&nbsp;Prepare to be silenced</span></p>
 +
    <ul class='project'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Project' class='listmain' id='results'>Overview</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Description' class='listmain' id='results'>Description</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Results' class='listmain' id='results'>Results</a></li>
 +
      <ul class='project'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/BioBricks' class='listmain' id='results'>BioBricks</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Modelling' class='listmain' id='results'>Modelling</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Attributions' class='listmain' id='results'>Attributions</a></li>         
 +
      </ul>
 +
    </ul>
 +
    <ul class='labwork'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Lab_Diaries' class='listmain' id='results'>Lab Diaries</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Lab_Protocol' class='listmain' id='results'>Lab Protocol</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Safety' class='listmain' id='results'>Safety</a></li>
 +
      </ul>
 +
    </ul>
 +
    <ul class='team'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Team_Profile' class='listmain' id='results'>Profile</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Human_Practice' class='listmain' id='results'>Human Practice</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Diary' class='listmain' id='project'>Social Networks</a></li>
 +
      <ul class='team'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Professors' class='listmain' id='results'>Professors & Advisors</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Videos' class='listmain' id='results'></a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Videos' class='listmain' id='results'>Video</a></li>
 +
      </ul>
 +
    </ul>
 +
    <ul class='data'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Parts' class='listmain' id='results'>Registry Parts</a></li>
 +
      </ul>
 +
    </ul>
 +
    <ul class='gratitude'>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Sponsors' class='listmain' id='results'>Sponsors</a></li>
 +
      <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Acknowledgments' class='listmain' id='results'>Acknowledgments</a></li>
 +
      </ul>
 +
    </ul>
 +
    </div>
 +
  </div>
 +
  </div>
 +
</body>
 +
</html>

Latest revision as of 13:07, 5 October 2011

Retrieved from "http://2011.igem.org/Team:HKU-Hong_Kong"