Team:Fudan D

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
This is a template page. READ THESE INSTRUCTIONS.
+
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
</div>
+
  <script type="text/javascript">
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
  $(document).ready(function(){
-
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 all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
    $(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");
 +
    }
 +
    });
 +
    $('#menuback').mouseover(function() {
 +
    $('#headover').stop().animate({height:'150px',top:'0px'},1000);
 +
    });
 +
    $('#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);
 +
    });
-
{|align="justify"
+
    $('.listhead').mouseover(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.
+
    $('.listhead').not('.curlink').css("color","#ffffff");
-
|[[Image:Fudan_D_logo.png|200px|right|frame]]
+
    $(this).css("color","#444444");
-
|-
+
    $('#headover ul').css("display","none");
-
|
+
    var vActive = $(this).attr("id");
-
''Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
+
    $('.'+vActive).stop(true, true).fadeIn(500);
-
|[[Image:Fudan_D_team.png|right|frame|Your team picture]]
+
    });
-
|-
+
-
|
+
-
|align="center"|[[Team:Fudan_D | Team Fudan_D]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
    $('.listmain').mouseover(function(){
 +
    $('.listmain').not('.curlink').css("color","#dddddd");
 +
    $(this).css("color","#01DF01");
 +
    });
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
    $('#headover').mouseleave(function(){
-
!align="center"|[[Team:Fudan_D|Home]]
+
    $('.listmain').not('.curlink').css("color","#dddddd");
-
!align="center"|[[Team:Fudan_D/Team|Team]]
+
    });
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Fudan_D Official Team Profile]
+
 
-
!align="center"|[[Team:Fudan_D/Project|Project]]
+
  });
-
!align="center"|[[Team:Fudan_D/Parts|Parts Submitted to the Registry]]
+
  </script>
-
!align="center"|[[Team:Fudan_D/Modeling|Modeling]]
+
  <style type="text/css">
-
!align="center"|[[Team:Fudan_D/Notebook|Notebook]]
+
 
-
!align="center"|[[Team:Fudan_D/Safety|Safety]]
+
  a:link {color:#04B404;}
-
!align="center"|[[Team:Fudan_D/Attributions|Attributions]]
+
  a:visited {color:#04B404;}
-
|}
+
  a:hover {color:#04B404;}
 +
  a:active {color:#04B404;}
 +
 
 +
  #top-section {
 +
  background-color: #000000;
 +
  height: 100px;
 +
  border: none;
 +
  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>

Revision as of 06:46, 22 July 2012

Retrieved from "http://2012.igem.org/Team:Fudan_D"