"
Team:HZAU-China/Safety/Social Approval Degree
From 2013.igem.org
(Difference between revisions)
| Line 41: | 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:# | + | 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 53: | 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:# | + | 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 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:# | + | |
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 66: | 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:# | + | 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:# | + | 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:# | + | 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 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> | ||
Revision as of 09:34, 27 September 2013
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
