|
|
| Line 1: |
Line 1: |
| - | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
| |
| - | <html>
| |
| - | <head>
| |
| - | <title> Team:scut - 2013.igem.org </title>
| |
| - | <meta name="Generator" content="EditPlus">
| |
| - | 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>››</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">Human Practice <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 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>
| |
"
