Team:TU Delft/Tour/curtain

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
+
<html>
 +
<head>
<style type="text/css">
<style type="text/css">
-
#top-section {
 
-
display: none;
 
-
}
 
    *{
    *{
    margin:0;
    margin:0;
Line 22: Line 20:
font-size: 12px;
font-size: 12px;
color: #222222;
color: #222222;
-
width: 650px;
 
    }
    }
    .leftcurtain{
    .leftcurtain{
-
width: 325px;
+
width: 50%;
height: 495px;
height: 495px;
top: 0px;
top: 0px;
Line 33: Line 30:
}
}
.rightcurtain{
.rightcurtain{
-
width: 327px;
+
width: 51%;
height: 495px;
height: 495px;
right: 0px;
right: 0px;
Line 41: Line 38:
}
}
.rightcurtain img, .leftcurtain img{
.rightcurtain img, .leftcurtain img{
-
width: 650px;
+
width: 100%;
-
height: 560px;
+
height: 100%;
}
}
.curtlogo{
.curtlogo{
Line 55: Line 52:
}
}
</style>
</style>
 +
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
<script type="text/javascript">
Line 206: Line 204:
}else{
}else{
$(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'});  
$(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'});  
-
$(".leftcurtain").stop().animate({width:'325px'}, 2000 );
+
$(".leftcurtain").stop().animate({width:'50%'}, 2000 );
-
$(".rightcurtain").stop().animate({width:'327px'}, 2000 );
+
$(".rightcurtain").stop().animate({width:'51%'}, 2000 );
$curtainopen = false;
$curtainopen = false;
}
}
Line 222: Line 220:
Cufon.replace('#sub1'); // Requires a selector engine for IE 6-7, see above
Cufon.replace('#sub1'); // Requires a selector engine for IE 6-7, see above
</script>
</script>
-
<div id="curtain_wrapper">
+
</head>
 +
<body>
<div class="leftcurtain"><img src="https://static.igem.org/mediawiki/2010/1/14/TU_Delft_frontcurtain.jpg"/></div>
<div class="leftcurtain"><img src="https://static.igem.org/mediawiki/2010/1/14/TU_Delft_frontcurtain.jpg"/></div>
<div class="rightcurtain"><img src="https://static.igem.org/mediawiki/2010/1/14/TU_Delft_frontcurtain.jpg"/></div>
<div class="rightcurtain"><img src="https://static.igem.org/mediawiki/2010/1/14/TU_Delft_frontcurtain.jpg"/></div>
Line 236: Line 235:
<img src="https://static.igem.org/mediawiki/2010/b/b1/TU_Delft_Rope.png" border="0" />
<img src="https://static.igem.org/mediawiki/2010/b/b1/TU_Delft_Rope.png" border="0" />
</a>
</a>
-
</div>
+
</body>
-
<style>
+
-
#curtain-wrapper {
+
-
width: 650px;
+
-
border: none;
+
-
height: 560px;
+
-
overflow:hidden;
+
-
margin: 0;
+
-
padding: 0;
+
-
position: absolute;
+
-
top: 0;
+
-
left: 0;
+
-
background-color: #fff;
+
-
z-index: 100;
+
-
margin-left: -1px;
+
-
}
+
-
</style>
+
</html>
</html>

Revision as of 09:34, 14 October 2010



End of the Tour



You have seen the plans, seen the result. Now explore the rest of the wiki!