User:Yanzw scut

From 2013.igem.org

(Difference between revisions)
Line 41: Line 41:
#footer-box{display:none;}
#footer-box{display:none;}
#catlinks{display:none;}
#catlinks{display:none;}
 +
 +
body
 +
{
 +
background-color:#ebf9db;
 +
background-image:url("../images/background1.jpg");
 +
background-repeat:no-repeat;
 +
background-position:50% 0;
 +
background-attachment:fixed;
 +
margin:0;
 +
}
 +
li
 +
{
 +
display:inline;
 +
}
 +
.floatL
 +
{
 +
float:left;
 +
clear:left;
 +
}
 +
.floatR
 +
{
 +
float:right;
 +
clear:right;
 +
}
 +
span
 +
{
 +
float:right;
 +
letter-spacing:-2px;
 +
padding-right:8px;
 +
}
 +
 +
 +
/* ****************************** top menu */
 +
#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
 +
{
 +
padding:0;
 +
width:965px;
 +
margin:3px auto 0 auto;
 +
text-align:left;
 +
border:3px solid #b9fe40;
 +
position:relative;
 +
}
 +
 +
/* ****************************** mainmenu */
 +
#mainmenu
 +
{
 +
height:30px;
 +
margin:0;
 +
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("../images/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:-50px;
 +
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;
 +
}
 +
 +
/* *************************************** text part */
 +
#textbody
 +
{
 +
width:965px;
 +
padding:0;
 +
margin:10px auto 0 auto;
 +
text-align:left;
 +
position:relative;
 +
}
 +
#textbody div.flame02
 +
{
 +
width:200px;
 +
height:200px;
 +
float:left;
 +
border:3px solid #b9fe40;
 +
text-align:center;
 +
font-family:Georgia,Arial;
 +
font-size:40px;
 +
font-weight:bold;
 +
color:#ff9a18;
 +
}
 +
#textbody div.flame03
 +
{
 +
width:750px;
 +
height:200px;
 +
border:3px solid #b9fe40;
 +
margin-left:3px;
 +
float:left;
 +
background-color:#e8e9e8;
 +
opacity:0.75;
 +
}
 +
#textbody div.flame03 p.f3
 +
{
 +
padding:20px;
 +
margin:0;
 +
text-align:left;
 +
font-family:Arial;
 +
font-size:18px;
 +
color:#000000;
 +
line-height:25px;
 +
}
 +
</head>
 +
 +
 +
<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>
 +
 +
<div id="frame01">
 +
<img style="width:100%;height:250px;margin:0;opacity:0.75;"src="images/banner.jpg"/>
 +
<img style="width:290px;position:absolute;z-index:1;top:30px;left:690px;"src="images/logo.png"/>
 +
<img style="width:450px;position:absolute;z-index:1;top:60px;left:40px;"src="images/maintitle.png"/>
 +
<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>&#8250&#8250</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>&#8250&#8250</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>&#8250&#8250</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">Human Practice <span>&#8250&#8250</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 16px">Safety</a>
 +
  </li>
 +
  </ul>
 +
</div>
 +
</div>
 +
 +
<div id="textbody">
 +
<div class="flame02">
 +
  <img style="position:absolute;width:200px;height:200px;margin:0;opacity:0.75;z-index:-1;"src="images/testbackground.png"/>
 +
  <p style="padding:25px 0">Abstract</p>
 +
</div>
 +
<div class="flame03">
 +
  <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>
 +
</div>
 +
 +
 +
 +
</body>
 +
</html>

Revision as of 06:17, 19 August 2013