Team:Tianjin/Human Practice
From 2013.igem.org
(→IGEM Leading-in) |
(→Society Outreach) |
||
(33 intermediate revisions not shown) | |||
Line 35: | Line 35: | ||
position:relative; | position:relative; | ||
float:left; | float:left; | ||
- | margin-top: | + | margin-top:5px; |
background:url(https://static.igem.org/mediawiki/2013/6/69/Human_Practice_banner.jpg) no-repeat; | background:url(https://static.igem.org/mediawiki/2013/6/69/Human_Practice_banner.jpg) no-repeat; | ||
} | } | ||
Line 107: | Line 107: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | .A-C{font-size: | + | .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;} | .HP{font-size:14px !important;padding-top:0 !important;text-align:center;} | ||
</style> | </style> | ||
Line 148: | Line 148: | ||
.box{ width:960px; margin:0 auto; overflow:hidden;} | .box{ width:960px; margin:0 auto; overflow:hidden;} | ||
.main{ width:720px; height:auto; float:right;position:relative;padding:10px 10px 10px 10px;} | .main{ width:720px; height:auto; float:right;position:relative;padding:10px 10px 10px 10px;} | ||
- | .fixed{ width:220px; height:400px | + | .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 img{border:hidden;margin-bottom:5px;} | ||
.main div,li,p{font-family:Arial;line-height:150%;word-spacing:0.1em;} | .main div,li,p{font-family:Arial;line-height:150%;word-spacing:0.1em;} | ||
Line 169: | Line 169: | ||
$(window).scroll(function(e){ | $(window).scroll(function(e){ | ||
s = $(document).scrollTop(); | s = $(document).scrollTop(); | ||
- | if(s > t - | + | if(s > t - 100){ |
$('.fixed').css('position','fixed'); | $('.fixed').css('position','fixed'); | ||
- | if(s + fh - | + | if(s + fh - 2000 > mh){ |
$('.fixed').css('top',mh-s-fh+'px'); | $('.fixed').css('top',mh-s-fh+'px'); | ||
} | } | ||
Line 188: | Line 188: | ||
<div class="fixed"> | <div class="fixed"> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | li{margin-bottom:0px;} | ||
.cont ul,li{list-style: none;} | .cont ul,li{list-style: none;} | ||
.cont ul {padding: 0; margin: 0;text-align:center;} | .cont ul {padding: 0; margin: 0;text-align:center;} | ||
- | .cont .hmain {background-color:#0babe7 ;width: 220px;font-size:16px;float: left;border- | + | .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; | + | .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{color:#fff; } |
- | .cont .hmain | + | .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 ul {display: none;} |
- | .cont .hmain li{font-size: | + | .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> | </style> | ||
Line 233: | Line 235: | ||
<ul> | <ul> | ||
<li> | <li> | ||
- | <a href="">High School Inspiration</a> | + | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/NewTeamsGuidance#anchor-hp-05">High School Inspiration</a> |
</li> | </li> | ||
<li> | <li> | ||
- | <a href="">University Guidance</a> | + | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/NewTeamsGuidance#anchor-hp-06">University Guidance</a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 244: | Line 246: | ||
<ul> | <ul> | ||
<li> | <li> | ||
- | <a href="">iGEM Handbook</a> | + | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/iGEMLeading-in#anchor-hp-07">iGEM Handbook</a> |
</li> | </li> | ||
<li> | <li> | ||
- | <a href="">Internet Platform</a> | + | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/iGEMLeading-in#anchor-hp-08">Internet Platform</a> |
</li> | </li> | ||
<li> | <li> | ||
- | <a href="">60-Second Biology</a> | + | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/iGEMLeading-in#anchor-hp-09">60-Second Biology</a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 258: | Line 260: | ||
<ul> | <ul> | ||
<li> | <li> | ||
- | <a href="">The 1st Model iGEM</a> | + | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/Collaboration#anchor-hp-13"> BIT-China</a> |
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/Collaboration#anchor-hp-10">The 1st Model iGEM</a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href="">Tsinghua University</a> | + | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/Collaboration#anchor-hp-11">Tsinghua University</a> |
</li> | </li> | ||
<li> | <li> | ||
- | <a href="">Ocean University of | + | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/Collaboration#anchor-hp-12">Ocean University of China</a> |
- | + | ||
- | + | ||
- | + | ||
</li> | </li> | ||
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="hmain"> | <li class="hmain"> | ||
<a href="https://2013.igem.org/Team:Tianjin/Human_Practice/SocietyOutreach ">Society Outreach</a> | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/SocietyOutreach ">Society Outreach</a> | ||
- | <ul> | + | <ul> |
<li> | <li> | ||
- | <a href=""> | + | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/SocietyOutreach#anchor-hp-14">Tianjin Institute of Industrial Biotechnology,Chinese Academy of Sciences</a> |
- | </li> | + | </li> |
<li> | <li> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:Tianjin/Human_Practice/SocietyOutreach#anchor-hp-15">PetroChina Dagang Petrochemical Company</a> |
</li> | </li> | ||
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 311: | Line 315: | ||
<div class="img1"> | <div class="img1"> | ||
<div> | <div> | ||
- | <a href=" | + | <a href="https://static.igem.org/mediawiki/igem.org/0/02/Tju-hp-1.jpg" target="_blank" ><img src="https://static.igem.org/mediawiki/igem.org/0/02/Tju-hp-1.jpg" width="400px" height="266px";/></a> |
<div id="Enlarge"> | <div id="Enlarge"> | ||
- | <a href=" | + | <a href="https://static.igem.org/mediawiki/igem.org/0/02/Tju-hp-1.jpg" title="Enlarge" target="_blank"><img src="https://static.igem.org/mediawiki/2013/9/90/Enlarge.jpg" width="20" height="20" alt="" align="right"/></a> |
- | <b>Figure 1.</b> </div> | + | <b>Figure 1.</b> A new team in Nankai University</div> |
</div></div> | </div></div> | ||
Line 331: | Line 335: | ||
<div class="img1"> | <div class="img1"> | ||
<div> | <div> | ||
- | <a href=" | + | <a href="https://static.igem.org/mediawiki/igem.org/e/ef/Tju-hp-2.png" target="_blank" ><img src="https://static.igem.org/mediawiki/igem.org/e/ef/Tju-hp-2.png" width="400px" height="266px";/></a> |
<div id="Enlarge"> | <div id="Enlarge"> | ||
- | <a href=" | + | <a href="https://static.igem.org/mediawiki/igem.org/e/ef/Tju-hp-2.png" title="Enlarge" target="_blank"><img src="https://static.igem.org/mediawiki/2013/9/90/Enlarge.jpg" width="20" height="20" alt="" align="right"/></a> |
- | <b>Figure | + | <b>Figure 2.</b> iGEM leading-in </div> |
</div></div> | </div></div> | ||
Line 350: | Line 354: | ||
<div class="img1"> | <div class="img1"> | ||
<div> | <div> | ||
- | <a href=" | + | <a href="https://static.igem.org/mediawiki/2013/3/33/Tju-Hp1.jpg" target="_blank" ><img src="https://static.igem.org/mediawiki/2013/3/33/Tju-Hp1.jpg" width="400px" height="266px";/></a> |
<div id="Enlarge"> | <div id="Enlarge"> | ||
- | <a href=" | + | <a href="https://static.igem.org/mediawiki/2013/3/33/Tju-Hp1.jpg" title="Enlarge" target="_blank"><img src="https://static.igem.org/mediawiki/2013/9/90/Enlarge.jpg" width="20" height="20" alt="" align="right"/></a> |
- | <b>Figure | + | <b>Figure 3.</b> Collaborate with four universities </div> |
</div></div> | </div></div> | ||
<p>To help students of Engineering and Science learn from each other, we organized our iGEM team members to communicate with students from other teams. We worked with BIT 2013 iGEM team this summer on the development of both projects. And participated in the 1st Model IGEM, communicating with several universities including Peking, OUC-China and NJU-China and so on. In particular, we established deep friendship with TJU-IGEM. Both of sides appointed regular communication in the future IGEM team.We discussed our projects with others and listened to their advice, which enabled us to solve bioengineering problems from a different perspective.</p> | <p>To help students of Engineering and Science learn from each other, we organized our iGEM team members to communicate with students from other teams. We worked with BIT 2013 iGEM team this summer on the development of both projects. And participated in the 1st Model IGEM, communicating with several universities including Peking, OUC-China and NJU-China and so on. In particular, we established deep friendship with TJU-IGEM. Both of sides appointed regular communication in the future IGEM team.We discussed our projects with others and listened to their advice, which enabled us to solve bioengineering problems from a different perspective.</p> | ||
- | <a name=" | + | <a name="anchor-hp-04" id="anchor-hp-04"></a> |
<br/> | <br/> | ||
</html> | </html> | ||
Line 368: | Line 372: | ||
<div class="img1"> | <div class="img1"> | ||
<div> | <div> | ||
- | <a href=" | + | <a href="https://static.igem.org/mediawiki/igem.org/3/36/Tju-hp3.jpg" target="_blank" ><img src="https://static.igem.org/mediawiki/igem.org/3/36/Tju-hp3.jpg" width="400px" height="266px";/></a> |
<div id="Enlarge"> | <div id="Enlarge"> | ||
- | <a href=" | + | <a href="https://static.igem.org/mediawiki/igem.org/3/36/Tju-hp3.jpg" title="Enlarge" target="_blank"><img src="https://static.igem.org/mediawiki/2013/9/90/Enlarge.jpg" width="20" height="20" alt="" align="right"/></a> |
- | <b>Figure | + | <b>Figure 4.</b>Society Outreach</div> |
</div></div> | </div></div> | ||
<br /> | <br /> |
Latest revision as of 21:44, 27 September 2013