Template:TU-header3

From 2011.igem.org

(Difference between revisions)
 
(250 intermediate revisions not shown)
Line 1: Line 1:
__NOTOC__
__NOTOC__
 +
 +
<!--We would like to thank Brown Stanford 2011 for the inspiration on the usage of the menu. Their way of implementation was used for the construction of our own menu. We would like to thank http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/ for the necessary code. -->
 +
 +
<html>
<html>
<head>
<head>
Line 221: Line 225:
.stop(true)
.stop(true)
.animate({
.animate({
-
'width':'170px',
+
'width':'124px',
-
'height':'170px',
+
'height':'124px',
'left':'0px'
'left':'0px'
-
},400,'easeOutBack')
+
},0,'easeOutBack')
.andSelf()
.andSelf()
.find('.sdt_wrap')
.find('.sdt_wrap')
    .stop(true)
    .stop(true)
-
.animate({'top':'140px'},500,'easeOutBack')
+
.animate({'top':'94px'},400,'easeOutBack')
.andSelf()
.andSelf()
.find('.sdt_active')
.find('.sdt_active')
    .stop(true)
    .stop(true)
-
.animate({'height':'170px'},300,function(){
+
.animate({'height':'128px'},300,function(){
var $sub_menu = $elem.find('.sdt_box');
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length){
if($sub_menu.length){
-
var left = '170px';
+
var left = '124px';
if($elem.parent().children().length == $elem.index()+1)
if($elem.parent().children().length == $elem.index()+1)
-
left = '-170px';
+
left = '-124px';
-
$sub_menu.show().animate({'left':left},200);
+
$sub_menu.show().animate({'left':left},300);
}
}
});
});
Line 249: Line 253:
$elem.find('.sdt_active')
$elem.find('.sdt_active')
.stop(true)
.stop(true)
-
.animate({'height':'0px'},300)
+
.animate({'height':'0px'},400)
.andSelf().find('img')
.andSelf().find('img')
.stop(true)
.stop(true)
Line 255: Line 259:
'width':'0px',
'width':'0px',
'height':'0px',
'height':'0px',
-
'left':'85px'},400)
+
'left':'62px'},400)
.andSelf()
.andSelf()
.find('.sdt_wrap')
.find('.sdt_wrap')
Line 267: Line 271:
</head>
</head>
<body>
<body>
-
<br>
+
 
-
<br>
+
 
-
<br>
+
<div id="TU-header1">
-
<br>
+
 
 +
<img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" alt="TUDelft Logo2" height="52" align="LEFT" style="position:absolute; margin:20px 0px 0px 0px; " >
 +
 
 +
<img src="http://www.osli.ca/uploads/images/base/logo.png" alt="TUDelft Logo2" height="52" align="RIGHT" style="position:absolute; margin:20px 0px 0px 90px; align="Right" >
 +
 
 +
<img src="http://www.dsm.com/en_US/static/common/img/banner-cworld-logo.png" height="52" align="RIGHT" style="position:absolute; margin:20px 0px 0px 260px; align="RIGHT" >
 +
 
 +
<img src="http://home.tudelft.nl/fileadmin/UD/MenC/Support/Internet/TU_Website/TU_Delft_portal/Over_TU_Delft/Alumni/Verenigingen/Alumnivereniging/Alumnipas/Service/img/Logo_640_x_280.jpg" alt="TUDelft Logo2" height="52" align="RIGHT" style="position:absolute; margin:20px 0px 0px 460px; align="RIGHT" >
 +
 
 +
<img src="http://www.selectscience.net/images/logos/companies/1393_Greiner-Bio-One-Logo_Intern.jpg" alt="TUDelft Logo2" height="52" align="RIGHT" style="position:absolute; margin:20px 0px 0px 970px; align="RIGHT" >
 +
 
 +
<img src="http://edwingardner.com/projectivelandscape/site/img/UfD.gif" alt="TUDelft Logo2" height="52" align="RIGHT" style="position:absolute; margin:20px 0px 0px 750px; align="RIGHT" >
 +
 
 +
<img src="https://static.igem.org/mediawiki/2011/2/20/Dia1.png" height="52" align="RIGHT" style="position:absolute; margin:20px 0px 0px 630px; align="RIGHT" >
 +
 
 +
<img src="https://static.igem.org/mediawiki/2011/e/e0/TU_Delft_iGEM_logo.jpg" alt="TUDelft Logo2" height="52" align="RIGHT" style="position:absolute; margin:20px 0px 0px 1150px; align="RIGHT" >
 +
 
<br>
<br>
  <div id="TU-wrapper">
  <div id="TU-wrapper">
-
<div id="TU-header1">
+
<div id="TU-header2">
<div id="TU-menu">
<div id="TU-menu">
Line 282: Line 302:
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">TU-Delft</span>
+
<span class="sdt_link">Home</span>
<span class="sdt_descr"></span>
<span class="sdt_descr"></span>
</span>
</span>
Line 289: Line 309:
<li>
<li>
<a href="https://2011.igem.org/Team:TU-Delft/Project">
<a href="https://2011.igem.org/Team:TU-Delft/Project">
-
<img src="https://static.igem.org/mediawiki/2011/4/48/TUDelft-Logo1.jpg" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2011/0/0a/Logo_vierkant_2011.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
<span class="sdt_link">The Project</span>
<span class="sdt_link">The Project</span>
<span class="sdt_descr">What we are doing</span>
<span class="sdt_descr">What we are doing</span>
 +
</span>
 +
</a>
<div class="sdt_box">
<div class="sdt_box">
 +
                        <br><br>
<a href="https://2011.igem.org/Team:TU-Delft/Project">Overview</a>
<a href="https://2011.igem.org/Team:TU-Delft/Project">Overview</a>
-
<a href="#">Detailed</a>
+
                        <a href="https://2011.igem.org/Team:TU-Delft/Project/Modelling">Modelling</a>
-
<a href="#">Research Proposal</a>
+
<a href="https://2011.igem.org/Team:TU-Delft/Project/Detailed">Detailed</a>
-
</div> </span>
+
                        <a href="https://2011.igem.org/Team:TU-Delft/Project/Production">Production</a>
-
</a>
+
                        <a href="https://2011.igem.org/Team:TU-Delft/Project/Transportation">Transportation</a>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Project/Hydroxylation">Hydroxylation</a>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Project/Localization">Localization</a>
 +
<a href="https://static.igem.org/mediawiki/2011/3/34/IGEM_TUDelft2011_Research_Proposal.pdf">Research Proposal</a>
 +
</div>
</li>
</li>
 +
<li>
<li>
<a href="https://2011.igem.org/Team:TU-Delft/Team">
<a href="https://2011.igem.org/Team:TU-Delft/Team">
-
<img src="https://static.igem.org/mediawiki/2011/3/31/TU-Delft_team.png" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2011/5/5d/Teamfoto_wiki.jpg" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 311: Line 339:
</a>
</a>
<div class="sdt_box">
<div class="sdt_box">
-
<a href="#">Students</a>
+
                        <br>
-
<a href="#">Advisors</a>
+
                        <br>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Team">Overview</a>
 +
<a href="https://2011.igem.org/Team:TU-Delft/Team/Students">Students</a>
 +
<a href="https://2011.igem.org/Team:TU-Delft/Team/Supervisors">Supervisors</a>
 +
<a href="https://2011.igem.org/Team:TU-Delft/Team/University">University</a>
</div>
</div>
</li>
</li>
<li>
<li>
-
<a href="https://2011.igem.org/Team:TU-Delft/Notebooks">
+
<a href="https://2011.igem.org/Team:TU-Delft/Notebooks/Overview">
<img src="https://static.igem.org/mediawiki/2011/e/ee/TUDelft-Template-Notebook.png" alt=""/>
<img src="https://static.igem.org/mediawiki/2011/e/ee/TUDelft-Template-Notebook.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
Line 325: Line 357:
</a>
</a>
<div class="sdt_box">
<div class="sdt_box">
-
<a href="https://2011.igem.org/Team:TU-Delft/Team/General">General</a>
+
                      <a href="https://2011.igem.org/Team:TU-Delft/Notebooks/Overview">Overview</a>
-
<a href="#">Students</a>
+
                      <a href="https://2011.igem.org/Team:TU-Delft/Notebooks">Students</a>
-
<a href="#">Departments</a>
+
                      <a href="https://2011.igem.org/Team:TU-Delft/Notebooks/Brainstorming">Brainstorming</a>
 +
                      <a href="https://2011.igem.org/Team:TU-Delft/Notebooks/Protocols">Protocols</a>
 +
<!-- <a href="#">Departments</a> -->
 +
</div>
 +
</li>
 +
 
 +
<li>
 +
<a href="https://2011.igem.org/Team:TU-Delft/Human-Practice">
 +
<img src="https://static.igem.org/mediawiki/igem.org/6/61/Good_vs_Bad.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Human Practice</span>
 +
<span class="sdt_descr">Awareness </span>
 +
</span>
 +
</a>
 +
<div class="sdt_box">
 +
<br><br><br>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Human-Practice">Overview</a>
 +
<a href="https://2011.igem.org/Team:TU-Delft/Human-Practice/Rathenau">Rathenau</a>
 +
<a href="https://2011.igem.org/Team:TU-Delft/Human-Practice/Science-Centre">Science Centre</a>
 +
 +
</div>
 +
</li>
 +
<li>
 +
<a href="https://2011.igem.org/Team:TU-Delft/Project/Safety">
 +
<img src="https://static.igem.org/mediawiki/2011/a/a2/Lab_safety.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Safety</span>
 +
<span class="sdt_descr">Responsibilty</span>
 +
</span>
 +
</a>
 +
<div class="sdt_box">
 +
<br>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Project/Safety">Overview</a>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Project/Safety/Safety-proposal">Safety proposal</a>
 +
 +
</li>
 +
<li>
 +
<a href="https://2011.igem.org/Team:TU-Delft/Project/Microbial-History">
 +
<img src="https://static.igem.org/mediawiki/2011/0/01/Logo_with_book.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Microbial history</span>
 +
<span class="sdt_descr">Where it all started</span>
 +
</span>
 +
</a>
 +
<div class="sdt_box">
 +
<br>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Project/Microbial-History/Influences-of-Delft">Influences of Delft</a>
 +
<a href="https://2011.igem.org/Team:TU-Delft/Project/Microbial-History/Van Leeuwenhoek">Van Leeuwenhoek</a>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Project/Microbial-History/Beijerink">Beijerink</a>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Project/Microbial-History/Iterson">Iterson</a>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Project/Microbial-History/Kluyer">Kluyver</a>
</div>
</div>
</li>
</li>
<li>
<li>
<a href="https://2011.igem.org/Team:TU-Delft/Sponsors">
<a href="https://2011.igem.org/Team:TU-Delft/Sponsors">
-
<img src="https://static.igem.org/mediawiki/2011/e/ee/TUDelft-Template-Notebook.png" alt=""/>
+
<img src="https://static.igem.org/mediawiki/2011/f/fe/TUDelft-Template-Sponsors.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">Sponsor</span>
+
<span class="sdt_link">Our Partners</span>
<span class="sdt_descr">Making it possible</span>
<span class="sdt_descr">Making it possible</span>
</span>
</span>
</a>
</a>
<div class="sdt_box">
<div class="sdt_box">
-
<a href="https://2011.igem.org/Team:TU-Delft/Team/General">Sponsors</a>
+
<br>
-
<a href="#">Support Us</a>
+
                        <br>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Sponsors">Sponsors</a>
 +
<a href="http://www.crowdfundingfacilities.com/content/igem-tu-delft">Support Us</a>
 +
                        <a href="https://2011.igem.org/Team:TU-Delft/Collaboration">Collaboration</a>
 +
<a href="https://2011.igem.org/Team:TU-Delft/Acknowledgement">Acknowledgements</a>
</div>
</div>
</li>
</li>
Line 348: Line 437:
</body>
</body>
<style type="text/css">
<style type="text/css">
 +
 +
#TU-header1 {
#TU-header1 {
 +
width:100%;
 +
absolute:left;
 +
background-color:#fff;
 +
display:block;
 +
position:absolute;
 +
top:-15px;
 +
clear:both;
 +
solid white;
 +
height:130px;
 +
}
 +
 +
#TU-header2 {
width:100%;
width:100%;
-
height:85px;
+
height:67px;
background-color:#002B60;
background-color:#002B60;
display:block;
display:block;
 +
position:absolute;
 +
top:73px;
clear:both;
clear:both;
}
}
Line 368: Line 473:
}
}
#TU-body-wrapper {
#TU-body-wrapper {
-
margin:10px;
+
margin:-5px;
width:100%;
width:100%;
}
}
Line 383: Line 488:
</style>
</style>
-
<img src="https://static.igem.org/mediawiki/2011/5/56/TUDelft-Logo2.jpg" alt="TUDelft Logo2" height="85" align="RIGHT" style="position:relative; " >
+
 
<div id="TU-body">
<div id="TU-body">
Line 389: Line 494:
 +
</html>
 +
<html>
 +
<body style="background-image: initial; background-repeat-x:no-repeat; background-repeat-y:no-repeat; background-repeat:no-repeat; background-attachment:initial; background-position:initial initial; background-position-x:initial; background-position-y:initial; background-origin:initial; background-clip:initial;background-color:#656565; margin:0pt; " onload="onPageLoad();" onunload="onPageUnload();" >
 +
    <div style="text-align:center; " >
 +
      <div style="background-color:#FFFFFF; text-align:left; width:1010px; margin:0px auto 0px auto; " id="body_content" >
</html>
</html>

Latest revision as of 18:08, 18 December 2011



TUDelft Logo2 TUDelft Logo2 TUDelft Logo2 TUDelft Logo2 TUDelft Logo2 TUDelft Logo2