Team:HZAU-China/Safety/Safety forms

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team:HZAU-China/background-head}} <html> <style> #background{ background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg); float:left; min-heiht:600px; ...")
 
(36 intermediate revisions not shown)
Line 30: Line 30:
     font-family:arial, sans-serif;
     font-family:arial, sans-serif;
}
}
-
</style>
+
a, a:visited {
-
 
+
     color: #7770b4;
-
<style>
+
     text-decoration: none;
-
*{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:220px;background:#ddd;font-family:arial, sans-serif;}
+
-
ul.menu {z-index:100;padding:10px;margin:0 auto;}
+
-
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;}
+
-
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: 16px;padding-left:10px;}
+
-
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")
+
-
 
+
-
no-repeat 170px 12px;line-height:30px;position:relative;left:0;z-index:90;margin-top:-30px}
+
-
ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;}
+
-
ul.menu input.close:checked + label.close {display:none;}
+
-
ul.menu input.close:checked ~ ul {background:#ddd;padding-bottom:0;}
+
-
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
+
-
</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>
+
-
<div id="background">
+
-
  <div id="sidebar">
+
-
    <body>
+
-
      <ul class="menu">
+
-
<li>
+
-
<input type="radio" name="tab1" id="tab1a" class="tabs">
+
-
<label for="tab1a" class="open" accesskey="2">
+
-
<a><span>Safety</span></a>
+
-
</label>
+
-
<input type="radio" name="tab1" id="tab1ac" class="tabs close">
+
-
<label for="tab1ac" class="close" accesskey="3">
+
-
</label>
+
-
<ul>
+
-
                        <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Safety forms">-Safety forms</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Security Evaluatio">-Security Evaluation</a></li>
+
-
                        <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Social Approval Degree">-Social Approval Degree</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HZAU-China/Safety/the Safety of Flea">-the Safety of Flea</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HZAU-China/Safety/New Ideas">-New Ideas</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>    <input type="radio" name="tab1" id="tab1b" class="tabs" checked="checked">
+
-
                <label for="tab1b" class="open" accesskey="4">
+
-
                <span>Instructors</span></label>
+
-
<input type="radio" name="tab1" id="tab1bc" class="tabs close">
+
-
                <label for="tab1bc" class="close" accesskey="5"></label>
+
-
<ul>
+
-
      <li><a href="#1"></a></li>
+
-
                      <li><a href="#2"></a></li>
+
-
</ul>
+
-
</li>
+
-
    </body>
+
-
  </div>
+
-
 
+
-
  <div id="paragraphs">
+
-
      <p><br></p>
+
-
      <center>
+
-
      <span style="font-size:40px;font-family:Cambria;margin-top:10px;line-height:80%">{{:Team:HZAU-China/background-head}}
+
-
<html>
+
-
<style>
+
-
#background{
+
-
     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
+
-
    float:left;
+
-
    min-heiht:600px;
+
-
    width: 1000px;
+
-
}
+
-
#sidebar {
+
-
    background-color:transparent;
+
-
    clear: both;
+
-
    float: left;
+
-
    height: auto;
+
-
    width: 240px;
+
-
    padding-top: 10px;
+
-
    padding-left: 15px;
+
-
}
+
-
#paragraphs {
+
-
    background-color: transparent;
+
-
    float: right;
+
-
    height: auto;
+
-
     text-align: justify;
+
-
    padding-top: 10px;
+
-
    padding-right:15px;
+
-
    width: 710px;
+
-
}
+
-
h1, h2, h3, h4, h5, h6 {
+
-
    border-bottom: none;
+
-
    font-family:arial, sans-serif;
+
}
}
</style>
</style>
Line 166: 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 178: 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 191: 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 206: 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 225: Line 85:
     <body>
     <body>
       <ul class="menu">
       <ul class="menu">
-
<li>
+
  <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Safety forms"><span style="font-size:19px;color=#fff;">-Safety forms</span></a></li>
-
<input type="radio" name="tab1" id="tab1a" class="tabs">
+
  <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Security Evaluatio"><span>-Security Evaluation</span></a></li>
-
<label for="tab1a" class="open" accesskey="2">
+
  <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Social Approval Degree"><span>-Social Approval Degree</span></a></li>
-
<a><span>Safety</span></a>
+
  <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/the Safety of Flea"><span>-the Safety of Flea</span></a></li>
-
</label>
+
  <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/New Ideas"><span>-Helpful Ideas</span></a></li>
-
<input type="radio" name="tab1" id="tab1ac" class="tabs close">
+
-
<label for="tab1ac" class="close" accesskey="3">
+
-
</label>
+
-
<ul>
+
-
                        <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Safety forms">-Safety forms</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Security Evaluatio">-Security Evaluation</a></li>
+
-
                        <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Social Approval Degree">-Social Approval Degree</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HZAU-China/Safety/the Safety of Flea">-the Safety of Flea</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HZAU-China/Safety/New Ideas">-New Ideas</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>    <input type="radio" name="tab1" id="tab1b" class="tabs" checked="checked">
+
-
                <label for="tab1b" class="open" accesskey="4">
+
-
                <span>Instructors</span></label>
+
-
<input type="radio" name="tab1" id="tab1bc" class="tabs close">
+
-
                <label for="tab1bc" class="close" accesskey="5"></label>
+
-
<ul>
+
-
      <li><a href="#1"></a></li>
+
-
                      <li><a href="#2"></a></li>
+
-
</ul>
+
-
</li>
+
     </body>
     </body>
   </div>
   </div>
Line 260: Line 99:
       </center>
       </center>
       <p><br></p>
       <p><br></p>
 +
<h3>The safety forms include three parts.</h3>
-
<p  style="text-align:center;"><a><img src="" style="width:710px;"></a>
+
<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>
-
</br>
+
<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>
+
-
<p style="font-size:13px;font-family:arial, sans-serif;sans-serif;text-align:center;"></p>
+
-
 
+
-
<h3></h3>
+
-
<h3></h3>
+
-
<p style="font-size:16px;font-family:arial, sans-serif;"></p>
+
-
 
+
-
  </div>
+
-
</div>
+
-
</html>
+
-
 
+
-
{{:Team:HZAU-China/background-footer}}
+
-
</span>
+
-
      </center>
+
-
      <p><br></p>
+
-
<p style="text-align:center;"><a><img src="" style="width:710px;"></a>
+
<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>
-
</br>
+
<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>
+
-
<p style="font-size:13px;font-family:arial, sans-serif;sans-serif;text-align:center;"></p>
+
-
<h3></h3>
+
<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>
-
<h3></h3>
+
<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>
-
<p style="font-size:16px;font-family:arial, sans-serif;"></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