Template:TU-header2
From 2011.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Line 548: | Line 296: | ||
color: black !important; | color: black !important; | ||
} | } | ||
+ | |||
+ | ul.oe_menu{ | ||
+ | list-style:none; | ||
+ | position:relative; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | width:560px; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu > li{ | ||
+ | width:112px; | ||
+ | height:101px; | ||
+ | padding-bottom:2px; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu > li > a{ | ||
+ | display:block; | ||
+ | background-color:#002B60; | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
+ | font-weight:bold; | ||
+ | font-size:12px; | ||
+ | width:90px; | ||
+ | height:80px; | ||
+ | padding:10px; | ||
+ | margin:1px; | ||
+ | text-shadow:0px 0px 1px #fff; | ||
+ | opacity:1.0; | ||
+ | } | ||
+ | ul.oe_menu > li > a:hover, | ||
+ | ul.oe_menu > li.selected > a{ | ||
+ | background:#fff; | ||
+ | color:#000; | ||
+ | opacity:1.0; | ||
+ | } | ||
+ | |||
+ | .oe_wrapper ul.hovered > li > a{ | ||
+ | background:#002B60; | ||
+ | text-shadow:0px 0px 1px #fff; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu div{ | ||
+ | position:absolute; | ||
+ | top:103px; | ||
+ | left:1px; | ||
+ | background:#fff; | ||
+ | width:496px; | ||
+ | height:200px; | ||
+ | padding:30px; | ||
+ | display:none; | ||
+ | border-style:solid; | ||
+ | border-width:1px; | ||
+ | border-color:#002B60; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu div ul li a{ | ||
+ | text-decoration:none; | ||
+ | color:#222; | ||
+ | padding:2px 2px 2px 4px; | ||
+ | margin:2px; | ||
+ | display:block; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | ul.oe_menu div ul li a:hover{ | ||
+ | background:#000; | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu div ul.oe_full{ | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu li ul{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | width: 150px; | ||
+ | margin-right:10px; | ||
+ | } | ||
+ | |||
+ | li.oe_heading{ | ||
+ | color:#aaa; | ||
+ | font-size:16px; | ||
+ | margin-bottom:10px; | ||
+ | padding-bottom:6px; | ||
+ | border-bottom:1px solid #ddd; | ||
+ | } | ||
+ | |||
+ | |||
+ | #TU-header1 { | ||
+ | width:100%; | ||
+ | height:101px; | ||
+ | background-color:#fff; | ||
+ | display:block; | ||
+ | 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:10px; | ||
+ | width:100%; | ||
+ | } | ||
+ | #TU-footer { | ||
+ | width:100%; | ||
+ | height:50px; | ||
+ | background-color:#002B60; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | var $oe_menu = $('#oe_menu'); | ||
+ | var $oe_menu_items = $oe_menu.children('li'); | ||
+ | var $oe_overlay = $('#oe_overlay'); | ||
+ | |||
+ | $oe_menu_items.bind('mouseenter',function(){ | ||
+ | var $this = $(this); | ||
+ | $this.addClass('slided selected'); | ||
+ | $this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){ | ||
+ | $oe_menu_items.not('.slided').children('div').hide(); | ||
+ | $this.removeClass('slided'); | ||
+ | }); | ||
+ | }).bind('mouseleave',function(){ | ||
+ | var $this = $(this); | ||
+ | $this.removeClass('selected').children('div').css('z-index','1'); | ||
+ | }); | ||
+ | |||
+ | $oe_menu.bind('mouseenter',function(){ | ||
+ | var $this = $(this); | ||
+ | $oe_overlay.stop(true,true).fadeTo(200, 0.6); | ||
+ | $this.addClass('hovered'); | ||
+ | }).bind('mouseleave',function(){ | ||
+ | var $this = $(this); | ||
+ | $this.removeClass('hovered'); | ||
+ | $oe_overlay.stop(true,true).fadeTo(200, 0); | ||
+ | $oe_menu_items.children('div').hide(); | ||
+ | }) | ||
+ | }); | ||
+ | </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-wrapper"> | ||
+ | <div id="TU-header1"> | ||
+ | <div id="TU-menu"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="oe_wrapper"> | ||
+ | |||
+ | <ul id="oe_menu" class="oe_menu"> | ||
+ | <li> | ||
+ | <a href="https://2011.igem.org/Team:TU-Delft">Home</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="">Project</a> | ||
+ | <div style="left:-111px;"> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:TU-Delft/Project">Overview</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="">Events</a> | ||
+ | <div style="left:-223px;"> | ||
+ | ... | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="">Notebooks</a> | ||
+ | <div style="left:-335px;"> | ||
+ | <ul> | ||
+ | <li class="oe_heading"> | ||
+ | General | ||
+ | </li> | ||
+ | <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/Fun">Fun</a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li class="oe_heading"> | ||
+ | Team Members | ||
+ | </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> | ||
+ | <ul> | ||
+ | <li class="oe_heading"> | ||
+ | Departments | ||
+ | </li> | ||
+ | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Research">Research</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Funding">Funding</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Human Practice">Human Practise</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Conrad">Public Relations</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Lab">Lab</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:TU-Delft/Team/Wiki">Wiki</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="">Sponsors</a> | ||
+ | <div style="left:-447px;"> | ||
+ | <ul class="oe_full"> | ||
+ | <li class="oe_heading"> | ||
+ | <a href="https://2011.igem.org/Team:TU-Delft/Team/General">Team Members</a> | ||
+ | </li> | ||
+ | <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>... | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
</style> | </style> |