User:Yanzw scut

From 2013.igem.org

(Difference between revisions)
Line 142: Line 142:
padding:0;
padding:0;
width:965px;
width:965px;
-
margin:23px auto 0 auto;
+
margin:3px auto 0 auto;
text-align:left;
text-align:left;
-
border:3px solid #b9fe40;
 
position:relative;
position:relative;
}
}
Line 185: Line 184:
#mainmenu ul.menu1 li a.m1link:hover
#mainmenu ul.menu1 li a.m1link:hover
{
{
-
background-image:url("");
+
background-image:url("../images/menu1.png");
background-position:50% 50%;
background-position:50% 50%;
background-repeat:no-repeat;
background-repeat:no-repeat;
Line 227: Line 226:
{
{
position:absolute;
position:absolute;
-
left:0;
+
left:-50px;
margin:0;
margin:0;
display:block;
display:block;
Line 246: Line 245:
}
}
-
/* *************************************** text part */
+
/* *************************************** abstract part */
#textbody
#textbody
{
{
width:965px;
width:965px;
padding:0;
padding:0;
-
margin:10px auto 0 auto;
+
margin:5px auto 0 auto;
text-align:left;
text-align:left;
-
position:relative;
 
}
}
-
#textbody div.flame02
+
#flame02
{
{
-
width:200px;
+
width:100%;
height:200px;
height:200px;
-
float:left;
+
border:none;
-
border:3px solid #b9fe40;
+
border-collapse:collapse;                                                                                                                                                       
 +
font-family:Arial;
 +
}
 +
#flame02 tr
 +
{
 +
border:2px solid black;
 +
padding:0;
 +
}
 +
#flame02 td.left
 +
{
 +
width:200px;
text-align:center;
text-align:center;
-
font-family:Georgia,Arial;
+
opacity:0.8;
 +
border:3px solid #b9fe40;
 +
}
 +
#flame02 td.left p.f2
 +
{
font-size:40px;
font-size:40px;
font-weight:bold;
font-weight:bold;
color:#ff9a18;
color:#ff9a18;
}
}
-
#textbody div.flame03
+
#flame02 td.right
{
{
-
width:750px;
 
-
height:200px;
 
-
border:3px solid #b9fe40;
 
-
margin-left:3px;
 
-
float:left;
 
background-color:#e8e9e8;
background-color:#e8e9e8;
-
opacity:0.75;
+
opacity:0.8;
 +
border:3px solid #b9fe40;
}
}
-
#textbody div.flame03 p.f3
+
#flame02 td.right p.f3
{
{
padding:20px;
padding:20px;
Line 286: Line 294:
color:#000000;
color:#000000;
line-height:25px;
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>
</style>
Line 336: Line 519:
  </li>
  </li>
  <li>
  <li>
-
  <a href="#" class="m2link">Human Practice <span>&#8250&#8250</span></a>
+
  <a href="#" class="m2link">Safety <span>&#8250&#8250</span></a>
    <ul class="menu3">
    <ul class="menu3">
<li><a href="#" class="m3link">subtitle9</a></li>
<li><a href="#" class="m3link">subtitle9</a></li>
Line 356: Line 539:
   </li>
   </li>
   <li>
   <li>
-
<a href="#" class="m1link" style="padding:5px 16px">Safety</a>
+
<a href="#" class="m1link" style="padding:5px 14px">Human Practice</a>
 +
<ul>
 +
  <li><a href="#" class="m2link">title11</a></li>
 +
</ul>
   </li>
   </li>
   </ul>
   </ul>
Line 364: Line 550:
<div id="textbody">
<div id="textbody">
-
  <div class="flame02">
+
  <table id="flame02">
-
   <img style="position:absolute;width:200px;height:200px;margin:0;opacity:0.75;z-index:-1;"src=""/>
+
   <tr>
-
  <p style="padding:25px 0">Abstract</p>
+
  <td class="left" style="background-image:url('images/testbackground.png');background-position:30% 30%;"><p class="f2">Abstract</p></td>
-
</div>
+
  <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.</p></td>
-
<div class="flame03">
+
  </tr>
-
  <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.</p>
+
</table>
</div>
</div>

Revision as of 13:18, 7 September 2013

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.

Retrieved from "http://2013.igem.org/User:Yanzw_scut"