Team:Tianjin/Team

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
This is a template page. READ THESE INSTRUCTIONS.
 
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
 
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
 
</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:0px;
 +
background:url(https://static.igem.org/mediawiki/2013/c/ca/Team_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:10px !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/>&amp;<br/>Contributions</a>
 +
        </li>
 +
</ul>
</div>
</div>
-
</html>
 
-
<!-- *** End of the alert box *** -->
 
-
{|align="justify"
+
<div class="content-section">
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
</div>
-
|[[Image:Tianjin_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
|[[Image:Tianjin_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Tianjin | Team Tianjin]]
+
-
|}
+
 +
<div class="logo-section">
 +
</div>
-
<!--- The Mission, Experiments --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[[Team:Tianjin|Home]]
 
-
!align="center"|[[Team:Tianjin/Team|Team]]
 
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Tianjin Official Team Profile]
 
-
!align="center"|[[Team:Tianjin/Project|Project]]
 
-
!align="center"|[[Team:Tianjin/Parts|Parts Submitted to the Registry]]
 
-
!align="center"|[[Team:Tianjin/Modeling|Modeling]]
 
-
!align="center"|[[Team:Tianjin/Notebook|Notebook]]
 
-
!align="center"|[[Team:Tianjin/Safety|Safety]]
 
-
!align="center"|[[Team:Tianjin/Attributions|Attributions]]
 
-
|}
 
 +
<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; font:normal; 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;}
-
== '''Who we are''' ==
+
.box p{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:150%;text-align:left; clear:both;}
-
{|border = "0"
+
.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;}
-
|rowspan="3"|
+
.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 - 10){
 +
$('.fixed').css('position','fixed');
 +
if(s + fh - 400 > mh){
 +
$('.fixed').css('top',mh-s-fh+'px');
 +
}
 +
}else{
 +
$('.fixed').css('position','');
 +
}
 +
})
 +
});
 +
</script>
-
'''Advisors:'''
 
-
*''' Advisor 1''':    Mentor for all
 
-
*'''Advisor 2''':      Our favorite
 
-
*'''Grad Student 1''':    Our leader 
 
 +
<div class="box">
-
'''Undergrads:'''
+
<div class="sub">
 +
<div class="fixed">
 +
<style type="text/css">
 +
.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-bottom:#CCC 1px solid;} 
 +
.cont li {background-color: #fff;line-height:150%;} 
 +
.cont a {text-decoration: none;  padding-left: 10px;  display: block;  display: inline-block; width: 200px;padding-top: 3px;padding-bottom: 3px;} 
 +
.cont .hmain a {color:#fff;background-coler:#CCC ;/*background-repeat: no-repeat;  */background-position: 3px center;  } 
 +
.cont .hmain li a {color:#000;background-image: none;  } 
 +
.cont .hmain ul {display: none; } 
 +
.cont .hmain li{font-size:12px;}
 +
</style>
-
*'''Student 1''':   Sleepyhead
+
<script type="text/javascript">
-
*'''Student 2''':   Math nerd
+
$(document).ready(function(){ 
-
*'''Student 3''':   Is going to save the world
+
    $(".hmain").hover(function(){ 
-
*'''Student 4''':   Loves iGEM
+
        $(this).children("ul").slideDown(); 
-
*'''Student 5''': A normal student... or(r) am I?
+
        changeIcon($(this).children("a")); 
-
*'''Student 6''': Table football fan
+
    },function(){ 
-
*'''Student 7''':
+
        $(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="">High School Inspiration</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="">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="">iGEM Handbook</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="">Internet Platform</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="">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="">The 1st Model iGEM</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="">Tsinghua University</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="">Ocean University of China</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href=""> 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="">PetroChina Dagang Petrochemical Company</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href=""><li>Communicate with Research Institute</li></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">
-
<gallery>
+
-
Image:Example2_Team_member_1.png|Team member 1
+
-
Image:Example2_Team_member_2.png|Team member 2
+
-
Image:Example2_Team_member_3.png|Team member 3
+
-
Image:Example2_Team_member_4.png|Team member 4
+
-
Image:Example2_Team_member_5.png|Team member 5
+
-
Image:Example2_Team_member_6.png|Team member 6
+
-
Image:Example2_Team_member_7.png|Team member 7
+
-
</gallery>
+
-
|}
+
-
== '''What we did''' ==
 
-
(Provide proper attribution for all work)
 
-
== '''Where we're from''' ==
+
 
 +
</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 12:45, 24 September 2013

Retrieved from "http://2013.igem.org/Team:Tianjin/Team"