|
|
Line 1: |
Line 1: |
- | <html>
| |
| | | |
- | <!-- Reset CSS - START | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
- | <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/base/base-min.css"> | + | <head> |
- | Reset CSS - END /-->
| + | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| + | <title>Untitled Document</title> |
| + | <script src="file:///Bly 2.0/Users/JimmyBly/Library/Application Support/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam21cc41f2.TMP/SpryMenuBar.js" type="text/javascript"></script> |
| + | <link href="file:///Bly 2.0/Users/JimmyBly/Library/Application Support/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam21cc41f2.TMP/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> |
| + | </head> |
| | | |
- | <style type="text/css"> | + | <body> |
- | | + | <ul id="MenuBar1" class="MenuBarHorizontal"> |
- | | + | <li><a class="MenuBarItemSubmenu" href="#">Item 1</a> |
- | | + | <ul> |
- | | + | <li><a href="#">Item 1.1</a></li> |
- | | + | <li><a href="#">Item 1.2</a></li> |
- | | + | <li><a href="#">Item 1.3</a></li> |
- | | + | </ul> |
- | | + | </li> |
- | | + | <li><a href="#">Item 2</a></li> |
- | | + | <li><a class="MenuBarItemSubmenu" href="#">Item 3</a> |
- | | + | <ul> |
- | /*Code for background disappear*/
| + | <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a> |
- | /* Author: Pieter van Boheemen */
| + | <ul> |
- | /* Team: TU Delft 2010*/
| + | <li><a href="#">Item 3.1.1</a></li> |
- | #globalWrapper { background-color: #ffffff; border: none; margin: 0; padding: 0; width: 100%; height:100%;} | + | <li><a href="#">Item 3.1.2</a></li> |
- | #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
| + | </ul> |
- | #bodyContent { border: none; padding:2px; margin: 5px; width:98%; height:100%;}
| + | </li> |
- | #top-section { height: 20px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
| + | <li><a href="#">Item 3.2</a></li> |
- | #p-logo { height:1px; overflow:hidden; display: none;}
| + | <li><a href="#">Item 3.3</a></li> |
- | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 150px; right: -10px;}
| + | </ul> |
- | /*Bedekken login staat tijdelijk uit*/ | + | </li> |
- | /*
| + | <li><a href="#">Item 4</a></li> |
- | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} | + | </ul> |
- | .right-menu ul { border: none; width: 300px;} | + | |
- | */
| + | |
- | #footer-box { width: 100%; margin: -10px auto 0 auto; padding: 20px 0;} | + | |
- | .visualClear { display: none; } | + | |
- | #footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
| + | |
- | | + | |
- | /* Thanks Pieter */ | + | |
- | | + | |
- | | + | |
- | /* Normal Code */
| + | |
- | .firstHeading {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | | + | |
- | #TU-wrapper { | + | |
- | line-height:1em;
| + | |
- | font-size:100%;
| + | |
- | font: normal sans-serif;
| + | |
- | }
| + | |
- | | + | |
- | #TU-header {
| + | |
- | width:100%;
| + | |
- | height:100px;
| + | |
- | background-color:#002B60;
| + | |
- | display:block;
| + | |
- | float:left;
| + | |
- | }
| + | |
- | #TU-menu {
| + | |
- | width: 100%;
| + | |
- | height: 30px;
| + | |
- | background-color:#00A6D6;
| + | |
- | display:block;
| + | |
- | float:left;
| + | |
- | }
| + | |
- | #TU-body {
| + | |
- | width:100%;
| + | |
- | min-height: 200px;
| + | |
- | display:block;
| + | |
- | float: left;
| + | |
- | clear:both;
| + | |
- | }
| + | |
- | #TU-body-wrapper {
| + | |
- | margin:10px;
| + | |
- | width:100%;
| + | |
- | }
| + | |
- | #TU-footer {
| + | |
- | width:100%;
| + | |
- | height:50px;
| + | |
- | background-color:#002B60;
| + | |
- | display:block;
| + | |
- | float:left;
| + | |
- | }
| + | |
- | | + | |
- | /*style the main menu*/ | + | |
- | a:link { color: #002B60; text-decoration: none; } | + | |
- | a:visited { color: #002B60; text-decoration: none; } | + | |
- | a:hover { color: white; }
| + | |
- | | + | |
- | .myMenu {
| + | |
- | margin:0;
| + | |
- | padding:0;
| + | |
- | }
| + | |
- | | + | |
- | .myMenu li {
| + | |
- | list-style:none;
| + | |
- | float:left;
| + | |
- | font:12px Arial, Helvetica, sans-serif #111;
| + | |
- | }
| + | |
- | | + | |
- | .myMenu li a:link, .myMenu li a:visited {
| + | |
- | display:block;
| + | |
- | text-decoration:none;
| + | |
- | /* background-color:#00A6D6; */
| + | |
- | padding: 0.5em 2em;
| + | |
- | margin:0;
| + | |
- | border-right: 1px solid #fff;
| + | |
- | }
| + | |
- | | + | |
- | .myMenu li a:hover {
| + | |
- | background-color:#002B60;
| + | |
- | }
| + | |
- | | + | |
- | /*style the sub menu*/ | + | |
- | .myMenu li ul {
| + | |
- | position:absolute;
| + | |
- | visibility:hidden;
| + | |
- | border-top:1px solid #fff;
| + | |
- | margin:0;
| + | |
- | padding:0;
| + | |
- | z-index:10;
| + | |
- | }
| + | |
- | | + | |
- | .myMenu li ul li {
| + | |
- | display:inline;
| + | |
- | float:none;
| + | |
- | }
| + | |
- | | + | |
- | .myMenu li ul li a:link, .myMenu li ul li a:visited {
| + | |
- | background-color:#00A6D6;
| + | |
- | width:auto;
| + | |
- | }
| + | |
- | | + | |
- | .myMenu li ul li a:hover { | + | |
- | background-color:#002B60;
| + | |
- | }
| + | |
- | | + | |
- | </style> | + | |
| <script type="text/javascript"> | | <script type="text/javascript"> |
- | $(document).ready(function() {
| + | var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); |
- | $('.myMenu > li').bind('mouseover', openSubMenu);
| + | |
- | $('.myMenu > li').bind('mouseout', closeSubMenu);
| + | |
- |
| + | |
- | function openSubMenu() {
| + | |
- | $(this).find('ul').css('visibility', 'visible');
| + | |
- | };
| + | |
- |
| + | |
- | function closeSubMenu() {
| + | |
- | $(this).find('ul').css('visibility', 'hidden');
| + | |
- | };
| + | |
- |
| + | |
- | });
| + | |
| </script> | | </script> |
- | | + | </body> |
- | <div id="TU-wrapper"> | + | |
- | <div id="TU-header">
| + | |
- | <img src="https://static.igem.org/mediawiki/2011/4/48/TUDelft-Logo1.jpg" alt="TUDelft Logo1" height="100" align="LEFT style=" float:right;"="" >
| + | |
- | <font color="#ffffff" size="7" ><b>iGEM 2011</b></font>
| + | |
- | <img src="https://static.igem.org/mediawiki/2011/5/56/TUDelft-Logo2.jpg" alt="TUDelft Logo2" height="100" align="RIGHT" style="position:relative; " >
| + | |
- | | + | |
- | </div>
| + | |
- | <div id="TU-menu">
| + | |
- | | + | |
- | <ul class="myMenu">
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft">Home</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Project">The Project</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team">The Team</a>
| + | |
- | <ul><li><a href="https://2011.igem.org/Team:TU-Delft/Team">Team</a></li></ul>
| + | |
- | </li>
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Notebook">Notebooks</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/General">General</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Carsten">Carsten Blom</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Tania">Tania Chroumpi</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Conrad">Conrad de Jong</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Esmee">Esmee Joosten</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Noorlag">Janneke Noorlag</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Janneke">Janneke van Renterghem</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Krijn">Krijn Warringa</a></li></ul>
| + | |
- | </li>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="TU-body">
| + | |
- | <div id="TU-body-wrapper">
| + | |
| </html> | | </html> |