Difference between revisions of "Team:BIT-China"

 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{BIT-China}}
 
{{BIT-China}}
−
<html>
+
<html>
 +
<style>
 +
body{
 +
vh:10;
 +
overflow: hidden;
 +
}
 +
  #container{
 +
width:100%;
 +
height:100%;
 +
text-align:center;
 +
  }
 +
  #title{
 +
font-family: Jokerman;
 +
font-size: 60px;
 +
color: #68441c;
 +
width:100%;
 +
height:80px;
 +
position:absolute;
 +
top:130px;
 +
z-index:-2;
 +
  }
 +
  /*background-image:url("../image/index_title.png");
 +
background-position:center;
 +
background-repeat:no-repeat;*/
 +
  #bacterium_coli{
 +
width:210px;
 +
height:350px;
 +
background-repeat:no-repeat;
 +
background-image:url("https://static.igem.org/mediawiki/2015/3/38/BIT_China_bacterium_coli.png");
 +
background-position:center;
 +
position:absolute;
 +
top:235px;
 +
left:10px;
 +
  }
 +
  #index_glass_garden{
 +
width:100%;
 +
height:250px;
 +
background-image:url("https://static.igem.org/mediawiki/2015/6/6d/BIT_China_index_glass_garden.png");
 +
background-repeat:no-repeat;
 +
background-position:center;
 +
position:absolute;
 +
top:440px;
 +
  }
 +
@media screen and (max-width:1024px){
 +
#title{
 +
background-size:90%;
 +
}
 +
 
 +
}
 +
 
 +
 
 +
 
 +
 
 +
</style>
 +
<script>
 +
$(document).ready(function(){
 +
var pos = $('#taiji').offset().left;
 +
var outerWidth_icon = $('#taiji').outerWidth();
 +
var outerWidth_coli = $('#bacterium_coli').outerWidth();
 +
$('#bacterium_coli').css('left', pos+outerWidth_icon/2-outerWidth_coli/2);
 +
 +
$("a").mouseover(function(){
 +
$('#bacterium_coli').stop(true, false);
 +
 
 +
pos=$(this).children("div").eq(0).offset().left;
 +
var newposX = pos+outerWidth_icon/2-outerWidth_coli/2;
 +
var aa = $('#bacterium_coli').offset().left;
 +
if(aa> newposX ){
 +
$('#bacterium_coli').css('background-position','0px 0px');
 +
}else if(aa< newposX ){
 +
  $('#bacterium_coli').css('background-position','-420px 0px');
 +
}
 +
else{
 +
  $('#bacterium_coli').css('background-position','-210px 0px');
 +
}
 +
 +
$('#bacterium_coli').animate({
 +
'left':newposX,
 +
}, 500, function(){
 +
$('#bacterium_coli').css('background-position','-210px 0px');
 +
});
 +
 
 +
 +
 +
});
 +
 +
$('#top_nav span').mouseover(function(){
 +
$('#bacterium_coli').css('background-position','-210px 0px');
 +
});
 +
//$('a').mouseover(function(){
 +
//   $(this).children("div").children("img").addClass("bounce");
 +
//});
 +
 +
});
 +
</script>
 +
 
 +
 
 +
 
 +
 
 +
<div id="container">
 +
<img src="https://static.igem.org/mediawiki/2015/d/d1/BIT_China_main_page_ph.png" style="width:90%;margin-top:43px;" />
 +
<div id="index_glass_garden"></div>
 +
<div id="bacterium_coli"></div>
 +
</div>
 +
 
 +
</div><!-- End of content -->
 +
</div><!-- End of mainContainer -->
 +
</html>
 +
 
 +
 
 +
<!--
 +
 
 
<h1> Welcome to iGEM 2015!</h1>
 
<h1> Welcome to iGEM 2015!</h1>
 
<h2 style="color:blue">Project Descriptions </h2>
 
<h2 style="color:blue">Project Descriptions </h2>
Line 8: Line 119:
 
<hr />
 
<hr />
 
<p>Your team has been approved and you are ready to start the iGEM season! </p>
 
<p>Your team has been approved and you are ready to start the iGEM season! </p>
−
<p><a href="https://2015.igem.org/wiki/index.php?title=Team:BIT-China/Background">Background</a></p>
+
<p><a href="https://2015.igem.org/Team:BIT-China/Background">Background</a></p>
 +
<p><a href="https://2015.igem.org/Team:BIT-China/Project_Regulation_Subsystem">Project_Regulation_Subsystem</a></p>
 +
<p><a href="https://2015.igem.org/Team:BIT-China/Project_Resistance_Subsystem">Project_Resistance_Subsystem</a></p>
 
<h4>Before you start: </h4>
 
<h4>Before you start: </h4>
 
<p> Please read the following pages:</p>
 
<p> Please read the following pages:</p>
Line 65: Line 178:
  
  
−
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
-->
−
 
+
−
</html>
+

Latest revision as of 01:44, 18 September 2015



Add a banner to your wiki!

You can make the image 980px by 200px

Remember to call the file: "Team_BIT-China_banner.jpg"