User:Yanzw scut

From 2013.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
 +
/*
 +
*SCUT-China igem2013 wiki
 +
*Design by Yan Zewei <960071971@qq.com>
 +
*/
body
body
{
{
Line 40: Line 45:
left:0px;
left:0px;
width:100%;
width:100%;
 +
height:100%;
padding:0;
padding:0;
margin:0;
margin:0;
Line 46: Line 52:
background-position:50% 0;
background-position:50% 0;
background-attachment:fixed;
background-attachment:fixed;
 +
background-image:url("https://static.igem.org/mediawiki/igem.org/3/38/Background1.jpg");
}
}
#content
#content
Line 77: Line 84:
{
{
list-style-type: none;
list-style-type: none;
-
font-size:16px;
+
font-size:15px;
margin:0;
margin:0;
}
}
#menubar li
#menubar li
{
{
-
padding:0;
+
font-family:Arial;
 +
padding:1px 0;
 +
margin-right:7px;
display:inline;
display:inline;
}
}
.right-menu a
.right-menu a
{
{
 +
padding:1px 0;
text-align:left;
text-align:left;
text-decoration:none;
text-decoration:none;
Line 96: Line 106:
.left-menu a
.left-menu a
{
{
 +
padding:1px 0;
text-align:left;
text-align:left;
text-decoration:none;
text-decoration:none;
Line 137: Line 148:
-
/* ****************************** titlebar */
+
/* ******************************************* titlebar */
#frame01
#frame01
{
{
padding:0;
padding:0;
width:965px;
width:965px;
-
margin:23px auto 0 auto;
+
margin:15px auto 0 auto;
text-align:left;
text-align:left;
-
border:3px solid #b9fe40;
 
position:relative;
position:relative;
}
}
-
/* ****************************** mainmenu */
+
/* **************************************** mainmenu */
#mainmenu
#mainmenu
{
{
height:30px;
height:30px;
-
margin:0;
+
margin:0 0 0 10px;
padding:3px 0;
padding:3px 0;
font-family:Georgia,serif;
font-family:Georgia,serif;
Line 185: Line 195:
#mainmenu ul.menu1 li a.m1link:hover
#mainmenu ul.menu1 li a.m1link:hover
{
{
-
background-image:url("");
+
background-image:url("https://static.igem.org/mediawiki/igem.org/5/55/Menu1.png");
background-position:50% 50%;
background-position:50% 50%;
background-repeat:no-repeat;
background-repeat:no-repeat;
Line 227: Line 237:
{
{
position:absolute;
position:absolute;
-
left:0;
+
left:-10px;
margin:0;
margin:0;
display:block;
display:block;
Line 246: Line 256:
}
}
-
/* *************************************** 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 305:
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>
-
<body background="">
+
<body>
<div id="frame01">
<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: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=""/>
+
  <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:60px;left:40px;"src=""/>
+
  <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">
  <div id="mainmenu">
   <ul class="menu1">
   <ul class="menu1">
Line 313: Line 508:
  <li><a href="#" class="m2link">Overview</a></li>
  <li><a href="#" class="m2link">Overview</a></li>
  <li>
  <li>
-
  <a href="#" class="m2link">title1<span>&#8250&#8250</span></a>
+
  <a href="#" class="m2link">title1<span>>></span></a>
    <ul class="menu3">
    <ul class="menu3">
<li><a href="#" class="m3link">subtitle1</a></li>
<li><a href="#" class="m3link">subtitle1</a></li>
Line 321: Line 516:
  </li>
  </li>
  <li>
  <li>
-
  <a href="#" class="m2link">title2<span>&#8250&#8250</span></a>
+
  <a href="#" class="m2link">title2<span>>></span></a>
    <ul class="menu3">
    <ul class="menu3">
<li><a href="#" class="m3link">subtitle4</a></li>
<li><a href="#" class="m3link">subtitle4</a></li>
Line 329: Line 524:
  </li>
  </li>
  <li>
  <li>
-
  <a href="#" class="m2link">title3<span>&#8250&#8250</span></a>
+
  <a href="#" class="m2link">title3<span>>></span></a>
    <ul class="menu3">
    <ul class="menu3">
<li><a href="#" class="m3link">subtitle7</a></li>
<li><a href="#" class="m3link">subtitle7</a></li>
Line 336: Line 531:
  </li>
  </li>
  <li>
  <li>
-
  <a href="#" class="m2link">Human Practice <span>&#8250&#8250</span></a>
+
  <a href="#" class="m2link">Safety <span>>></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 551:
   </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 562:
<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.hahaha</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>
+
  <a href="https://2013.igem.org/Team:SCUT/Project/Oscillating_odorant#tblock3">click here..</a>
 +
</table>
</div>
</div>

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