Team:ETH Zurich/Templates/Header
From 2011.igem.org
(Difference between revisions)
Line 22: | Line 22: | ||
{ | { | ||
obj = $('#' + key); | obj = $('#' + key); | ||
+ | |||
obj.stop(true).animate({color: colors[key]}, 500); | obj.stop(true).animate({color: colors[key]}, 500); | ||
obj.parent().stop(true).animate({ backgroundColor: '#FFFFFF' }, 500); | obj.parent().stop(true).animate({ backgroundColor: '#FFFFFF' }, 500); | ||
+ | |||
} | } | ||
Line 29: | Line 31: | ||
{ | { | ||
var obj = $('#' + currSection); | var obj = $('#' + currSection); | ||
+ | if (obj) | ||
+ | { | ||
obj.parent().stop(true).animate({ backgroundColor: colors[currSection] }, 500); | obj.parent().stop(true).animate({ backgroundColor: colors[currSection] }, 500); | ||
obj.stop(true).animate({color: 'white'}, 500); | obj.stop(true).animate({color: 'white'}, 500); | ||
- | + | } | |
$('#headpic').stop(true).delay(200).animate({ backgroundColor: colors[currSection]}, 500); | $('#headpic').stop(true).delay(200).animate({ backgroundColor: colors[currSection]}, 500); | ||
$('.'+currSection).stop(true).delay(400).fadeIn(500); | $('.'+currSection).stop(true).delay(400).fadeIn(500); | ||
Line 251: | Line 255: | ||
#menulist li { | #menulist li { | ||
line-height: 30px; | line-height: 30px; | ||
+ | height: 30px; | ||
width: 100%; | width: 100%; | ||
vertical-align: bottom; | vertical-align: bottom; | ||
Line 285: | Line 290: | ||
#headover ul li { | #headover ul li { | ||
line-height: 30px; | line-height: 30px; | ||
+ | height: 30px; | ||
margin: 0px; | margin: 0px; | ||
} | } | ||
Line 306: | Line 312: | ||
<div id='menuback'> | <div id='menuback'> | ||
<ul id='menulist'> | <ul id='menulist'> | ||
- | <li style="line-height: 40px;"><a href='#' class='listhead' id='overview'>Overview</a></li> | + | <li style="line-height: 40px; height: 40px;"><a href='#' class='listhead' id='overview'>Overview</a></li> |
<li><a href='#' class='listhead' id='biology'>Biology</a></li> | <li><a href='#' class='listhead' id='biology'>Biology</a></li> | ||
<li><a href='#' class='listhead' id='modeling'>Modeling</a></li> | <li><a href='#' class='listhead' id='modeling'>Modeling</a></li> |
Revision as of 23:08, 10 August 2011