Team:HZAU-China/Safety/Safety forms

From 2013.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 30: Line 30:
     font-family:arial, sans-serif;
     font-family:arial, sans-serif;
}
}
-
a{
+
a, a:visited {
-
color:#eee;
+
    color: #7770b4;
 +
    text-decoration: none;
}
}
</style>
</style>
Line 40: Line 41:
ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
ul.menu,
ul.menu,
-
ul.menu ul {padding:0;margin:0;list-style:none;position:;width:220px;background:#ddd;font-family:arial, sans-serif;}
+
ul.menu ul {padding:0;margin:0;list-style:none;position:;width:220px;background:#d3f18c;font-family:arial, sans-serif;}
ul.menu {z-index:100;padding:10px;margin:0 auto;}
ul.menu {z-index:100;padding:10px;margin:0 auto;}
ul.menu ul {z-index:50;
ul.menu ul {z-index:50;
Line 52: Line 53:
ul.menu > li {margin-top:2px;font-size:12px;}
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 > 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-
+
ul.menu label.open {display:block;background:#517b1f 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;}
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:#517b1f;line-height:30px;position:relative;z-index:100;font-size: 16px;padding-left:10px;}
-
ul.menu span {display:block;background:#c00;line-height:30px;position:relative;z-index:100;font-size: 16px;padding-left:10px;}
+
ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;}
ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;}
ul.menu ul li {margin-top:-30px;
ul.menu ul li {margin-top:-30px;
Line 65: Line 64:
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 {display:block;font:normal 16px/29px arial, sans-serif;color:#000;background:#b3e24b;}
-
ul.menu ul li a:hover {background:#ddd;}
+
ul.menu ul li a:hover {background:#d3f18c;}
ul.menu input {position:absolute;left:-9999px;}
ul.menu input {position:absolute;left:-9999px;}
ul.menu li input:checked + label {background:#069;}
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 {background:#b3e24b;padding-bottom:10px;}
ul.menu li input:checked ~ ul li {margin-top:0;}
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")  
ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif")  
Line 80: Line 79:
</style>
</style>
-
<script>
 
-
$(document).ready(function(){
 
-
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>
<body>
Line 103: Line 89:
  <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Social Approval Degree"><span>-Social Approval Degree</span></a></li>
  <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Social Approval Degree"><span>-Social Approval Degree</span></a></li>
  <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/the Safety of Flea"><span>-the Safety of Flea</span></a></li>
  <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/the Safety of Flea"><span>-the Safety of Flea</span></a></li>
-
  <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/New Ideas"><span>-New Ideas</span></a></li>
+
  <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/New Ideas"><span>-Helpful Ideas</span></a></li>
     </body>
     </body>
   </div>
   </div>
Line 110: Line 96:
       <p><br></p>
       <p><br></p>
       <center>
       <center>
-
       <span style="font-size:40px;font-family:Cambria;margin-top:10px;line-height:80%">Sefety forms</span>
+
       <span style="font-size:40px;font-family:Cambria;margin-top:10px;line-height:80%">Safety forms</span>
       </center>
       </center>
       <p><br></p>
       <p><br></p>
-
<h3>The safety forms includes three parts.</h3>
+
<h3>The safety forms include three parts.</h3>
-
<p style="font-size:16px;font-family:arial, sans-serif;">Form I is for the basic safety ,we listed our chassis organism,. Also, we answered some basic safety questions, and laboratory safety level as well as the risk to the public and environment.</p>
+
<p style="font-size:16px;font-family:arial, sans-serif;">Form I is for the basic safety.We listed our chassis organisms. Also, we answered some basic safety questions, and described the laboratory safety level as well as the risks to the public and environment.</p>
-
<p style="font-size:20px;font-family:arial, sans-serif;font-color:#aaa;"><a style="font-color:#aaa" href="https://static.igem.org/mediawiki/2013/8/88/2013_Basic_Safety_Form1.pdf">Form I</a><br></p>
+
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/8/88/2013_Basic_Safety_Form1.pdf"><img width="50" src="https://static.igem.org/mediawiki/2013/9/9f/123456.png">&nbsp;&nbsp;&nbsp;Form I</a><br></p>
-
<p style="font-size:16px;font-family:arial, sans-serif;">Form II is for rabis G protein, because the level of rabis G protein is II ,so we must make separated form. We briefly introduced the resource of the part.and the potential risky it will caused.</p>
+
<p style="font-size:16px;font-family:arial, sans-serif;">Form II is for rabies G protein. Because the level of rabies G protein is II, so we must make a separate form for it. We briefly introduced the source of the part and the potential risks it will cause.</p>
-
<p><a href="https://static.igem.org/mediawiki/2013/d/d8/IGEM_Biosafety_Form_Part_2_Rabies_G_protein.pdf">Form II</a><br></p>
+
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/d/d8/IGEM_Biosafety_Form_Part_2_Rabies_G_protein.pdf"><img width="50" src="https://static.igem.org/mediawiki/2013/7/7b/234.png" >      Form II</a><br></p>
-
<p style="font-size:16px;font-family:arial, sans-serif;">Form III is for our receptor animals--fleas. But we did’t use them to do our experiment .so we used the form just for a expectation.</p>
+
<p style="font-size:16px;font-family:arial, sans-serif;">Form III is for our vaccine carrier--fleas. But we haven’t used them in our experiments. This form is just for a future expectation.</p>
-
<p><a href="https://static.igem.org/mediawiki/2013/3/32/IGEM_Biosafety_Form_Part_2%28flea%29.pdf">Form III</a><br></p>
+
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/3/32/IGEM_Biosafety_Form_Part_2%28flea%29.pdf"><img width="50" src="https://static.igem.org/mediawiki/2013/4/49/345.png" >  Form III</a><br></p>
   </div>
   </div>

Latest revision as of 13:30, 27 September 2013


Safety forms


The safety forms include three parts.

Form I is for the basic safety.We listed our chassis organisms. Also, we answered some basic safety questions, and described the laboratory safety level as well as the risks to the public and environment.

   Form I

Form II is for rabies G protein. Because the level of rabies G protein is II, so we must make a separate form for it. We briefly introduced the source of the part and the potential risks it will cause.

Form II

Form III is for our vaccine carrier--fleas. But we haven’t used them in our experiments. This form is just for a future expectation.

Form III