User:Yanzw scut

From 2013.igem.org

(Difference between revisions)
 
(70 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
body{position:absolute; top:0px; width:100%; height:1480px;}
 
-
#top-section{
 
-
  height:0px;
 
-
    border:none;
 
-
    width:980px;
 
-
    margin:0 auto;
 
-
    padding:0 0 0 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%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
 
-
#content{
 
-
    background-color:transparent;
 
-
    border:none;
 
-
    width:1349px;
 
-
    height:700px;
 
-
    marign:0 auto;
 
-
    padding:0 0 0 0;
 
-
    top:-40px;
 
-
    }
 
-
#bodyContent{
 
-
    background-color:transparent;
 
-
    border:none;
 
-
   
 
-
    }
 
-
siteSub{
 
-
    display:none;
 
-
    border:none;
 
-
    }
 
-
contentSub{
 
-
    display:none;
 
-
    }
 
-
 
-
#footer-box{display:none;}
 
-
#catlinks{display:none;}
 
 +
/*
 +
*SCUT-China igem2013 wiki
 +
*Design by Yan Zewei <960071971@qq.com>
 +
*/
body
body
{
{
 +
top:0px;
background-color:#ebf9db;
background-color:#ebf9db;
-
background-image:url("../images/background1.jpg");
+
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-repeat:no-repeat;
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
 +
{
 +
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;
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
li
{
{
Line 73: Line 148:
-
/* ****************************** top menu */
+
/* ******************************************* titlebar */
-
#topmenu
+
-
{
+
-
background-color:#76ab27;
+
-
width:965px;
+
-
padding:2px 3px;
+
-
margin:0 auto;
+
-
top:0;
+
-
height:20px;
+
-
font-family:Arial,sans-serif;
+
-
font-size:15px;
+
-
font-weight:bold;
+
-
opacity:0.8;
+
-
}
+
-
#topmenu a
+
-
{
+
-
border-right:1px solid #ecff4f;
+
-
text-align:center;
+
-
padding:0 20px;
+
-
}
+
-
#topmenu a:link,
+
-
#topmenu a:visited
+
-
{
+
-
color:#000000;
+
-
text-decoration:none;
+
-
}
+
-
#topmenu a:hover
+
-
{
+
-
color:#1c53ef;
+
-
}
+
-
#topmenu a:active
+
-
{
+
-
color:#891fd3;
+
-
}
+
-
 
+
-
/* ****************************** titlebar */
+
#frame01
#frame01
{
{
padding:0;
padding:0;
width:965px;
width:965px;
-
margin:3px 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 156: Line 195:
#mainmenu ul.menu1 li a.m1link:hover
#mainmenu ul.menu1 li a.m1link:hover
{
{
-
background-image:url("../images/menu1.png");
+
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 198: Line 237:
{
{
position:absolute;
position:absolute;
-
left:-50px;
+
left:-10px;
margin:0;
margin:0;
display:block;
display:block;
Line 217: 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 258: Line 306:
line-height:25px;
line-height:25px;
}
}
-
</style>
 
 +
/* *********************************************** 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>
 
-
<ul id="topmenu">
 
-
  <li>
 
-
    <a href="https://2013.igem.org/Main_Page"title="igem homepage">iGem</a>
 
-
  </li>
 
-
  <li>
 
-
    <a>View Source</a>
 
-
  </li>
 
-
  <li>
 
-
    <a>History</a>
 
-
  </li>
 
-
  <li>
 
-
    <a style="float:right;border:none">log in</a>
 
-
  </li>
 
-
</ul>
 
 +
<body>
<div id="frame01">
<div id="frame01">
-
  <img style="width:100%;height:250px;margin:0;opacity:0.75;"src="images/banner.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="images/logo.png"/>
+
  <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="images/maintitle.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">
  <div id="mainmenu">
   <ul class="menu1">
   <ul class="menu1">
Line 299: 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 307: 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 315: 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 322: 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 342: 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>
  </div>
  </div>
</div>
</div>
 +
<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="images/testbackground.png"/>
+
   <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>
-
 
  </body>
  </body>
</html>
</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