Team:WHU-China/Team/Gallary

From 2011.igem.org

(Difference between revisions)
 
(129 intermediate revisions not shown)
Line 5: Line 5:
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
<style type="text/css">
<style type="text/css">
 +
hr
 +
{
 +
position:absolute;
 +
height:10px;
 +
width:1000px;
 +
left:0px;
 +
color:#B8A789;
 +
background:#B8A789;
 +
}
 +
#follow
 +
{
 +
display:none;
 +
}
#countdown
#countdown
{
{
Line 16: Line 29:
{
{
position:relative;
position:relative;
-
top:15px;
+
top:10px;
-
height:260px;
+
height:230px;
width:1000px;
width:1000px;
left:0px;
left:0px;
Line 23: Line 36:
}
}
#demo img {
#demo img {
-
top:20px;
+
top:10px;
-
height:260px;
+
height:230px;
width:300px;
width:300px;
}
}
Line 58: Line 71:
}
}
#screen {
#screen {
-
   position: absolute;
+
   position: relative;
   left: 0px;
   left: 0px;
-
   top: 280px;
+
   top: 30px;
-
   width: 980px;
+
   width: 1000px;
-
   height: 400px;
+
   height: 600px;
-
   background: #000;
+
   background:transparent;
  }
  }
  #screen img {
  #screen img {
Line 69: Line 82:
   cursor: pointer;
   cursor: pointer;
   visibility: hidden;
   visibility: hidden;
-
   width: 0px;
+
   width: 200px;
-
   height: 0px;
+
   height:20px;
  }
  }
  #screen .tvover {
  #screen .tvover {
Line 83: Line 96:
  #bankImages {
  #bankImages {
   display: none;
   display: none;
 +
  top:10px;
  }
  }
 +
#contact
 +
{position:absolute;
 +
z-index:0;
 +
left:0px;
 +
margin-top:600px;}
 +
div.introduction
 +
{
 +
font-family: 'Lobster',arial,tahoma,宋体b8b\4f53,sans-serif, cursive;
 +
font-size:18px;
 +
}
 +
#bottom
 +
{
 +
position:absolute;
 +
z-index:0;
 +
margin-top:600px;
 +
}
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
 +
$(document).ready(function()
 +
{
 +
  var a1=50;
 +
  var a2=document.body.clientHeight;
 +
  document.getElementById("bottom").style.top=(a2+a1).toString()+'px';
 +
  document.getElementById("contact").style.top=(a2+a1+80).toString()+'px';
 +
});
 +
 +
 +
 +
 +
 +
 +
var Library = {};
var Library = {};
Library.ease = function () {
Library.ease = function () {
Line 99: Line 143:
  screen : {},
  screen : {},
  grid : {
  grid : {
-
   size      : 4,   
+
   size      : 5,   
-
   borderSize : 6,   
+
   borderSize : 2,   
   zoomed    : false
   zoomed    : false
  },
  },
Line 322: Line 366:
</div>
</div>
</div>
</div>
 +
<hr style="top:4px;"></hr>
 +
<hr style="top:236px;"></hr>
-
<div id="#preview_images">
+
<div id="screen">
-
<div id="screen"></div>
+
<div class="introduction">
 +
&nbsp;&nbsp;&nbsp;&nbsp;We have spent a busy summer full of happiness and fun. The following photos record this precious experience.<br>
 +
&nbsp;&nbsp;&nbsp;&nbsp;Have a try and click on what you want to see clearly!
 +
</div></div>
<div id="bankImages">
<div id="bankImages">
  <img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
  <img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
-
  <img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
+
  <img src="https://static.igem.org/mediawiki/2011/f/f1/Whu-4-2.jpg">
-
  <img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
+
  <img src="https://static.igem.org/mediawiki/2011/c/c4/Whu-8.jpg">
-
  <img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
+
  <img src="https://static.igem.org/mediawiki/2011/f/f6/Whu-10.jpg">
-
  <img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
+
  <img src="https://static.igem.org/mediawiki/2011/6/69/Whu-13.jpg">
-
  <img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
+
  <img src="https://static.igem.org/mediawiki/2011/e/e1/Whu-18.jpg">
-
  <img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
+
  <img src="https://static.igem.org/mediawiki/2011/4/42/Whu-32.jpg">
-
  <img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
+
  <img src="https://static.igem.org/mediawiki/2011/f/fc/Whu-43.jpg">
-
  <img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
+
  <img src="https://static.igem.org/mediawiki/2011/a/a8/Whu-61.jpg">
-
  <img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
+
  <img src="https://static.igem.org/mediawiki/2011/5/57/Whu-47.jpg">
 +
 
 +
<img src="/wiki/images/7/76/Whu-2-2.jpg" />
 +
<img src="/wiki/images/4/41/Whu-5.jpg" />
 +
<img src="/wiki/images/d/d1/Whu-7.jpg"  />
 +
<img src="/wiki/images/0/07/Whu-11.jpg"  />
 +
<img src="/wiki/images/3/32/45.jpg"  />
 +
<img src="/wiki/images/d/df/Whu-21.jpg" />
 +
<img src="/wiki/images/5/51/Whu-22.jpg"/>
 +
<img src="/wiki/images/e/e1/Whu-26.jpg"  />
 +
 
 +
 
 +
 
 +
<img src="/wiki/images/e/e0/27.jpg">
 +
<img src="/wiki/images/1/12/28.jpg">
 +
<img src="/wiki/images/e/e2/29.jpg">
 +
<img src="/wiki/images/e/e3/30.jpg">
 +
<img src="/wiki/images/5/5f/53.jpg">
 +
<img src="/wiki/images/b/ba/52.jpg">
 +
<img src="/wiki/images/d/db/54.jpg">
</div>
</div>
<script type="text/javascript">
<script type="text/javascript">
Line 341: Line 409:
  tv.init();
  tv.init();
</script>
</script>
 +
<div id="bottom">
 +
<image src="/wiki/images/5/58/Whu-backgroundbottom.png"/>
</div>
</div>
 +
<!-- bottom and needed to be modified in the top-->
 +
<div id="contact">
 +
<a href="https://2011.igem.org/wiki/index.php?title=Team:WHU-China/Team/Gallary&action=edit"><img class="whucontact" style="position:relative;left:636px;top:38px;z-index:10;" src="/wiki/images/2/2a/Whu-Home_r1_c1.png"/></a>
 +
<a href="Mailto:gubrian890512@gmail.com"><img class="whucontact" style="position:relative;left:660px;top:38px;z-index:10;" src="/wiki/images/9/97/Whu-Home_r1_c3.png"/></a>
 +
<a href="https://igem.org/Main_Page"><img class="whucontact" style="position:relative;left:676px;top:38px;z-index:10;" src="/wiki/images/0/03/Whu-Home_r1_c5.png"/></a>
 +
<img id="bb" src="/wiki/images/3/3c/Whu-build.jpg"/>
</div>
</div>
 +
 +
 +
 +
 +
 +
<div style="height:100px;"></div>
 +
</div>
 +
 +

Latest revision as of 07:45, 23 October 2011

    We have spent a busy summer full of happiness and fun. The following photos record this precious experience.
    Have a try and click on what you want to see clearly!
Count Down

days

hours

minutes

seconds

Visitor

Retrieved from "http://2011.igem.org/Team:WHU-China/Team/Gallary"