Difference between revisions of "Team:TJU"

 
(25 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<!-- Declare that you are going to use html code instead of wiki code -->
 +
{{:Team:TJU/header}}
 
<html>
 
<html>
−
 
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 
<style type="text/css">
 
<style type="text/css">
−
#contentSub, #footer-box, #catlinks, #search-controls,
 
−
#p-logo, .printfooter, .firstHeading, .visualClear {
 
−
display: none;
 
−
}
 
−
#globalWrapper, #content {
 
−
width: 100%;
 
−
height: 100%;
 
−
border: 0px;
 
−
background-color: transparent;
 
−
margin: 0px;
 
−
padding: 0px;
 
−
font-size: 100%;
 
−
}
 
  
−
*{
+
*{margin-bottom: 0px;margin-left: 0px;margin-right: 0px;margin-top: 0px;}
−
margin-bottom: 0px;
+
#contain{width:1100px;margin-left:auto;margin-right:auto;text-align: justify;font-size:16px;font-family:Arial;}
−
margin-left: 0px;
+
#foot{
−
margin-right: 0px;
+
height: 80px;
−
margin-top: 0px;
+
background-color: #333;
−
}
+
float: left;
 +
margin-left:auto;margin-right:auto;
 +
width:1100px;
 +
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
 +
font-size:15px;line-height: 25px;
 +
color: rgba(255,255,255,1);
 +
text-align: center;}
 +
#project{width:40%; height:100px;margin-left:10%;background-color:rgba(0,204,153,1);float:left}
 +
#modeling{width:40%; height:100px;background-color:rgba(204,153,51,1);float:left}
 +
</style>
 +
<!-- End of CSS -->
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
</head>
  
−
 
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
−
#Contain{width:973px;height:2000px;background-color:#FFF;margin-left:auto;margin-right:auto;}
 
−
#header-1{width: 973px;height: 50px;background-color:rgba(255,255,255,0.6);margin-left:auto;margin-right:auto;position:fixed;}
 
−
#header-2{width:973px;height:350px;background-color:#FFF;}
 
−
#body{
 
−
width: 973px;
 
−
height: 1500px;
 
−
background-color: #FFF;
 
−
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
 
−
font-weight: lighter;
 
−
font-size: large;
 
−
text-align: left;
 
−
line-height: 40px;float:left;
 
−
}
 
  
−
#foot{width:973px;height:100px;background-color:#333;float:left}
 
  
−
 
  
−
 
−
 
−
/*CLASSES */
 
−
 
−
.menu ul {list-style:none;position:fixed;}
 
−
.menu a {color:#999;text-decoration: none;}
 
−
.menu ul li {
 
−
width: 120px;
 
−
height: 50px;
 
−
background-color:transparent;
 
−
float: left;
 
−
text-align: center;
 
−
margin-left: 0px;
 
−
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
 
−
font-size: 15px;
 
−
line-height: 50px;
 
−
background-position: 100% 0%;
 
−
 
−
}
 
−
/*For the menu buttons, changes the color when hovering*/
 
−
.menu li:hover {color:#6FF;}
 
−
/*Submenus are not displayed as default*/
 
−
.menu li ul {display: none;padding-top:10px;margin-left:auto;}
 
−
/*Submenus are displayed when hovering the menu button */
 
−
.menu li:hover ul {display: block; position: absolute;margin-left:-40px;margin-top:5px;float:right;
 
−
}
 
  
−
/*Style the submenu buttons*/
+
<!--picture banner-->
−
.menu li ul li{background-color:rgba(255,255,255,0.6);float:inherit;text-align: center;font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;font-style: normal;font-weight: lighter;font-size:15px;line-height: 30px; padding-left:10px;padding-right:10px;
+
<style type="text/css">
−
margin-top:-15px;margin-left:-5px;color:#999;width:116px;}
+
  
 +
#banner { padding: 0px; width: 1100; float:left;margin-top:0px;margin-left:-25px}
 +
.slides { margin-left:auto;margin-right:auto; width: 100%; overflow: hidden; position: relative; }
 +
.slide-pic { margin-left:auto;margin-right:auto;padding:0px; width: 100%; overflow: hidden; list-style: none; }
 +
.slide-pic img { width: 100%; }
 +
.slide-pic li { display: none; }
 +
.slide-pic li.cur { display: block; }
 +
.slide-li {padding: 0px; right: 50px; bottom: 0px; position: absolute;float:left;}
 +
.slide-li li { margin: 0px; padding: 0px; width: 30px; height:20px ;float:left;overflow: hidden;}
 +
.slide-li a { width: 30px; height: 20px; color: #000; font-size: 20px; display: block; text-align:center;text-decoration:none;margin-bottom:5px;}
 +
.slide-li a:hover { color: #ccc; text-decoration: none; }
 +
.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>
  
 +
<style type="text/css">
 +
.icon{float:left;}
 +
.icon img{width:190px;height:190px;}
 +
</style>
  
−
</style>
+
 
−
<!-- End of CSS -->
+
−
 
+
−
 
+
  
 
<!-- Start of the template html elements. -->
 
<!-- Start of the template html elements. -->
−
<div id ="Contain">
+
<div id="contain">
−
<div id="header-1">
+
<!-- START -->
−
<div class="menu">  
+
    <div id="banner">
−
<ul>
+
        <div class="slides">
−
<a href="https://2015.igem.org/Team:TJU"><li>Home</li></a>
+
            <ul class="slide-pic">
−
                    <a href="#"><li>Project
+
                <li class="cur">
−
            <ul>
+
                    <img  src="https://static.igem.org/mediawiki/2015/2/2c/Home%E4%BF%AE%E6%94%B9%E7%89%883333.jpg" width="1100" alt="" /></li>
−
<a href="https://2015.igem.org/Team:TJU/Description"><li>Description</li>
+
                <li>
−
<a href="https://2015.igem.org/Team:TJU/Experiments"><li>Experiments </li></a> 
+
                    <img src="https://static.igem.org/mediawiki/2015/6/6f/Home%E4%BF%AE%E6%94%B9%E7%89%884444.jpg" width="1100" alt=""/></li>
−
<a href="https://2015.igem.org/Team:TJU/Results"><li>Results</li></a> 
+
                <li>
−
<a href="https://2015.igem.org/Team:TJU/Design"><li>Design</li></a>
+
                    <img src="https://static.igem.org/mediawiki/2015/c/c9/Home%E4%BF%AE%E6%94%B9%E7%89%887777.jpg" width="1100px" alt="" /></li>
−
</ul>
+
                <li>
−
</li>
+
                    <img src="https://static.igem.org/mediawiki/2015/e/ef/Home-last.jpg" alt="" width="1100" /></li>
−
                    <a href="https://2015.igem.org/Team:TJU/Modeling"><li>Modeling</li></a>
+
              <li>
−
                    <a href="https://2015.igem.org/Team:TJU/Practices"><li>Human Practice</li></a>
+
                    <img src="https://static.igem.org/mediawiki/2015/3/30/Home55555.jpg" alt="" width="1100" /></li>
−
                    <a href="https://2015.igem.org/Team:TJU/Safety"><li>Safty</li></a>
+
             
−
            <a href="https://2015.igem.org/Team:TJU/Team"><li>Team</li></a>
+
            </ul>
−
                    <a href="https://2015.igem.org/Team:TJU/Notebook"><li>Notebook</li></a>
+
            <ul class="slide-li op">
−
                  <a href="https://2015.igem.org/Team:TJU/Attributions"><li>Attributions</li></a>
+
                <li class="cur"></li>
−
                  </ul>
+
                <li></li>
−
          </div>
+
                <li></li>
 +
                <li></li>
 +
                <li></li>
 +
            </ul>
 +
            <ul class="slide-li slide-txt">
 +
                <li><a href="#">●</a></li>
 +
                <li><a href="#">●</a></li>
 +
                <li><a href="#">●</a></li>
 +
                <li><a href="#">●</a></li>
 +
                <li><a href="#">●</a></li>
 +
            </ul>
 +
        </div>
 
     </div>
 
     </div>
 +
    <!-- END OF THE BANNER -->
  
−
   
+
    <div id="body">
−
         <div id="foot"></div>
+
    </br>
−
</div>      
+
        <img src="https://static.igem.org/mediawiki/2015/5/52/TJUabstract1.png" width="1100"/></br>
 +
 
 +
         <div id="body">
 +
<a href="https://2015.igem.org/Team:TJU"><img src="https://static.igem.org/mediawiki/2015/8/83/Home1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/0/01/Home2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/8/83/Home1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Description"><img src="https://static.igem.org/mediawiki/2015/6/6d/Project1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/d/d1/Project2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/6/6d/Project1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Modeling"><img src="https://static.igem.org/mediawiki/2015/5/5d/Modeling11111.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/f/fe/Modeling222.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/5/5d/Modeling11111.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Judging"><img src="https://static.igem.org/mediawiki/2015/6/63/Achievement111.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/9/90/Achievement2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/6/63/Achievement111.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Data"><img src="https://static.igem.org/mediawiki/2015/d/d1/Notebook1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/d/d2/Notebook2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/d/d1/Notebook1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Safety"><img src="https://static.igem.org/mediawiki/2015/4/42/Safety1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/a/a6/Safety2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/4/42/Safety1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Collaborations"><img src="https://static.igem.org/mediawiki/2015/6/66/Outreach1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/9/92/Outreach2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/6/66/Outreach1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Team"><img src="https://static.igem.org/mediawiki/2015/a/a6/Team1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/8/8b/Team2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/a/a6/Team1.jpg'"></a><a href="https://2015.igem.org/Team:TJU/Attribution"><img src="https://static.igem.org/mediawiki/2015/e/ef/Attribution1.jpg" name="picture"  width="122" height="122" onMouseOver="this.src='https://static.igem.org/mediawiki/2015/0/00/Attribution2.jpg'" onMouseOut="this.src='https://static.igem.org/mediawiki/2015/e/ef/Attribution1.jpg'"></a>
 +
 
 +
 
 +
        </div>
 +
    <div id="foot">
 +
      <p>E-mail: ggjyliuyue@gmail.com |Address: Building No.20, No.92 Weijin road, Tianjin University, China | Zip-cod: 300072</br>
 +
      </p>
 +
      <p>Copyright 2015@TJU iGEM Team</p>
 +
    </div>
 +
</div>              
 +
     
 
</html>
 
</html>

Latest revision as of 14:24, 16 November 2015