"
Team:HZAU-China/Human practice=3
From 2013.igem.org
| Line 37: | Line 37: | ||
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 49: | Line 49: | ||
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 62: | Line 60: | ||
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 76: | Line 74: | ||
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:33, 27 September 2013
Our team decided to participate in this competition on April,28th.It’s a little late,but it is the first time we take part in the international competition. Our first time!So we determined to make it shining, and introduce it to more and more people around us.
To go for it,we have to do some publicities. This time, our team has two main focus on the publicity .First, introducing iGEM to the students and the public, making people get familiar with what on earth iGEM and Synthetic Biology are. Second,when we finish our project,we want to show public what we have done and make them impressed.
The first step,iGEM and Synthetic Biology introduction,let’s begin! Given the fact that this is the first time,we were sure that people in our school have little know about what iGEM is. Hence we thought for a long time and eventually decided to do this through the means of distributing leaflets.To prepare for this,we borrowed two booths,we printed the posters,we made the billboards and made hundreds of fans. On June 8th,we made every effort to capture people’s eyes and attentions,gave away our leaflets and fans,orally introduced iGEM with a video played on the laptop.At first,people ignored us a little bit,but inspired by our passion,people’s curiosity started to awake.That made it much easier for us to get to the next step.Beautifully done with it ! Bravo!
