Team:Tianjin

From 2013.igem.org

(Difference between revisions)
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://2009.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>
 +
<!--main style-->
 +
<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/4/42/Safety1.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;}
 +
</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:60px;background-color:#FFF;}
 +
.sddm li a{display: block;margin:0;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/>&amp;<br/>Contributions</a>
 +
        </li>
 +
</ul>
</div>
</div>
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<!--picture banner-->
 +
<style type="text/css">
 +
img { border: 0px; }
 +
#banner { margin: 85px auto 0px auto; padding: 0px; width: 100%; height: 360px; float:left;}
 +
.slides { margin: 0px auto; width: 100%; height: 360px; overflow: hidden; position: relative; }
 +
.slide-pic { margin: 0px; padding: 0px; width: 100%; overflow: hidden; list-style: none; }
 +
.slide-pic img { width: 100%; height: 360px; }
 +
.slide-pic li { display: none; }
 +
.slide-pic li.cur { display: block; }
 +
.slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; list-style:disc; color:#fff;}
 +
.slide-li li { margin: 0px; padding: 0px; width: 30px; height: 15px; float: left; overflow: hidden; list-style: none; }
 +
.slide-li a { width: 30px; height: 15px; color: #000; font-size: 12px; display: block; text-align:center;text-decoration:none;}
 +
.slide-li a:hover { color: #FFF; text-decoration: none; }
 +
.op li { background: #999999; filter: alpha(opacity=60); opacity: 0.6; }
 +
.op li.cur { background: #666666; }
 +
.slide-txt span { display: none; }
 +
</style>
 +
<script type="text/javascript">
 +
jQuery(function ($) {
 +
    if ($(".slide-pic").length > 0) {
 +
        var defaultOpts = { interval: 5000, fadeInTime: 300, fadeOutTime: 200 };
 +
        var _titles = $("ul.slide-txt li");
 +
        var _titles_bg = $("ul.op li");
 +
        var _bodies = $("ul.slide-pic li");
 +
        var _count = _titles.length;
 +
        var _current = 0;
 +
        var _intervalID = null;
 +
        var stop = function () { window.clearInterval(_intervalID); };
 +
        var slide = function (opts) {
 +
            if (opts) {
 +
                _current = opts.current || 0;
 +
            } else {
 +
                _current = (_current >= (_count - 1)) ? 0 : (++_current);
 +
            };
 +
            _bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime, function () {
 +
                _bodies.eq(_current).fadeIn(defaultOpts.fadeInTime);
 +
                _bodies.removeClass("cur").eq(_current).addClass("cur");
 +
            });
 +
            _titles.removeClass("cur").eq(_current).addClass("cur");
 +
            _titles_bg.removeClass("cur").eq(_current).addClass("cur");
 +
        };
 +
        var go = function () {
 +
            stop();
 +
            _intervalID = window.setInterval(function () { slide(); }, defaultOpts.interval);
 +
        };
 +
        var itemMouseOver = function (target, items) {
 +
            stop();
 +
            var i = $.inArray(target, items);
 +
            slide({ current: i });
 +
        };
 +
        _titles.hover(function () { if ($(this).attr('class') != 'cur') { itemMouseOver(this, _titles); } else { stop(); } }, go);
 +
        _bodies.hover(stop, go);
 +
        go();
 +
    }
 +
});
 +
</script>
 +
    <!-- START -->
 +
    <div id="banner">
 +
        <div class="slides">
 +
            <ul class="slide-pic">
 +
                <li class="cur"><a href="#" target="_blank">
 +
                    <img alt="" src="images/pic0001.jpg" /></a></li>
 +
                <li><a href="#" target="_blank">
 +
                    <img alt="" src="images/pic0001.jpg" /></a></li>
 +
                <li><a href="#" target="_blank">
 +
                    <img alt="" src="images/pic0001.jpg" /></a></li>
 +
                <li><a href="#" target="_blank">
 +
                    <img alt="" src="images/pic0001.jpg" /></a></li>
 +
                <li><a href="#" target="_blank">
 +
                    <img alt="" src="images/pic0001.jpg" /></a></li>
 +
            </ul>
 +
            <ul class="slide-li op">
 +
                <li class="cur"></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
            </ul>
 +
            <ul class="slide-li slide-txt">
 +
                <li class="cur"><a href="#">1</a></li>
 +
                <li><a href="#">2</a></li>
 +
                <li><a href="#">3</a></li>
 +
                <li><a href="#">4</a></li>
 +
                <li><a href="#">5</a></li>
 +
            </ul>
 +
        </div>
 +
    </div>
 +
    <!-- END OF THE BANNER -->
-
{|align="justify"
 
-
|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.
 
-
|[[Image:Tianjin_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 
-
|[[Image:Tianjin_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:Tianjin | Team Tianjin]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
+
<div class="note">
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
 
-
!align="center"|[[Team:Tianjin|Home]]
+
</div>
-
!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]]
+
<div class="note1">
-
!align="center"|[[Team:Tianjin/Notebook|Notebook]]
+
 
-
!align="center"|[[Team:Tianjin/Safety|Safety]]
+
</div>
-
!align="center"|[[Team:Tianjin/Attributions|Attributions]]
+
 
-
|}
+
 
 +
<!--icon section-->
 +
 
 +
<div class="note2">
 +
 
 +
<style type="text/css">
 +
.icon{float:left;}
 +
.icon img{width:190px;height:190px;}
 +
</style>
 +
 
 +
<a href="#"><div class="icon"><img src="images/icon02/6.jpg" border="0" style="cursor:hand" onmouseOver="this.src='images/icon02/6-1.jpg'" onmouseOut="this.src='images/icon02/6.jpg'"/></div></a>
 +
 
 +
<a href="#"><div class="icon"><img src="images/icon02/8.jpg" border="0" style="cursor:hand" onmouseOver="this.src='images/icon02/8-1.jpg'" onmouseOut="this.src='images/icon02/8.jpg'"/></div></a>
 +
 
 +
<a href="#"><div class="icon"><img src="images/icon02/4.jpg" border="0" style="cursor:hand" onmouseOver="this.src='images/icon02/4-1.jpg'" onmouseOut="this.src='images/icon02/4.jpg'"/></div></a>
 +
 
 +
<a href="#"><div class="icon"><img src="images/icon02/7.jpg" border="0" style="cursor:hand" onmouseOver="this.src='images/icon02/7-1.jpg'" onmouseOut="this.src='images/icon02/7.jpg'"/></div></a>
 +
 
 +
<a href="#"><div class="icon"><img src="images/icon02/3.jpg" border="0" style="cursor:hand" onmouseOver="this.src='images/icon02/3-1.jpg'" onmouseOut="this.src='images/icon02/3.jpg'"/></div></a>
 +
 
 +
<a href="#"><div class="icon" style="margin-left:95px;"><img src="images/icon02/2.jpg" border="0" style="cursor:hand" onmouseOver="this.src='images/icon02/2-1.jpg'" onmouseOut="this.src='images/icon02/2.jpg'"/></div></a>
 +
 
 +
<a href="#"><div class="icon"><img src="images/icon02/5.jpg" border="0" style="cursor:hand" onmouseOver="this.src='images/icon02/5-1.jpg'" onmouseOut="this.src='images/icon02/5.jpg'"/></div></a>
 +
 
 +
<a href="#"><div class="icon"><img src="images/icon02/9.jpg" border="0" style="cursor:hand" onmouseOver="this.src='images/icon02/9-1.jpg'" onmouseOut="this.src='images/icon02/9.jpg'"/></div></a>
 +
 
 +
<a href="#"><div class="icon"><img src="images/icon02/1.jpg" border="0" style="cursor:hand" onmouseOver="this.src='images/icon02/1-1.jpg'" onmouseOut="this.src='images/icon02/1.jpg'"/></div></a>
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<div class="link-section">
 +
<p style="color:#FFF;padding-top:10px;"><center><h1>About us</h1></center></p>
 +
</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 08:40, 26 September 2013

<div class="icon"></div> <div class="icon"></div> <div class="icon"></div> <div class="icon"></div> <div class="icon"></div> <div class="icon" style="margin-left:95px;"></div> <div class="icon"></div> <div class="icon"></div> <div class="icon"></div>

About us

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