User:Yanzw scut

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
 
(73 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
<style type="text/css">
 +
/*
 +
*SCUT-China igem2013 wiki
 +
*Design by Yan Zewei <960071971@qq.com>
 +
*/
 +
body
 +
{
 +
top:0px;
 +
background-color:#ebf9db;
 +
margin:0;
 +
}
 +
#top-section
 +
{
 +
height:0px;
 +
border:none;
 +
width:980px;
 +
margin:0 auto;
 +
padding:0;
 +
background-color:transparent;
 +
overflow:hide;
 +
}
 +
#p-logo
 +
{
 +
display:none;
 +
}
 +
#search-controls
 +
{
 +
display:none;
 +
}
 +
#top
 +
{
 +
display:none;
 +
}
 +
.firstHeading
 +
{
 +
display:none;
 +
}
 +
 +
#globalWrapper
 +
{
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:100%;
 +
height:100%;
 +
padding:0;
 +
margin:0;
 +
height:100%;
 +
background-repeat:no-repeat;
 +
background-position:50% 0;
 +
background-attachment:fixed;
 +
background-image:url("https://static.igem.org/mediawiki/igem.org/3/38/Background1.jpg");
 +
}
 +
#content
 +
{
 +
background-color:transparent;
 +
border:none;
 +
marign:0 auto;
 +
padding:0;
 +
top:0;
 +
}
 +
#bodyContent
 +
{
 +
background-color:transparent;
 +
border:none;
 +
}
 +
#siteSub
 +
{
 +
display:none;
 +
border:none;
 +
}
 +
#contentSub
 +
{
 +
display:none;
 +
}
 +
#menubar
 +
{
 +
height:20px;
 +
padding:2px;
 +
}
 +
#menubar ul
 +
{
 +
list-style-type: none;
 +
font-size:15px;
 +
margin:0;
 +
}
 +
#menubar li
 +
{
 +
font-family:Arial;
 +
padding:1px 0;
 +
margin-right:7px;
 +
display:inline;
 +
}
 +
.right-menu a
 +
{
 +
padding:1px 0;
 +
text-align:left;
 +
text-decoration:none;
 +
}
 +
.right-menu a:hover
 +
{
 +
color:#33abf8;
 +
}
 +
.left-menu a
 +
{
 +
padding:1px 0;
 +
text-align:left;
 +
text-decoration:none;
 +
}
 +
.left-menu a:hover
 +
{
 +
color:#33abf8;
 +
}
 +
 +
#footer-box
 +
{
 +
display:none;
 +
}
 +
#catlinks
 +
{
 +
display:none;
 +
}
 +
 +
 +
 +
li
 +
{
 +
display:inline;
 +
}
 +
.floatL
 +
{
 +
float:left;
 +
clear:left;
 +
}
 +
.floatR
 +
{
 +
float:right;
 +
clear:right;
 +
}
 +
span
 +
{
 +
float:right;
 +
letter-spacing:-2px;
 +
padding-right:8px;
 +
}
 +
 +
 +
/* ******************************************* titlebar */
 +
#frame01
 +
{
 +
padding:0;
 +
width:965px;
 +
margin:15px auto 0 auto;
 +
text-align:left;
 +
position:relative;
 +
}
 +
 +
/* **************************************** mainmenu */
 +
#mainmenu
 +
{
 +
height:30px;
 +
margin:0 0 0 10px;
 +
padding:3px 0;
 +
font-family:Georgia,serif;
 +
position:absolute;
 +
top:210px;
 +
left:0;
 +
}
 +
#mainmenu ul.menu1
 +
{
 +
margin:0;
 +
font-size:20px;
 +
list-style-type:none;
 +
}
 +
#mainmenu ul.menu1 li
 +
{
 +
float:left;
 +
padding:0;
 +
position:relative;
 +
}
 +
#mainmenu ul.menu1 li a.m1link:link,
 +
#mainmenu ul.menu1 li a.m1link:visited
 +
{
 +
display:block;
 +
text-decoration:none;
 +
text-align:center;
 +
font-weight:600;
 +
line-height:100%;
 +
color:#175c07;
 +
margin-right:3px;
 +
padding:5px 14px;
 +
}
 +
#mainmenu ul.menu1 li a.m1link:hover
 +
{
 +
background-image:url("https://static.igem.org/mediawiki/igem.org/5/55/Menu1.png");
 +
background-position:50% 50%;
 +
background-repeat:no-repeat;
 +
color:#000000;
 +
}
 +
#mainmenu ul.menu1 li ul,
 +
#mainmenu ul.menu1 li:hover ul.menu3
 +
{
 +
margin:0;
 +
display:none;
 +
}
 +
#mainmenu ul.menu1 li ul li a.m2link
 +
{
 +
display:block;
 +
text-decoration:none;
 +
color:#ffffff;
 +
text-align:left;
 +
width:160px;
 +
background-color:#639c0e;
 +
margin:0;
 +
padding:5px 0 5px 10px;
 +
}
 +
#mainmenu ul.menu1 li ul li:hover ul li a.m3link
 +
{
 +
display:block;
 +
text-decoration:none;
 +
color:#ffffff;
 +
text-align:center;
 +
width:130px;
 +
background-color:#639c0e;
 +
margin:0;
 +
padding:5px 0;
 +
}
 +
#mainmenu ul.menu1 li ul li a.m2link:hover,
 +
#mainmenu ul.menu1 li ul li ul li a.m3link:hover
 +
{
 +
background-color:#d1ef2d;
 +
color:#158eeb;
 +
}
 +
#mainmenu ul.menu1 li:hover ul
 +
{
 +
position:absolute;
 +
left:-10px;
 +
margin:0;
 +
display:block;
 +
width:160px;
 +
font-size:18px;
 +
z-index:100;
 +
}
 +
#mainmenu ul.menu1 li ul li:hover ul.menu3
 +
{
 +
font-size:17px;
 +
width:100px;
 +
padding-left:1px;
 +
display:block;
 +
position:absolute;
 +
left:170px;
 +
top:0;
 +
z-index:100;
 +
}
 +
 +
/* ********************************************** abstract part */
 +
#textbody
 +
{
 +
width:965px;
 +
padding:0;
 +
margin:5px auto 0 auto;
 +
text-align:left;
 +
}
 +
#flame02
 +
{
 +
width:100%;
 +
height:200px;
 +
border:none;
 +
border-collapse:collapse;                                                                                                                                                       
 +
font-family:Arial;
 +
}
 +
#flame02 tr
 +
{
 +
border:2px solid black;
 +
padding:0;
 +
}
 +
#flame02 td.left
 +
{
 +
width:200px;
 +
text-align:center;
 +
opacity:0.8;
 +
border:3px solid #b9fe40;
 +
}
 +
#flame02 td.left p.f2
 +
{
 +
font-size:40px;
 +
font-weight:bold;
 +
color:#ff9a18;
 +
}
 +
#flame02 td.right
 +
{
 +
background-color:#e8e9e8;
 +
opacity:0.8;
 +
border:3px solid #b9fe40;
 +
}
 +
#flame02 td.right p.f3
 +
{
 +
padding:20px;
 +
margin:0;
 +
text-align:left;
 +
font-family:Arial;
 +
font-size:18px;
 +
color:#000000;
 +
line-height:25px;
 +
}
 +
 +
/* *********************************************** circle menu */
 +
#block
 +
{
 +
margin:5px 0 0 0;
 +
padding:0;
 +
width:100%;
 +
}
 +
 +
#block div.centerpart1
 +
{
 +
margin:0;
 +
padding:5px 0 0 0;
 +
width:965px;
 +
text-align:center;
 +
z-index:10;
 +
position:relative;
 +
}
 +
 +
/* ********************************************* circle menu2 */
 +
#flame04
 +
{
 +
width:100%;
 +
height:430px;
 +
margin:0;
 +
border:none;
 +
border-collapse:collapse;
 +
}
 +
#flame04 tr
 +
{
 +
padding:0;
 +
}
 +
#flame04 td.sidepart
 +
{
 +
width:250px;
 +
border:none;
 +
padding:0;
 +
text-align:left;
 +
background-color:none;
 +
opacity:1;
 +
}
 +
#flame04 td.sidepart div.l1 div
 +
{
 +
width:250px;
 +
height:420px;
 +
margin:0;
 +
opacity:0.7;
 +
background-color:#33f6ff;
 +
}
 +
#flame04 td.sidepart div.l1 div p.l
 +
{
 +
height:410px;
 +
margin:0 5px;
 +
padding:10px 5px;
 +
font-size:17px;
 +
line-height:26px;
 +
font-family:Georgia,serif;
 +
overflow:hidden;
 +
}
 +
#flame04 td.sidepart div.r1 div
 +
{
 +
width:250px;
 +
height:420px;
 +
margin:0;
 +
opacity:0.7;
 +
background-color:#eff213;
 +
}
 +
#flame04 td.sidepart div p.r
 +
{
 +
width:250px;
 +
height:410px;
 +
margin:0;
 +
padding:10px 5px;
 +
font-size:17px;
 +
line-height:26px;
 +
font-family:Arial,serif;
 +
overflow:hidden;
 +
}
 +
#flame04 td.midpart1
 +
{
 +
height:200px;
 +
text-align:center;
 +
padding:0;
 +
border:none;
 +
}
 +
#flame04 td.midpart2
 +
{
 +
height:230px;
 +
text-align:left;
 +
padding:0;
 +
border:none;
 +
background-color:none;
 +
}
 +
 +
/* ************************************************* left navi */
 +
#navi
 +
{
 +
width:210px;
 +
margin:0;
 +
padding:0;
 +
float:left;
 +
clear:left;
 +
}
 +
.navimenu
 +
{
 +
background-color:transparent;
 +
padding:0;
 +
margin-top:5px;
 +
}
 +
.navimenu_head
 +
{
 +
font-size:20px;
 +
font-weight:bold;
 +
padding:10px 0;
 +
margin-top:5px;
 +
height:40px;
 +
text-align:center;
 +
font-family:Arial,sans-serif;
 +
}
 +
.navimenu_head a
 +
{
 +
color:#246820;
 +
line-height:40px;
 +
text-decoration:none;
 +
}
 +
.navimenu_body
 +
{
 +
margin:0px;
 +
padding:0px;
 +
display:none;
 +
border:1px solid #76ab27;
 +
border-top:none;
 +
}
 +
.navimenu_body a
 +
{
 +
color:#000000;
 +
background-color:transparent;
 +
display:block;
 +
padding:5px 5px 5px 15px;
 +
font-size:16px;
 +
margin:0;
 +
text-decoration:none;
 +
font-family:Arial,sans-serif;
 +
}
 +
.navimenu_body a:hover
 +
{
 +
color:#76ab27;
 +
background-color:#eaeae4;
 +
}
 +
 +
/* ************************************************** textpart */
 +
#tblock
 +
{
 +
width:720px;
 +
border:1px solid black;
 +
margin-left:223px;
 +
text-align:left;
 +
padding:10px;
 +
}
 +
 +
/* *************************************************** footer */
 +
#footer
 +
{
 +
width:965px;
 +
margin:2px auto;
 +
padding:0;
 +
border:1px solid black;
 +
}
 +
.footerblock
 +
{
 +
text-align:center;
 +
font-family:Arial,serif;
 +
font-size:20px;
 +
padding:10px;
 +
}
 +
</style>
 +
 +
 +
<body>
 +
<div id="frame01">
 +
<img style="width:100%;height:250px;margin:0;opacity:0.75;"src="https://static.igem.org/mediawiki/igem.org/7/72/Banner_scut.jpg"/>
 +
<img style="width:290px;position:absolute;z-index:1;top:30px;left:690px;"src="https://static.igem.org/mediawiki/igem.org/a/a8/Logo_scut.png"/>
 +
<img style="width:450px;position:absolute;z-index:1;top:75px;left:40px;"src="https://static.igem.org/mediawiki/igem.org/c/cf/Maintitle.png"/>
 +
<a href="https://igem.org/Main_Page"><img style="width:80px;position:absolute;z-index:1;top:10px;left:80px;opacity:0.6;border:0"src="https://static.igem.org/mediawiki/igem.org/a/a5/Scut_Igem_logo2.0.png" alt="Main Page"/>
 +
<div id="mainmenu">
 +
  <ul class="menu1">
 +
  <li>
 +
    <a href="#" class="m1link" style="padding:5px 15px">Home</a>
 +
  </li>
 +
  <li>
 +
<a href="#" class="m1link" style="padding:5px 15px;letter-spacing:1px">Team</a>
 +
<ul>
 +
  <li><a href="#" class="m2link">Members</a></li>
 +
  <li><a href="#" class="m2link">Our University</a></li>
 +
  <li><a href="#" class="m2link">title1</a></li>
 +
</ul>
 +
</li>
 +
  <li>
 +
<a href="#" class="m1link" style="padding:5px 14px">Project</a>
 +
<ul>
 +
  <li><a href="#" class="m2link">Overview</a></li>
 +
  <li>
 +
  <a href="#" class="m2link">title1<span>>></span></a>
 +
    <ul class="menu3">
 +
<li><a href="#" class="m3link">subtitle1</a></li>
 +
<li><a href="#" class="m3link">subtitle2</a></li>
 +
<li><a href="#" class="m3link">subtitle3</a></li>
 +
</ul>
 +
  </li>
 +
  <li>
 +
  <a href="#" class="m2link">title2<span>>></span></a>
 +
    <ul class="menu3">
 +
<li><a href="#" class="m3link">subtitle4</a></li>
 +
<li><a href="#" class="m3link">subtitle5</a></li>
 +
<li><a href="#" class="m3link">subtitle6</a></li>
 +
</ul>
 +
  </li>
 +
  <li>
 +
  <a href="#" class="m2link">title3<span>>></span></a>
 +
    <ul class="menu3">
 +
<li><a href="#" class="m3link">subtitle7</a></li>
 +
<li><a href="#" class="m3link">subtitle8</a></li>
 +
</ul>
 +
  </li>
 +
  <li>
 +
  <a href="#" class="m2link">Safety <span>>></span></a>
 +
    <ul class="menu3">
 +
<li><a href="#" class="m3link">subtitle9</a></li>
 +
<li><a href="#" class="m3link">subtitle10</a></li>
 +
</ul>
 +
  </li>
 +
</ul>
 +
  </li>
 +
  <li>
 +
<a href="#" class="m1link" style="padding:5px 15px;letter-spacing:2px">Parts</a>
 +
  </li>
 +
  <li>
 +
<a href="#" class="m1link" style="letter-spacing:-1px">Modeling</a>
 +
<ul>
 +
  <li><a href="#" class="m2link">Overview</a></li>
 +
  <li><a href="#" class="m2link">title1</a></li>
 +
  <li><a href="#" class="m2link">title2</a></li>
 +
</ul>
 +
  </li>
 +
  <li>
 +
<a href="#" class="m1link" style="padding:5px 14px">Human Practice</a>
 +
<ul>
 +
  <li><a href="#" class="m2link">title11</a></li>
 +
</ul>
 +
  </li>
 +
  </ul>
 +
</div>
 +
</div>
 +
 +
 +
<div id="textbody">
 +
<table id="flame02">
 +
  <tr>
 +
  <td class="left" style="background-image:url('images/testbackground.png');background-position:30% 30%;"><p class="f2">Abstract</p></td>
 +
  <td class="right"><p class="f3"><strong>E.cerevisiae is a sophisticated signal transport system between E.coli and S.cerevisiae.</strong> Producer, the E.coli, is assigned to distribute a special volatile—butanedione periodically with a stable oscillation circuit, which defines the meaning of the signal. On the other side, Sniffer,the yeast, transplanted with a nose from nematode, can respond to the signal immediately. We hope this can realize the communication between prokaryotes and eukaryotes for the further research on symbiosis.hahaha</p></td>
 +
  </tr>
 +
  <a href="https://2013.igem.org/Team:SCUT/Project/Oscillating_odorant#tblock3">click here..</a>
 +
</table>
 +
</div>
 +
 +
 +
</body>
 +
</html>

Latest revision as of 04:14, 28 September 2013

click here..

Abstract

E.cerevisiae is a sophisticated signal transport system between E.coli and S.cerevisiae. Producer, the E.coli, is assigned to distribute a special volatile—butanedione periodically with a stable oscillation circuit, which defines the meaning of the signal. On the other side, Sniffer,the yeast, transplanted with a nose from nematode, can respond to the signal immediately. We hope this can realize the communication between prokaryotes and eukaryotes for the further research on symbiosis.hahaha