Team:Tianjin
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
- | + | <div id="content" | |
- | + | border:0px;border-color: transparent;> | |
- | <html> | + | </div> |
- | + | <html xmlns="http://www.w3.org/1999/xhtml"> | |
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <title>Team:Tianjin2014/Safety</title> | ||
+ | <style type="text/css"> | ||
<!-- | <!-- | ||
body { | body { | ||
- | background-color: # | + | margin-left: -330px; |
+ | margin-right: 20px; | ||
+ | margin-top:0px; | ||
+ | margin-bottom: 1%; | ||
+ | background-color: #663300; | ||
+ | } | ||
+ | #search-controls{display:none;} | ||
+ | .firstHeading{display:none;border:0px;} | ||
+ | #siteSub{display:none;} | ||
+ | #content{ | ||
+ | border-color: transparent;} | ||
+ | .firstHeading{display:none;border:0px;} | ||
+ | a:link { | ||
+ | color: #FFFFCC; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:visited { | ||
+ | text-decoration: none; | ||
+ | color: #CCCC99; | ||
+ | } | ||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #FF9933; | ||
+ | } | ||
+ | a:active { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #project { | ||
+ | position:absolute; | ||
+ | width:80px; | ||
+ | height:24px; | ||
+ | z-index:2; | ||
+ | } | ||
+ | #Layer8 { | ||
+ | position:absolute; | ||
+ | width:180px; | ||
+ | height:150px; | ||
+ | z-index:1; | ||
+ | top: 30px; | ||
+ | left: 0; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #home { | ||
+ | position:absolute; | ||
+ | width:80px; | ||
+ | height:24px; | ||
+ | z-index:3; | ||
+ | } | ||
+ | #judging { | ||
+ | position:absolute; | ||
+ | width:80px; | ||
+ | height:24px; | ||
+ | z-index:4; | ||
+ | } | ||
+ | #Layer11 { | ||
+ | position:absolute; | ||
+ | width:115px; | ||
+ | height:50px; | ||
+ | z-index:1; | ||
+ | left: 0; | ||
+ | top: 30px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #notebook { | ||
+ | position:absolute; | ||
+ | width:80px; | ||
+ | height:24px; | ||
+ | z-index:5; | ||
+ | } | ||
+ | #Layer13 { | ||
+ | position:absolute; | ||
+ | width:130px; | ||
+ | height:50px; | ||
+ | z-index:1; | ||
+ | top: 30px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #team { | ||
+ | position:absolute; | ||
+ | width:101px; | ||
+ | height:24px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #safety { | ||
+ | position:absolute; | ||
+ | width:80px; | ||
+ | height:24px; | ||
+ | z-index:11; | ||
+ | } | ||
+ | #human-practice { | ||
+ | position:absolute; | ||
+ | width:130px; | ||
+ | height:24px; | ||
+ | z-index:8; | ||
+ | } | ||
+ | #Layer17 { | ||
+ | position:absolute; | ||
+ | width:130px; | ||
+ | height:75px; | ||
+ | z-index:9; | ||
+ | left: 0px; | ||
+ | top: 24px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .STYLE18 { | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-weight: bold; | ||
+ | font-size: x-large; | ||
+ | color: #006600; | ||
+ | } | ||
+ | .STYLE29 { | ||
+ | font-size: 36px; | ||
+ | font-family: Jokerman; | ||
+ | } | ||
+ | .STYLE33 { | ||
+ | font-size: 18px; | ||
+ | font-family: "Comic Sans MS"; | ||
+ | } | ||
+ | .STYLE40 { | ||
+ | font-family: "Kristen ITC"; | ||
+ | color: #C67B18; | ||
+ | } | ||
+ | .STYLE43 {font-family: Jokerman; | ||
+ | font-size: 72px; | ||
+ | color: #C67B18; | ||
+ | } | ||
+ | .STYLE24 {font-size: 96px} | ||
+ | .STYLE45 {font-family: "Kristen ITC"; font-size: 24px; color: #FFFFFF; font-weight: bold; } | ||
+ | .STYLE46 {font-family: "Kristen ITC"} | ||
+ | .STYLE47 {font-size: 24px; font-family: "Kristen ITC"; font-weight: bold; } | ||
+ | .STYLE48 {font-weight: bold; font-size: 24px;} | ||
+ | #Layer18 { | ||
+ | position:absolute; | ||
+ | width:260px; | ||
+ | height:115px; | ||
+ | z-index:9; | ||
+ | left: 28px; | ||
+ | top: 458px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #Layer19 { | ||
+ | position:absolute; | ||
+ | width:137px; | ||
+ | height:78px; | ||
+ | z-index:1; | ||
+ | left: 0; | ||
+ | top: 30; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #Layer7 { | ||
+ | position:absolute; | ||
+ | width:222px; | ||
+ | height:149px; | ||
+ | z-index:1; | ||
+ | left: 0; | ||
+ | top: 30; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #Layer9 { | ||
+ | position:absolute; | ||
+ | width:200px; | ||
+ | height:115px; | ||
+ | z-index:12; | ||
+ | } | ||
+ | #Layer10 { | ||
+ | position:absolute; | ||
+ | width:452px; | ||
+ | height:115px; | ||
+ | z-index:12; | ||
+ | left: 38px; | ||
+ | top: 400px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #Layer12 { | ||
+ | position:absolute; | ||
+ | width:551px; | ||
+ | height:508px; | ||
+ | z-index:1; | ||
+ | left: 457px; | ||
+ | top: 0px; | ||
+ | } | ||
+ | #Layer14 { | ||
+ | position:absolute; | ||
+ | width:200px; | ||
+ | height:115px; | ||
+ | z-index:13; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | } | ||
+ | #Layer15 { | ||
+ | position:absolute; | ||
+ | width:200px; | ||
+ | height:115px; | ||
+ | z-index:12; | ||
+ | left: 528px; | ||
+ | top: 410px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #Layer16 { | ||
+ | position:absolute; | ||
+ | width:200px; | ||
+ | height:115px; | ||
+ | z-index:12; | ||
+ | left: 528px; | ||
+ | top: 410px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #Layer20 { | ||
+ | position:absolute; | ||
+ | width:200px; | ||
+ | height:115px; | ||
+ | z-index:13; | ||
+ | left: 528px; | ||
+ | top: 410px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #Layer21 { | ||
+ | position:absolute; | ||
+ | width:200px; | ||
+ | height:115px; | ||
+ | z-index:14; | ||
+ | left: 528px; | ||
+ | top: 410px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .STYLE61 {font-family: "Comic Sans MS"; font-size: 18px; color: #C67B14; } | ||
+ | .STYLE62 {font-size: 36px; font-family: "Kristen ITC"; } | ||
+ | .STYLE69 {font-family: Jokerman; font-size: 20px; } | ||
+ | .STYLE71 {font-size: 24} | ||
+ | .STYLE72 {font-size: 24px} | ||
+ | .STYLE76 {font-size: 90px} | ||
+ | .STYLE77 {font-size: 120px} | ||
+ | #Layer22 { | ||
+ | position:absolute; | ||
+ | width:200px; | ||
+ | height:115px; | ||
+ | z-index:12; | ||
+ | left: 0; | ||
+ | top: 30; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .STYLE56 { font-size: 16px; | ||
+ | font-family: "Kristen ITC"; | ||
+ | } | ||
+ | .STYLE66 {font-size: 18px; font-family: "Kristen ITC"; font-weight: bold; } | ||
+ | .STYLE67 { font-size: 18px; | ||
+ | font-weight: bold; | ||
} | } | ||
- | |||
- | |||
--> | --> | ||
+ | ul,li{list-style:none;} | ||
+ | #content{width:600px;margin:0 auto;border:1px solid #f00;} | ||
+ | ul li.item{width:400px;text-align:center;margin:20px 100px;background:#00f;color:#fff;font-size:14px;font-weight:bold;height:100px;line-height:100px;} | ||
+ | #float_banner{position:absolute;top:0;left:50%;width:900px;margin-left:-450px;height:30px;line-height:30px;text-align:center;background:#000;color:#fff;font-size:14px;font-weight:bold;z-index:2;} | ||
+ | |||
</style> | </style> | ||
- | < | + | <script type="text/JavaScript" language="javascript"> |
- | < | + | </script> |
- | <table width=" | + | </head> |
+ | |||
+ | <body> | ||
+ | |||
+ | <table width="1230" border="0" cellspacing="0" cellpadding="0"> | ||
<tr> | <tr> | ||
- | <td width=" | + | <td width="19%" bgcolor="#3A2108"><p><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/5/5d/Team:Tianjin_image_IGEM_official_logo.png" alt="image igem" width="205" height="114" border="0" align="top" /></a><br /> |
- | + | </p> | |
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p></td> | ||
+ | <td width="43%" bgcolor="#3A2108"><p><span class="STYLE43"><span class="STYLE24"><a name="top" id="top"></a><span class="STYLE77">T</span></span><span class="STYLE76">rans<em>f</em> ibre</span></span><br /> | ||
+ | <span class="STYLE40">Welcome to Team Tianjin! </span><br /> | ||
+ | </p></td> | ||
+ | <td width="38%" bgcolor="#3A2108"><img src="https://static.igem.org/mediawiki/2014/e/eb/Tianjin-head3.gif" width="456" height="226" align="right" /></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <table width="1230" border="0" cellpadding="0" cellspacing="0" bgcolor="#663300"> | ||
+ | <tr> | ||
+ | <td width="157" height="21" bgcolor="#663300"><div id="home"> | ||
+ | <table width="100" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td bgcolor="#663300"><span class="STYLE45"><a href="https://2014.igem.org/Team:Tianjin">Home|</a></span></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div></td> | ||
+ | <td width="169" bgcolor="#663300"><div class="STYLE46" id="project" onmouseover="MM_showHideLayers('Layer8','','show')" onmouseout="MM_showHideLayers('Layer8','','hide')"><a href="https://2014.igem.org/Team:Tianjin/Project" class="STYLE48">Project|</a></div></td> | ||
+ | <td width="174" bgcolor="#663300"><div id="judging" onmouseover="MM_showHideLayers('Layer11','','show')" onmouseout="MM_showHideLayers('Layer11','','hide')"> | ||
+ | <table width="110" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td bgcolor="#663300"><a href="https://2014.igem.org/Team:Tianjin/Judging" class="STYLE47">Judging|</a></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div></td> | ||
+ | <td width="200" bgcolor="#663300"><div id="notebook" onmouseover="MM_showHideLayers('Layer13','','show')" onmouseout="MM_showHideLayers('Layer13','','hide')"> | ||
+ | <table width="110" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td bgcolor="#663300"><a href="https://2014.igem.org/Team:Tianjin/Notebook" class="STYLE47">Notebook|</a></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div></td> | ||
+ | <td width="146" bgcolor="#663300"><div id="team" onmouseover="MM_showHideLayers('Layer7','','show')" onmouseout="MM_showHideLayers('Layer7','','hide')"> | ||
+ | <div id="layer"> | ||
+ | <table width="100" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td bgcolor="#663300"><span class="STYLE45"><a href="https://2014.igem.org/Team:Tianjin/Team">Team|</a></span></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | </div></td> | ||
+ | <td width="159" bgcolor="#663300"><div id="safety" onmouseover="MM_showHideLayers('Layer19','','show')" onmouseout="MM_showHideLayers('Layer19','','hide')"> | ||
+ | <div id="layer2"> | ||
+ | <table width="100" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td bgcolor="#663300"><span class="STYLE45"><a href="https://2014.igem.org/Team:Tianjin/Safety">Safety|</a></span></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | </div></td> | ||
+ | <td width="225" bgcolor="#663300"><div id="human-practice" onmouseover="MM_showHideLayers('Layer22','','show')" onmouseout="MM_showHideLayers('Layer22','','hide')"> | ||
+ | <div id="layer3"> | ||
+ | <table width="100" border="0" cellspacing="0" cellpadding="0"> | ||
+ | <tr> | ||
+ | <td bgcolor="#663300"><span class="STYLE45"><a href="https://2014.igem.org/Team:Tianjin/Human_Practice">Human Practice|</a></span></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
</div></td> | </div></td> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</tr> | </tr> | ||
</table> | </table> | ||
<br /> | <br /> | ||
- | <table width=" | + | <table width="1230" border="0" align="center" cellpadding="0" cellspacing="0"> |
<tr> | <tr> | ||
- | <td | + | <td bgcolor="#993300"><table width="960" border="10" align="center" cellpadding="0" cellspacing="0" bordercolor="#C67B14" bgcolor="#993300"> |
+ | <tr> | ||
+ | <td width="100%" bgcolor="#FFED97"><p class="STYLE33"><img src="https://static.igem.org/mediawiki/2014/2/2b/Tianjin-home.gif" width="900" height="420" align="middle" /></p> </td> | ||
+ | </tr> | ||
+ | </table></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
- | + | <br /> | |
- | + | <table width="1230" border="5" cellpadding="0" cellspacing="0" bordercolor="#993300" bgcolor="#FFFFFF"> | |
- | + | ||
- | <table width=" | + | |
<tr> | <tr> | ||
- | <td>< | + | <td height="59" bgcolor="#993300"><table width="100%" border="15" cellpadding="0" cellspacing="0" bordercolor="#3A2108"> |
- | < | + | <tr> |
- | <p | + | <td width="19%" bgcolor="#3A2108"><a href="http://www.tju.edu.cn/index.htm"><img src="https://static.igem.org/mediawiki/2014/0/01/Tianjin-school.png" width="175" height="163" border="0" /></a></td> |
- | </ | + | <td width="81%" bgcolor="#3A2108"><p><span class="STYLE61">Our sponser:<br /> |
- | </ | + | Tianjin University<br /> |
+ | Eddress: | ||
+ | Tianjin University, Weijin street No.92, Tianjin, China<br /> | ||
+ | Email:@edu.tju.cn</span></p> | ||
+ | <p> </p></td> | ||
+ | </tr> | ||
+ | |||
+ | </table> | ||
+ | <p class="STYLE18"><br /> | ||
+ | </p> | ||
+ | </td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
- | < | + | <script language="javascript"> |
- | + | var speed = 100; | |
- | + | var scrollTop = null; | |
+ | var hold = 0; | ||
+ | var float_banner; | ||
+ | var pos = null; | ||
+ | var timer = null; | ||
+ | var moveHeight = null; | ||
+ | float_banner = document.getElementById("float_banner"); | ||
+ | window.onscroll=scroll_ad; | ||
+ | function scroll_ad(){ | ||
+ | scrollTop = document.documentElement.scrollTop+document.body.scrollTop; | ||
+ | pos = scrollTop - float_banner.offsetTop; | ||
+ | pos = pos/10 | ||
+ | moveHeight = pos>0?Math.ceil(pos):Math.floor(pos); | ||
+ | if(moveHeight!=0){ | ||
+ | float_banner.style.top = float_banner.offsetTop+moveHeight+"px"; | ||
+ | setTimeout(scroll_ad,speed); | ||
+ | } | ||
+ | //alert(scrollTop); | ||
+ | } | ||
+ | </script> | ||
</p> | </p> | ||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 20:03, 16 October 2014
|
|