Team:HKU-Hong Kong/Templates/Header
From 2011.igem.org
(Difference between revisions)
(Created page with "<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jqu...") |
|||
(50 intermediate revisions not shown) | |||
Line 10: | Line 10: | ||
var last = path.split("/"); | var last = path.split("/"); | ||
if ( last[1] ) { | if ( last[1] ) { | ||
- | $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","# | + | $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#01DF01"); |
} | } | ||
else { | else { | ||
- | $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","# | + | $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#01DF01"); |
} | } | ||
}); | }); | ||
Line 25: | Line 25: | ||
$('.listmain').not('.curlink').css("color","#dddddd"); | $('.listmain').not('.curlink').css("color","#dddddd"); | ||
$('#headover ul').fadeOut(500); | $('#headover ul').fadeOut(500); | ||
- | $('#headover').stop().animate({height:'50px',top:' | + | $('#headover').stop().animate({height:'50px',top:'120px'},1000); |
}); | }); | ||
Line 38: | Line 38: | ||
$('.listmain').mouseover(function(){ | $('.listmain').mouseover(function(){ | ||
$('.listmain').not('.curlink').css("color","#dddddd"); | $('.listmain').not('.curlink').css("color","#dddddd"); | ||
- | $(this).css("color","# | + | $(this).css("color","#01DF01"); |
}); | }); | ||
Line 49: | Line 49: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | a:link {color:# | + | a:link {color:#04B404;} |
- | a:visited {color:# | + | a:visited {color:#04B404;} |
- | a:hover {color:# | + | a:hover {color:#04B404;} |
- | a:active {color:# | + | a:active {color:#04B404;} |
#top-section { | #top-section { | ||
Line 80: | Line 80: | ||
#menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited { | #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited { | ||
- | color: # | + | color: #04B404;} |
#footer-box { | #footer-box { | ||
Line 92: | Line 92: | ||
#content { | #content { | ||
- | width: | + | width: 900px; |
border: none; | border: none; | ||
font-family: georgia, helvetica, arial, sans-serif; | font-family: georgia, helvetica, arial, sans-serif; | ||
- | color: # | + | background-color:#000000; |
+ | color: #FFFFFF} | ||
#title { | #title { | ||
Line 117: | Line 118: | ||
position:absolute; | position:absolute; | ||
top:0px; | top:0px; | ||
- | left: | + | left:420px;} |
#csynbilogo { | #csynbilogo { | ||
- | width: | + | width:300px; |
- | height: | + | height:50px; |
position:absolute; | position:absolute; | ||
- | top: | + | top:0px; |
- | left: | + | left:670px;} |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#belink a { | #belink a { | ||
Line 163: | Line 151: | ||
#menuback { | #menuback { | ||
width:100px; | width:100px; | ||
- | height: | + | height:170px; |
position: absolute; | position: absolute; | ||
top: 0px; | top: 0px; | ||
left: 0px; | left: 0px; | ||
- | background-color: # | + | background-color: #01DF01} |
#headpic { | #headpic { | ||
width:800px; | width:800px; | ||
- | height: | + | height:170px; |
position: absolute; | position: absolute; | ||
top: 0px; | top: 0px; | ||
Line 181: | Line 169: | ||
height:50px; | height:50px; | ||
position: absolute; | position: absolute; | ||
- | top: | + | top: 100px; |
left: 0px; | left: 0px; | ||
background: url(https://static.igem.org/mediawiki/2010/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; } | background: url(https://static.igem.org/mediawiki/2010/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; } | ||
Line 200: | Line 188: | ||
.highlight{ | .highlight{ | ||
- | color: # | + | color: #01DF01;} |
#menulist{ | #menulist{ | ||
position: absolute; | position: absolute; | ||
top: 16px; | top: 16px; | ||
- | left: | + | left: 5px; |
list-style: none;} | list-style: none;} | ||
Line 213: | Line 201: | ||
#menulist li a{ | #menulist li a{ | ||
- | font-weight: | + | font-weight: 200; |
font-size: 1.2em; | font-size: 1.2em; | ||
text-decoration: none; | text-decoration: none; | ||
Line 256: | Line 244: | ||
<div id='igemlogo'> | <div id='igemlogo'> | ||
<a href='https://2011.igem.org/Main_Page'> | <a href='https://2011.igem.org/Main_Page'> | ||
- | <img src='https://static.igem.org/mediawiki/ | + | <img src='https://static.igem.org/mediawiki/2011/5/56/IGEM_logo_%28white_word%29.png'> |
</a> | </a> | ||
</div> | </div> | ||
<div id='csynbilogo'> | <div id='csynbilogo'> | ||
<a href='http://www0.hku.hk/biochem/'> | <a href='http://www0.hku.hk/biochem/'> | ||
- | <img id="csbl" src=''> | + | <img id="csbl" src='http://100.hku.hk/images/slogan.jpg'> |
</a> | </a> | ||
</div> | </div> | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<div id='menu'> | <div id='menu'> | ||
<div id='menuback'> | <div id='menuback'> | ||
<ul id='menulist'> | <ul id='menulist'> | ||
<li><a href='#' class='listhead' id='project'>Project</a></li> | <li><a href='#' class='listhead' id='project'>Project</a></li> | ||
- | <li><a href='#' class='listhead' id=' | + | <li><a href='#' class='listhead' id='labwork'>Lab Work</a></li> |
- | <li><a href='#' class='listhead' id=' | + | <li><a href='#' class='listhead' id='team'>Team</a></li> |
- | <li><a href='#' class='listhead' id=' | + | <li><a href='#' class='listhead' id='data'>Data</a></li> |
+ | <li><a href='#' class='listhead' id='gratitude'>Gratitude</a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div id='headpic'> | <div id='headpic'> | ||
<div id='headover'> | <div id='headover'> | ||
- | <p id='headtit'> | + | <p id='headtit'>Super Silencer<span class='dark'> <span class='highlight'>|</span> Prepare to be silenced</span></p> |
<ul class='project'> | <ul class='project'> | ||
- | <li><a href='https:// | + | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Project' class='listmain' id='results'>Overview</a></li> |
- | + | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Description' class='listmain' id='results'>Description</a></li> | |
- | <li><a href='https:// | + | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Results' class='listmain' id='results'>Results</a></li> |
- | <li><a href='https:// | + | |
<ul class='project'> | <ul class='project'> | ||
- | <li><a href='https:// | + | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/BioBricks' class='listmain' id='results'>BioBricks</a></li> |
- | <li><a href='https:// | + | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Modelling' class='listmain' id='results'>Modelling</a></li> |
- | <li><a href='https:// | + | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Attributions' class='listmain' id='results'>Attributions</a></li> |
- | + | ||
</ul> | </ul> | ||
</ul> | </ul> | ||
- | <ul class=' | + | <ul class='labwork'> |
- | <li><a href='https:// | + | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Lab_Diaries' class='listmain' id='results'>Lab Diaries</a></li> |
- | + | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Lab_Protocol' class='listmain' id='results'>Lab Protocol</a></li> | |
- | + | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Safety' class='listmain' id='results'>Safety</a></li> | |
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
- | <ul class=' | + | </ul> |
+ | <ul class='team'> | ||
+ | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Team_Profile' class='listmain' id='results'>Profile</a></li> | ||
+ | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Human_Practice' class='listmain' id='results'>Human Practice</a></li> | ||
+ | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Diary' class='listmain' id='project'>Social Networks</a></li> | ||
+ | <ul class='team'> | ||
+ | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Professors' class='listmain' id='results'>Professors & Advisors</a></li> | ||
+ | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Videos' class='listmain' id='results'></a></li> | ||
+ | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Videos' class='listmain' id='results'>Video</a></li> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | <ul class='data'> | ||
+ | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Parts' class='listmain' id='results'>Registry Parts</a></li> | ||
</ul> | </ul> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</ul> | </ul> | ||
- | <ul class=' | + | <ul class='gratitude'> |
- | <li><a href='https:// | + | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Sponsors' class='listmain' id='results'>Sponsors</a></li> |
- | <li><a href='https:// | + | <li><a href='https://2011.igem.org/Team:HKU-Hong_Kong/Acknowledgments' class='listmain' id='results'>Acknowledgments</a></li> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
</ul> | </ul> |
Latest revision as of 13:06, 5 October 2011