Template:TU-header3
From 2011.igem.org
(Difference between revisions)
(Created page with "__NOTOC__<html lang="en"> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script> <script type="text/javascript" ...") |
K.warringa (Talk | contribs) |
||
(299 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> | |
+ | <head> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
/* | /* | ||
Line 334: | Line 218: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | + | ||
- | + | $(function() { | |
- | + | $('#sdt_menu > li').bind('mouseenter',function(){ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
var $elem = $(this); | var $elem = $(this); | ||
$elem.find('img') | $elem.find('img') | ||
.stop(true) | .stop(true) | ||
.animate({ | .animate({ | ||
- | 'width':' | + | 'width':'124px', |
- | 'height':' | + | 'height':'124px', |
'left':'0px' | 'left':'0px' | ||
- | }, | + | },0,'easeOutBack') |
.andSelf() | .andSelf() | ||
.find('.sdt_wrap') | .find('.sdt_wrap') | ||
.stop(true) | .stop(true) | ||
- | .animate({'top':' | + | .animate({'top':'94px'},400,'easeOutBack') |
.andSelf() | .andSelf() | ||
.find('.sdt_active') | .find('.sdt_active') | ||
.stop(true) | .stop(true) | ||
- | .animate({'height':' | + | .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 = ' | + | var left = '124px'; |
if($elem.parent().children().length == $elem.index()+1) | if($elem.parent().children().length == $elem.index()+1) | ||
- | left = '- | + | left = '-124px'; |
- | $sub_menu.show().animate({'left':left}, | + | $sub_menu.show().animate({'left':left},300); |
} | } | ||
}); | }); | ||
Line 375: | Line 253: | ||
$elem.find('.sdt_active') | $elem.find('.sdt_active') | ||
.stop(true) | .stop(true) | ||
- | .animate({'height':'0px'}, | + | .animate({'height':'0px'},400) |
.andSelf().find('img') | .andSelf().find('img') | ||
.stop(true) | .stop(true) | ||
Line 381: | Line 259: | ||
'width':'0px', | 'width':'0px', | ||
'height':'0px', | 'height':'0px', | ||
- | 'left':' | + | 'left':'62px'},400) |
.andSelf() | .andSelf() | ||
.find('.sdt_wrap') | .find('.sdt_wrap') | ||
Line 389: | Line 267: | ||
}); | }); | ||
</script> | </script> | ||
- | <link href= | + | </script> |
+ | <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:TU-Delft/Testcss?action=raw&ctype=text/css" /> | ||
+ | </head> | ||
+ | <body> | ||
- | |||
- | < | + | <div id="TU-header1"> |
- | <style> | + | |
- | / | + | <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> | |
- | + | <div id="TU-wrapper"> | |
- | width: 100%; | + | <div id="TU-header2"> |
- | + | <div id="TU-menu"> | |
+ | |||
+ | <ul id="sdt_menu" class="sdt_menu"> | ||
+ | <li> | ||
+ | <a href="https://2011.igem.org/Team:TU-Delft"> | ||
+ | <img src="http://www.den-dopper.com/wp-content/uploads/2009/03/thumb_tudelft.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Home</span> | ||
+ | <span class="sdt_descr"></span> | ||
+ | </span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2011.igem.org/Team:TU-Delft/Project"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/0/0a/Logo_vierkant_2011.jpg" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">The Project</span> | ||
+ | <span class="sdt_descr">What we are doing</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <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/Modelling">Modelling</a> | ||
+ | <a href="https://2011.igem.org/Team:TU-Delft/Project/Detailed">Detailed</a> | ||
+ | <a href="https://2011.igem.org/Team:TU-Delft/Project/Production">Production</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> | ||
+ | <a href="https://2011.igem.org/Team:TU-Delft/Team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/5/5d/Teamfoto_wiki.jpg" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">The Team</span> | ||
+ | <span class="sdt_descr">Who we are</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <br> | ||
+ | <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> | ||
+ | </li> | ||
+ | <li> | ||
+ | <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=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Notebooks</span> | ||
+ | <span class="sdt_descr">What we did</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <a href="https://2011.igem.org/Team:TU-Delft/Notebooks/Overview">Overview</a> | ||
+ | <a href="https://2011.igem.org/Team:TU-Delft/Notebooks">Students</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> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2011.igem.org/Team:TU-Delft/Sponsors"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/f/fe/TUDelft-Template-Sponsors.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Our Partners</span> | ||
+ | <span class="sdt_descr">Making it possible</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <br> | ||
+ | <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> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </body> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | |||
+ | #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%; | |
- | + | height:67px; | |
- | + | background-color:#002B60; | |
- | + | display:block; | |
- | + | position:absolute; | |
- | + | top:73px; | |
+ | clear:both; | ||
} | } | ||
- | # | + | #TU-wrapper { |
- | + | line-height:1em; | |
- | + | font-size:100%; | |
- | + | font: normal sans-serif; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #TU-body { |
- | + | width:100%; | |
- | + | min-height: 400px; | |
- | + | display:block; | |
- | + | float: left; | |
- | + | clear:both; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #TU-body-wrapper { |
- | + | margin:-5px; | |
- | + | width:100%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #TU-footer { |
- | + | width:100%; | |
- | + | height:50px; | |
- | + | background-color:#002B60; | |
- | + | display:block; | |
- | + | float:left; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | </style> | ||
- | + | ||
- | + | <div id="TU-body"> | |
- | + | <div id="TU-body-wrapper"> | |
- | + | ||
- | + | ||
- | + | </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> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div style="text-align: | + |
Latest revision as of 18:08, 18 December 2011