Team:Tianjin/Project
From 2013.igem.org
(Difference between revisions)
(→Project Description) |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | |||
- | |||
</div> | </div> | ||
- | |||
- | |||
</div> | </div> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | *{margin:0;padding:0;font-family:"微软雅黑","Arial";} | ||
+ | |||
+ | body{ | ||
+ | width: 960px; | ||
+ | height: auto; | ||
+ | margin: 0 auto; | ||
+ | font-size:12px; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | background-color:#fff; | ||
+ | } | ||
+ | |||
+ | h1,h2,h3,h4,h5,h6{ | ||
+ | border:none;} | ||
+ | |||
+ | p {margin:0.5em 0 !important; | ||
+ | text-decoration:none; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | .content-section{ | ||
+ | width:960px; | ||
+ | height:10px; | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | .logo-section{ | ||
+ | height:220px; | ||
+ | width:960px; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | margin-top:5px; | ||
+ | background:url(https://static.igem.org/mediawiki/2013/6/69/Human_Practice_banner.jpg) no-repeat; | ||
+ | } | ||
+ | .note{ | ||
+ | width:960px; | ||
+ | height:200px; | ||
+ | float:left; | ||
+ | margin-top:10px; | ||
+ | position:relative; | ||
+ | background-color:#fff; | ||
+ | padding:0; | ||
+ | } | ||
+ | .note1{ | ||
+ | width:960px; | ||
+ | min-height:200px; | ||
+ | float:left; | ||
+ | background-color:#fff; | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | .note2{ | ||
+ | width:880px; | ||
+ | height:auto; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | margin-left:20px; | ||
+ | padding:30px 10px 10px 30px; | ||
+ | } | ||
+ | #footer{ | ||
+ | margin:0 auto; | ||
+ | width:960px; | ||
+ | min-height:73px; | ||
+ | text-align:center; | ||
+ | color:#666; | ||
+ | float:left; | ||
+ | } | ||
+ | #goTopBtn {POSITION: fixed;TEXT-ALIGN: center;LINE-HEIGHT: 30px;WIDTH: 100px;BOTTOM: 35px;HEIGHT: 100px;FONT-SIZE: 12px;RIGHT: 30px;} | ||
+ | |||
+ | |||
+ | <!--hidden section--> | ||
+ | .hidden {display:none;} | ||
+ | #p-logo,#footer-box {display:none;} | ||
+ | #top-section {border:none;height:15px;} | ||
+ | .firstHeading {display:none;} | ||
+ | #bodyContent{display:none;} | ||
+ | #menubar a{text-decoration:none;color:#CCC;list-style: none;} | ||
+ | #menubar a:hover{text-decoration:none;color:#FFF;list-style: none;} | ||
+ | #search-controls{display:none;} | ||
+ | .printfooter{display:none;} | ||
+ | #catlinks{display:none;} | ||
+ | #content{background:none;padding:0px;margin-top:0px;border:none;} | ||
+ | #toc{display:none;} | ||
+ | </style> | ||
+ | |||
+ | <!--content section--> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | .sddm{z-index: 30;width: 960px;height:65px;position:relative;float:left;background-color:#FFF;position:raletive;margin-left:0px;} | ||
+ | .sddm ul{margin-left:0px;} | ||
+ | .sddm li{margin: 0;list-style: none;float: left;font: bold 14px arial;height:25px;background-color:#FFF;} | ||
+ | .sddm li a{display: block;margin:0;padding: 15px 0px 15px 0px;width: 96px;background: #FFF;color: #000;text-align: center;text-decoration: none;border-top:#ececec 5px solid;} | ||
+ | .sddm li a:hover{background:#FCFCFC;color:#0babe7;border-top:#0babe7 5px solid;} | ||
+ | .sddm div{position: absolute;width:96px;z-index:999;visibility: hidden;margin: 0;padding: 0;} | ||
+ | .sddm div a{position: relative;display: block;margin: 0;padding: 5px 5px;width: auto;white-space: nowrap;text-align:center;text-decoration: none;color: #000;font: 12px arial} | ||
+ | .sddm div a:hover{background:#FAFAFA;color: #0babe7;} | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="cont1"> | ||
+ | <ul class="sddm"> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | .A-C{font-size:12px !important;padding-top:0 !important;text-align:center;line-height:100%} | ||
+ | .HP{font-size:14px !important;padding-top:0 !important;text-align:center;} | ||
+ | </style> | ||
+ | |||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin" style="padding:20px 0px 15px 0px;height:30px;">Home</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Project" style="padding:20px 0px 15px 0px;height:30px;">Project</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Safety " style="padding:20px 0px 15px 0px;height:30px;">Safety</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Modeling" style="padding:20px 0px 15px 0px;height:30px;">Modeling</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Protocol" style="padding:20px 0px 15px 0px;height:30px;">Protocol</a> | ||
+ | </li> | ||
+ | <li class="HP"><a href="https://2013.igem.org/Team:Tianjin/Human Practice" style="padding:14px 0px 13px 0px;">Human Practice</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Data" style="padding:20px 0px 15px 0px;height:30px;">Data</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Notebook" style="padding:20px 0px 15px 0px;height:30px;">Notebook</a> | ||
+ | </li> | ||
+ | <li><a href=" https://2013.igem.org/Team:Tianjin/Team" style="padding:20px 0px 15px 0px;height:30px;">Team</a> | ||
+ | </li> | ||
+ | <li class="A-C"><a href="https://2013.igem.org/Team:Tianjin/Attributions" style="padding:7px 0px 7px 0px;">Attributions<br/>&<br/>Contributions</a> | ||
+ | </li> | ||
+ | </ul> | ||
</div> | </div> | ||
- | |||
- | |||
- | + | <div class="content-section"> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <div class="logo-section"> | ||
+ | </div> | ||
- | == | + | <div class="note1"> |
+ | <style type="text/css"> | ||
+ | .box{ width:960px; margin:0 auto; overflow:hidden;} | ||
+ | .main{ width:720px; height:auto; float:right;position:relative;padding:10px 10px 10px 10px;} | ||
+ | .fixed{ width:220px; height:400px;text-align:center;float:left;word-spacing:0.1em;top:10px;margin-top:10px;} | ||
+ | .main img{border:hidden;margin-bottom:5px;} | ||
+ | .main div,li,p{font-family:Arial;line-height:150%;word-spacing:0.1em;} | ||
- | + | .box p{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:150%;text-align:left; clear:both;} | |
+ | .box h1{text-decoration:none;font-weight:normal;color:#0babe7;} | ||
+ | .img1{margin:0 150px 15px 150px;padding:5px 5px 5px 5px;background-color:#fafafa;border:thin solid #999; vertical-align:middle;width:400px;} | ||
+ | .img1 a{target="_blank";} | ||
- | |||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(e) { | ||
+ | t = $('.fixed').offset().top; | ||
+ | mh = $('.main').height(); | ||
+ | fh = $('.fixed').height(); | ||
+ | $(window).scroll(function(e){ | ||
+ | s = $(document).scrollTop(); | ||
+ | if(s > t - 100){ | ||
+ | $('.fixed').css('position','fixed'); | ||
+ | if(s + fh - 2000 > mh){ | ||
+ | $('.fixed').css('top',mh-s-fh+'px'); | ||
+ | } | ||
+ | }else{ | ||
+ | $('.fixed').css('position',''); | ||
+ | } | ||
+ | }) | ||
+ | }); | ||
+ | </script> | ||
- | |||
+ | <div class="box"> | ||
+ | <div class="sub"> | ||
+ | <div class="fixed"> | ||
+ | <style type="text/css"> | ||
+ | li{margin-bottom:0px;} | ||
+ | .cont ul,li{list-style: none;} | ||
+ | .cont ul {padding: 0; margin: 0;text-align:center;} | ||
+ | .cont .hmain{background-color:#0babe7 ;width: 220px;font-size:16px;float: left;border-top:#fff thin solid;border-bottom:#fff thin solid;} | ||
+ | |||
+ | .cont a {text-decoration: none; /* padding-left: 10px;*/ display: block; display: inline-block; width: 220px;padding-top: 7px;padding-bottom: 7px;} | ||
+ | .cont .hmain a{color:#fff; } | ||
+ | .cont .hmain a:hover{color:#0babe7;background:#fff;border-top:#0babe7 thin solid;border-bottom:#0babe7 thin solid; } | ||
+ | .cont .hmain ul {display: none;} | ||
+ | .cont .hmain li a{font-size:14px;color:#fff;background-color:#8dc7e9;line-height:150%;border:#fff thin solid ;} | ||
+ | .cont .hmain li a:hover{color:#8dc7e9;background:#fff; line-height:150%;border:#8dc7e9 thin solid ;} | ||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $(".hmain").hover(function(){ | ||
+ | $(this).children("ul").slideDown(); | ||
+ | changeIcon($(this).children("a")); | ||
+ | },function(){ | ||
+ | $(this).children("ul").slideUp(); | ||
+ | changeIcon($(this).children("a")); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <div class="cont"> | ||
+ | <ul> | ||
+ | <li class="hmain" style="margin-top:20px;"> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice">Overview</a> | ||
+ | <!--<ul> | ||
+ | <li> | ||
+ | <a href="#">navi11</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">navi12</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">navi13</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">navi14</a> | ||
+ | </li> | ||
+ | </ul>--> | ||
+ | </li> | ||
+ | <li class="hmain"> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/NewTeamsGuidance">New Teams Guidance</a> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/NewTeamsGuidance#anchor-hp-05">High School Inspiration</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/NewTeamsGuidance#anchor-hp-06">University Guidance</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="hmain"> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/iGEMLeading-in">iGEM Leading-in</a> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/iGEMLeading-in#anchor-hp-07">iGEM Handbook</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/iGEMLeading-in#anchor-hp-08">Internet Platform</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/iGEMLeading-in#anchor-hp-09">60-Second Biology</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="hmain"> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/Collaboration ">Collaboration</a> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/Collaboration#anchor-hp-10">The 1st Model iGEM</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/Collaboration#anchor-hp-11">Tsinghua University</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/Collaboration#anchor-hp-12">Ocean University of China</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/Collaboration#anchor-hp-13"> BIT-China</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="hmain"> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/SocietyOutreach ">Society Outreach</a> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/SocietyOutreach#anchor-hp-14">PetroChina Dagang Petrochemical Company</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/SocietyOutreach#anchor-hp-15">Communicate with Research Institute</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Main_Page" title="Main Page"><img src="https://static.igem.org/mediawiki/2013/7/75/IGEM-logo-blue.png" width="200px" height="200px" border="none" style="margin-top:80px;"/></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
- | = | + | <div class="main"> |
+ | </div> | ||
- | + | </div> | |
+ | </div> | ||
- | == | + | |
+ | <div class="note2"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!-- | ||
+ | <div class="note"> | ||
+ | |||
+ | </div> | ||
+ | <div class="note"> | ||
+ | |||
+ | </div> | ||
+ | --> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="footer"> | ||
+ | <p><br /> | ||
+ | <br /> | ||
+ | E-mail:austinamens@gmail.com | Address:Building No.20, No.92 Weijin Road, Tianjin, China | Zip-code:300072 | ||
+ | <br />Copyright 2013 © Tianjin University iGEM Team | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <!--top button section--> | ||
+ | <div style="display: block" id="goTopBtn"> | ||
+ | <a href="#top" title="Top"><img border=0 src="https://static.igem.org/mediawiki/2013/6/61/Top.jpg"></a> | ||
+ | </div> | ||
+ | |||
+ | </html> |
Revision as of 18:48, 26 September 2013