Team:HZAU-China/Safety/Social Approval Degree

From 2013.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 29: Line 29:
     border-bottom: none;
     border-bottom: none;
     font-family:arial, sans-serif;
     font-family:arial, sans-serif;
 +
}
 +
a, a:visited {
 +
    color: #7770b4;
 +
    text-decoration: none;
}
}
</style>
</style>
Line 37: 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 49: 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 62: 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 76: Line 78:
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
</style>
</style>
 +
<script>
<script>
Line 96: Line 99:
     <body>
     <body>
       <ul class="menu">
       <ul class="menu">
-
<li>
+
          <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Safety forms"><span>-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 style="font-size:19px;color=#fff;">-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 132: Line 114:
       <p><br></p>
       <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;">In order to know whether the public will accept our “moving vaccine factory” project, we made a survey on the Internet , and in the end we got 276 questionnaires. We took the question of people who care the most into attention. We can get the social acceptability almost up to 77.54%. We can believe that our idea is welcome at the moment. </p>
-
</br>
+
-
</p>
+
-
<p style="font-size:13px;font-family:arial, sans-serif;sans-serif;text-align:center;"></p>
+
-
<h3></h3>
+
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/6/61/%E6%9B%B4%E6%94%B9_%E9%97%AE%E5%8D%B7_2.pdf"><img width="100" src="https://static.igem.org/mediawiki/2013/c/cf/800.png">
-
<h3></h3>
+
The analysis of the questionnaire about the social</a><br></p>
-
<p style="font-size:16px;font-family:arial, sans-serif;"></p>
+
   </div>
   </div>

Latest revision as of 13:17, 27 September 2013


Social Approval Degree


In order to know whether the public will accept our “moving vaccine factory” project, we made a survey on the Internet , and in the end we got 276 questionnaires. We took the question of people who care the most into attention. We can get the social acceptability almost up to 77.54%. We can believe that our idea is welcome at the moment.

The analysis of the questionnaire about the social