Team:TU Delft/Tour/curtain

From 2010.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
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;
+
line-height: 14px;
    }
    }
    .leftcurtain{
    .leftcurtain{
-
width: 325px;
+
width: 50%;
height: 495px;
height: 495px;
top: 0px;
top: 0px;
Line 33: Line 31:
}
}
.rightcurtain{
.rightcurtain{
-
width: 327px;
+
width: 51%;
height: 495px;
height: 495px;
right: 0px;
right: 0px;
Line 41: Line 39:
}
}
.rightcurtain img, .leftcurtain img{
.rightcurtain img, .leftcurtain img{
-
width: 650px;
+
width: 100%;
-
height: 560px;
+
height: 100%;
}
}
.curtlogo{
.curtlogo{
Line 55: Line 53:
}
}
</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 205:
}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 221:
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 230: Line 230:
<br /><br />
<br /><br />
<div style="color: white; width: 330px; margin: 0 auto;">You have seen the plans, seen the result. Now explore the rest of the wiki!</div>
<div style="color: white; width: 330px; margin: 0 auto;">You have seen the plans, seen the result. Now explore the rest of the wiki!</div>
-
<br /><br />
+
<br />
-
<img src="" width="250" height="200" />
+
<ul id="continue_links">
 +
<li><a href="https://2010.igem.org/Team:TU_Delft#page=Notebook/timeline" target="_parent"><b>Browse</b> through our time line.</a></li>
 +
<li><a href="https://2010.igem.org/Team:TU_Delft#page=Project/conclusions" target="_parent"><b>Read</b> the conclusions.</a></li>
 +
<li><a href="https://2010.igem.org/Team:TU_Delft#page=Education/game" target="_parent"><b>Play</b> our iGEM Game.</a></li>
 +
<li><a href="https://2010.igem.org/Team:TU_Delft#page=Publicity" target="_parent"><b>See</b> us in the news.</a></li>
 +
<li><a href="https://2010.igem.org/Team:TU_Delft#page=Safety/ethics" target="_parent"><b>Discuss</b> the ethics.</a></li>
 +
<li><a href="https://2010.igem.org/Team:TU_Delft#page=Modeling" target="_parent"><b>Use</b> our models and tools.</a></li>
 +
<li><a href="https://2010.igem.org/Team:TU_Delft#page=Parts" target="_parent"><b>Build</b> new bricks with our parts.</a></li>
 +
</ul>
 +
 
 +
<br /><br /><br />
 +
<img src="https://static.igem.org/mediawiki/2010/9/90/TU_Delft_icons_group.png" />
</div>
</div>
<a class="rope" href="#">
<a class="rope" href="#">
<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>
 
<style>
<style>
-
#curtain-wrapper {
+
#continue_links, #continue_links li {
-
width: 650px;
+
margin: 0;
-
border: none;
+
padding:0;
-
height: 560px;
+
}
-
overflow:hidden;
+
 
-
margin: 0;
+
#continue_links a {
-
padding: 0;
+
color: #fff;
-
position: absolute;
+
display: block;
-
top: 0;
+
margin: 5px 0;
-
left: 0;
+
-
background-color: #fff;
+
-
z-index: 100;
+
-
margin-left: -1px;
+
}
}
</style>
</style>
 +
</body>
</html>
</html>

Latest revision as of 22:21, 27 October 2010