"
Team:XMU-China/Home3
From 2013.igem.org
(Difference between revisions)
| Line 6: | Line 6: | ||
<script src="http://d.lanrentuku.com/down/js/jiaodiantu-971/js/jquery-1.9.1.min.js" type="text/javascript"></script> | <script src="http://d.lanrentuku.com/down/js/jiaodiantu-971/js/jquery-1.9.1.min.js" type="text/javascript"></script> | ||
<style> | <style> | ||
| + | |||
| + | html { color: #000; background: #FFF; } | ||
| + | body, div, ul, li { margin: 0; padding: 0; } | ||
| + | img { border: 0; } | ||
| + | li { list-style: none; } | ||
| + | body { font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; font-size: 12px; color: #666; background: #fff; } | ||
| + | a { color: #39f; text-decoration: none; } | ||
| + | a:hover { text-decoration: underline; } | ||
| + | .wrapper { width: 986px; margin: 0 auto; position: relative; } | ||
| + | #banner { width: 100%; height: 650px; background: #000; overflow: hidden; position: relative; } | ||
| + | #banner_img { display: block; position: relative; } | ||
| + | #banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 650px; background-position: center; background-size: cover; display: none; } | ||
| + | /*backgroundimage of each item*/ | ||
| + | #banner_img li.item1 { background-image: url(https://static.igem.org/mediawiki/2013/3/33/XMU-China_NEW_bg1.png); display: block; } | ||
| + | #banner_img li.item2 { background-image: url(https://static.igem.org/mediawiki/2013/1/13/XMU-China_team1.jpg); } | ||
| + | #banner_img li.item3 { background-image: url(https://static.igem.org/mediawiki/2013/4/45/XMU-China_NEW_bg9.jpg); } | ||
| + | #banner_img li.item4 { background-image: url(https://static.igem.org/mediawiki/2013/5/52/XMU-China_NEW_bg4.jpg); } | ||
| + | #banner_img li.item5 { background-image: url(https://static.igem.org/mediawiki/2013/3/3d/XMU-China_NEW_bg7.jpg); } | ||
| + | #banner_img li.item6 { background-image: url(https://static.igem.org/mediawiki/2013/2/29/XMU-China_NEW_bg5.jpg); } | ||
| + | #banner_img li.item7 { background-image: url(https://static.igem.org/mediawiki/2013/c/ca/XMU-China_NEW_bg8.jpg); } | ||
| + | #banner_img li.item8 { background-image: url(https://static.igem.org/mediawiki/2013/7/75/XMU-China_NEW_bg2.jpg); } | ||
| + | /*end of this part*/ | ||
| + | #banner_img .ad_img { position: absolute; right: 10px; top: 80px; width: 506px; height: 404px; } | ||
| + | #banner_img .ad_txt { position: absolute; left: 10px; top: 170px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); } | ||
| + | #banner_img .ad_txt h2 { font: bold 36px/60px Microsoft YaHei; color: white; } | ||
| + | #banner_img .ad_txt a { display: block; width: 100px; height: 25px; line-height: 25px; text-align: center; margin-top: 10px; background: #fff; color: #666; text-decoration: none; text-shadow: none; } | ||
| + | #banner_ctr { position: absolute; width: 960px; height: 122px; margin-left: -480px; left: 50%; bottom: 40px; z-index: 1; } | ||
| + | #banner_ctr ul { width: 960px; height: 122px; background: url(https://static.igem.org/mediawiki/2013/a/a0/Home123.png) center no-repeat; font-size: 0; line-height: 0; position: relative; } | ||
| + | #banner_img .ad_txt p{font-size:17px;} | ||
| + | #banner_ctr li { display: block; float: left; width: 115px; height: 122px; cursor: pointer; } | ||
| + | #banner_ctr li.first-item { background: #fff; width: 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; } | ||
| + | #banner_ctr li.last-item { background: #fff; width: 20px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; } | ||
| + | #drag_ctr { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #0084cf; } | ||
| + | #drag_arrow { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; background: url(https://static.igem.org/mediawiki/2013/9/9f/XMU-China_NEW_arrow2.png) center 14px no-repeat; } | ||
| + | #drag_arrow1 { position: absolute; top: -82px; left: 20px; width: 140px; height: 156px; background: url(https://static.igem.org/mediawiki/2013/5/5d/XMU-China_NEW_arrow4.png) center 14px no-repeat; } | ||
| + | |||
/* hiding the top section*/ | /* hiding the top section*/ | ||
| - | body{position:absolute; top:0px; width:100% | + | body{position:absolute; top:0px; width:100%; background-color:#c2edf4;} |
#top-section{ | #top-section{ | ||
height:0px; | height:0px; | ||
| Line 51: | Line 87: | ||
#catlinks{display:none;} | #catlinks{display:none;} | ||
/*end of hiding the footer book*/ | /*end of hiding the footer book*/ | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
/* hiding the top section*/ | /* hiding the top section*/ | ||
| - | body{position:absolute; top:0px; width:100%; background-color:#c2edf4;} | + | body{position:absolute; top:0px; width:100%; height:px;background-color:#c2edf4;} |
#top-section{ | #top-section{ | ||
height:0px; | height:0px; | ||
| Line 131: | Line 134: | ||
#catlinks{display:none;} | #catlinks{display:none;} | ||
/*end of hiding the footer book*/ | /*end of hiding the footer book*/ | ||
| - | |||
</style> | </style> | ||
Revision as of 17:35, 28 October 2013
-
A synbio oscillation signal converter
Welcome to XMU-China team! Let's show you our works now. Read more
-
Our Team
12 members pulling together make all the difference.
Read more>
Every day is full of smile and confidence.
Every day is a new day!
-
Our Project
It's an story about how oscillation bacteria
Read more>
formed their own glee: synchronized oscillation.
Our wiki followed every effort they made
and would give you the most detailed report.
-
Our Modeling & Software
We modeled our oscillation circuit perfectly.
Read more>
We coded two software in MATLAB:
Gene OS & ImageMe
-
Our Notebook
Here recorded our wetlab journal using E'Note.
Read more>
You can also scan the events on our calendar.
-
Our Outreach
This year we joined in quite a lot activities.
Read more>
Especially Human practice, it is really funny & lively.
-
Safety
Safety is the most important thing in the wetlab.
Read more>
Our team has done a series of work to meet the requirement.
Also we applied a novel approach to consider the safety through the society.
-
Let's iGEM!
Here iGEMers find their enjoyment and success.
Official Website
iGEM left us hole year's wonderful memory.
iGEMers, let's iGEM!!
