Template:TU-header2

From 2011.igem.org

(Difference between revisions)
Line 4: Line 4:
-
 
-
 
-
<style type="text/css">
 
-
 
-
 
-
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>
 
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>

Revision as of 05:05, 16 June 2011