Team:HZAU-China/Project

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
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 *** -->
+
{{:Team：HZAU-China/background-head}}
-
 
+
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<style>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
#background{
-
This is a template page. READ THESE INSTRUCTIONS.
+
    background-color: #EDFFFF;
-
</div>
+
    float: left;
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
    min-height: 800px;
-
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://2008.igem.org/Help:Template/Examples">HERE</a>.
+
    width: 960px;
-
</div>
+
}
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
#sidebar {
-
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. 
+
    background-color:transparent;
-
</div>
+
    clear: both;
-
</div>
+
    float: left;
-
</html>
+
    height: auto;
 +
    width: 220px;
 +
    padding-top: 5px;
 +
    padding-left: 10px;
 +
}
 +
#paragraphs {
 +
    background-color: #EDFFFF;
 +
    border: 3px solid #A1FFFF;
 +
    float: right;
 +
    height: auto;
 +
    margin-bottom: 5px;
 +
    margin-top: 5px;
 +
    padding-bottom: 5px;
 +
    padding-top:10px;
 +
    width: 710px;
 +
}
 +
</style>
 +
<body>
 +
<div id="background">
-
<!-- *** End of the alert box *** -->
+
  <div id="sidebar">
 +
<style>
 +
*{margin:0px;padding:0px;}
 +
ul.menu_scroll{z-index:100;padding:10px;margin:0 auto;padding-bottom: 5px;top:20px;position:fixed;width:100%;}
 +
ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
 +
ul.menu,
 +
ul.menu ul {padding:0;margin:0;list-style:none;position:;width:200px;background:#ddd;font-family:arial, sans-serif;}
 +
ul.menu {z-index:100;padding:10px;margin:0 auto;padding-bottom: 5px;}
 +
ul.menu ul {z-index:50;
 +
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
-ms-transition: 0.5s;
 +
-o-transition: 0.5s;
 +
transition: 0.5s;
 +
}
 +
ul.menu li {line-height:30px;position:relative;text-indent:10px;}
 +
ul.menu > li {margin-top:2px;font-size:12px;}
 +
ul.menu > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;}
 +
ul.menu label.open {display:block;background:#c00  no-repeat 170px 12px;line-height:30px;position:relative;z-
 +
index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;}
 +
ul.menu label.open b {color:#ff0;}
 +
ul.menu span {display:block;background:#c00;line-height:30px;position:relative;z-index:100;font-size: 17px;}
 +
ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;}
 +
ul.menu ul li {margin-top:-30px;
 +
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
-ms-transition: 0.5s;
 +
-o-transition: 0.5s;
 +
transition: 0.5s;
 +
}
 +
ul.menu ul li a {display:block;font:normal 16px/29px arial, sans-serif;color:#000;background:#ccc;}
 +
ul.menu ul li a:hover {background:#ddd;}
 +
ul.menu input {position:absolute;left:-9999px;}
 +
ul.menu li input:checked + label {background:#069;}
 +
ul.menu li input:checked ~ ul {background:#ccc;padding-bottom:10px;}
 +
ul.menu li input:checked ~ ul li {margin-top:0;}
 +
ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif")
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
no-repeat 170px 12px;line-height:30px;position:relative;left:0;z-index:90;margin-top:-30px}
-
!align="center"|[[Team:HZAU-China|Home]]
+
ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;}
-
!align="center"|[[Team:HZAU-China/Team|Team]]
+
ul.menu input.close:checked + label.close {display:none;}
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=HZAU-China Official Team Profile]
+
ul.menu input.close:checked ~ ul {background:#ddd;padding-bottom:0;}
-
!align="center"|[[Team:HZAU-China/Project|Project]]
+
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
-
!align="center"|[[Team:HZAU-China/Parts|Parts Submitted to the Registry]]
+
</style>
-
!align="center"|[[Team:HZAU-China/Modeling|Modeling]]
+
<script src="/ajaxjs/jquery-1.7.2.min.js" type="text/javascript"></script>
-
!align="center"|[[Team:HZAU-China/Notebook|Notebook]]
+
<script type="text/javascript">
-
!align="center"|[[Team:HZAU-China/Safety|Safety]]
+
$(document).ready(function(){
-
!align="center"|[[Team:HZAU-China/Attributions|Attributions]]
+
var topMain=$("#sidebar").height()+100//是头部的高度加头部与nav导航之间的距离
-
|}
+
var menu=$(".menu");
 +
$(window).scroll(function(){
 +
if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll，否则就移除
 +
menu.addClass("menu_scroll");
 +
}else{
 +
menu.removeClass("menu_scroll");
 +
}
 +
});
 +
})
 +
</script>
 +
<body>
 +
<ul class="menu">
 +
        <li><a href="#"><span>Overview</span></a></li>
 +
        <li><a href="#"><span>Fleas and Plague Bacillus</span></a></li>
 +
<li><a href="#"><span>Rabies Vaccine</span></a></li>
 +
        <li><a href="#"><span>Bacterial Spores as Vaccine Vehicles</span></a></li>
 +
        <li><a href="#"><span>Antimicrobial Peptides</span></a></li>
 +
     
 +
</body>
 +
  </div>
 +
  <div id="paragraphs">
 +
<p>
 +
<br>
 +
</p>
 +
<center>
 +
<span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Overview</span>
 +
</center>
 +
<p>
 +
<br>
 +
</p>
-
== '''Overall project''' ==
+
  </div>
-
 
+
</div>
-
Tell us more about your project.  Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)
+
</body>
-
 
+
</html>
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
== Project Details==
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
=== Part 2 ===
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
=== The Experiments ===
+
-
 
+
-
 
+
-
 
+
-
 
+
-
=== Part 3 ===
+
-
 
+
-
 
+
-
 
+
-
== Results ==
+
{{:Team：HZAU-China/background-footer}}
 +
<br/>

Revision as of 05:11, 25 July 2013


Overview



Retrieved from "http://2013.igem.org/Team:HZAU-China/Project"