Team:Tianjin/Project

From 2013.igem.org

(Difference between revisions)
Line 159: Line 159:
.box{ width:960px; margin:0 auto; overflow:hidden;}
.box{ width:960px; margin:0 auto; overflow:hidden;}
.main{ width:720px; height:auto; float:right;position:relative;padding:10px 10px 10px 10px;}
.main{ width:720px; height:auto; float:right;position:relative;padding:10px 10px 10px 10px;}
-
.fixed{ width:220px; height:400px;text-align:center;float:left;word-spacing:0.1em;top:10px;margin-top:10px;}
+
.fixed{ width:220px; height:auto;text-align:center;float:left;word-spacing:0.1em;top:10px;margin-top:10px;}
.main img{border:hidden;margin-bottom:5px;}
.main img{border:hidden;margin-bottom:5px;}
.main div,li,p{font-family:Arial;line-height:150%;word-spacing:0.1em;}
.main div,li,p{font-family:Arial;line-height:150%;word-spacing:0.1em;}
Line 168: Line 168:
.img1{margin:0 150px 15px 150px;padding:5px 5px 5px 5px;background-color:#fafafa;border:thin solid #999; vertical-align:middle;width:400px;}  
.img1{margin:0 150px 15px 150px;padding:5px 5px 5px 5px;background-color:#fafafa;border:thin solid #999; vertical-align:middle;width:400px;}  
.img1 a{target="_blank";}
.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 - 100){
 
-
$('.fixed').css('position','fixed');
 
-
if(s + fh - 2000 > mh){
 
-
$('.fixed').css('top',mh-s-fh+'px');
 
-
}
 
-
}else{
 
-
$('.fixed').css('position','');
 
-
}
 
-
})
 
-
});
 
-
</script>
 
Line 214: Line 191:
</div>
</div>
-
 
-
 
-
 
-
 
-
<div class="note2">
 
-
 
-
</div>
 
-
 
-
<!--
 
-
<div class="note">
 
-
 
-
</div>
 
-
<div class="note">
 
-
 
-
</div>
 
-
-->
 
</div>
</div>
Line 242: Line 203:
</p>
</p>
</div>
</div>
 +
 +
</div>
</div>
</div>
</div>

Revision as of 07:13, 28 October 2013