User:Yanzw scut
From 2013.igem.org
(Difference between revisions)
Yanzw scut (Talk | contribs) (Blanked the page) |
Yanzw scut (Talk | contribs) |
||
(73 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <style type="text/css"> | ||
+ | /* | ||
+ | *SCUT-China igem2013 wiki | ||
+ | *Design by Yan Zewei <960071971@qq.com> | ||
+ | */ | ||
+ | body | ||
+ | { | ||
+ | top:0px; | ||
+ | background-color:#ebf9db; | ||
+ | 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-position:50% 0; | ||
+ | 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; | ||
+ | } | ||
+ | #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 | ||
+ | { | ||
+ | display:inline; | ||
+ | } | ||
+ | .floatL | ||
+ | { | ||
+ | float:left; | ||
+ | clear:left; | ||
+ | } | ||
+ | .floatR | ||
+ | { | ||
+ | float:right; | ||
+ | clear:right; | ||
+ | } | ||
+ | span | ||
+ | { | ||
+ | float:right; | ||
+ | letter-spacing:-2px; | ||
+ | padding-right:8px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ******************************************* titlebar */ | ||
+ | #frame01 | ||
+ | { | ||
+ | padding:0; | ||
+ | width:965px; | ||
+ | margin:15px auto 0 auto; | ||
+ | text-align:left; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | /* **************************************** mainmenu */ | ||
+ | #mainmenu | ||
+ | { | ||
+ | height:30px; | ||
+ | margin:0 0 0 10px; | ||
+ | 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("https://static.igem.org/mediawiki/igem.org/5/55/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:-10px; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | /* ********************************************** abstract part */ | ||
+ | #textbody | ||
+ | { | ||
+ | width:965px; | ||
+ | padding:0; | ||
+ | margin:5px auto 0 auto; | ||
+ | text-align:left; | ||
+ | } | ||
+ | #flame02 | ||
+ | { | ||
+ | width:100%; | ||
+ | height:200px; | ||
+ | border:none; | ||
+ | border-collapse:collapse; | ||
+ | font-family:Arial; | ||
+ | } | ||
+ | #flame02 tr | ||
+ | { | ||
+ | border:2px solid black; | ||
+ | padding:0; | ||
+ | } | ||
+ | #flame02 td.left | ||
+ | { | ||
+ | width:200px; | ||
+ | text-align:center; | ||
+ | opacity:0.8; | ||
+ | border:3px solid #b9fe40; | ||
+ | } | ||
+ | #flame02 td.left p.f2 | ||
+ | { | ||
+ | font-size:40px; | ||
+ | font-weight:bold; | ||
+ | color:#ff9a18; | ||
+ | } | ||
+ | #flame02 td.right | ||
+ | { | ||
+ | background-color:#e8e9e8; | ||
+ | opacity:0.8; | ||
+ | border:3px solid #b9fe40; | ||
+ | } | ||
+ | #flame02 td.right p.f3 | ||
+ | { | ||
+ | padding:20px; | ||
+ | margin:0; | ||
+ | text-align:left; | ||
+ | font-family:Arial; | ||
+ | font-size:18px; | ||
+ | color:#000000; | ||
+ | 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> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | <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: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: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"> | ||
+ | <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">Safety <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 14px">Human Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="#" class="m2link">title11</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="textbody"> | ||
+ | <table id="flame02"> | ||
+ | <tr> | ||
+ | <td class="left" style="background-image:url('images/testbackground.png');background-position:30% 30%;"><p class="f2">Abstract</p></td> | ||
+ | <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> | ||
+ | </tr> | ||
+ | <a href="https://2013.igem.org/Team:SCUT/Project/Oscillating_odorant#tblock3">click here..</a> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | </html> |
Latest revision as of 04:14, 28 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.hahaha |