Template:Team:DukeMBar/CSS
From 2014.igem.org
(Difference between revisions)
(15 intermediate revisions not shown) | |||
Line 7: | Line 7: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | #navbar ul, #navbar li { list-style: none; | + | #navbar ul, #navbar li { |
- | + | list-style: none; | |
+ | list-style-position:inside; | ||
margin:0px 0px; | margin:0px 0px; | ||
padding:0; | padding:0; | ||
+ | } | ||
- | + | #navbar ul { | |
- | + | ||
- | + | ||
display:none; | display:none; | ||
position:absolute; | position:absolute; | ||
left:0px; | left:0px; | ||
width:100%; | width:100%; | ||
- | + | background-color:#0736A4; | |
+ | } | ||
- | |||
- | + | #navbar li{ | |
- | + | ||
float:left; | float:left; | ||
padding:10px 0px; | padding:10px 0px; | ||
position:relative; | position:relative; | ||
- | width:16. | + | width:14%; /*16.66%*/ |
- | + | } | |
- | + | #navbar > li >ul { | |
margin: 10px 0px; | margin: 10px 0px; | ||
- | + | } | |
- | + | #navbar { | |
text-align:center; | text-align:center; | ||
- | + | /*height: 43px;*/ | |
- | + | background-color:#0736A4; | |
- | margin: 0px 0px 40px 0px; | + | margin: 0px 0px 40px 0px; |
- | + | } | |
- | + | #navbar a { | |
text-decoration:none; | text-decoration:none; | ||
color:white; | color:white; | ||
- | font-family:raleway; | + | /*font-family:raleway;*/ |
- | font-size:16px; | + | font-size:16px; |
- | + | } | |
- | #navbar li li{ | + | #navbar li li { |
- | + | width:100%; | |
} | } | ||
</style> | </style> | ||
Line 67: | Line 66: | ||
$('#navbar > li > ul > li').mouseover(function(){ | $('#navbar > li > ul > li').mouseover(function(){ | ||
- | $(this).css("background-color","# | + | $(this).css("background-color","#0730D3"); |
}); | }); | ||
$('#navbar li').hover(function(){ | $('#navbar li').hover(function(){ | ||
- | $(this).css("background-color","# | + | $(this).css("background-color","#0736A4"); |
}); | }); | ||
- | $('#navbar > li > a').hover(function(){$(this).parent().css("background-color","# | + | $('#navbar > li > a').hover(function(){$(this).parent().css("background-color","#0730D3");}, function(){$(this).parent().css("background-color","#0736A4");}); |
}); | }); | ||
</script> | </script> | ||
- | < | + | <!-- 0736A4 is duke blue --> |
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | + | <ul id="navbar"> | |
- | <li> | + | <li><a href="https://2014.igem.org/Team:Duke">Home</a></li> |
- | + | <li><a href="https://2014.igem.org/Team:Duke/Team">Team</a> | |
- | </li> | + | <ul> |
+ | <li><a href="https://2014.igem.org/Team:Duke/Team">About Us</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?year=2014&team_name=Duke">Official Team Profile</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke/Safety">Photo Gallery</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke/Project#background">Background</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke/Project#summary">Summary</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">Results</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">Future Steps</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke/Notebook">Notebook</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke/Notebook">Overview</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">Month</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">Month</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">Month</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">Month</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">Month</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">Month</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">Month</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke/Notebook/Protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">Policy and Practice</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">3D Printing</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">House Course</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke">NCSSM Team</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2014.igem.org/Team:Duke/Safety">Safety</a></li> | ||
+ | <li><a href="https://2014.igem.org/"><img src = "https://static.igem.org/mediawiki/2014/1/1a/Mattigemlogowhite.png" height="17px"></a></li> | ||
- | + | <div style="clear: both;"></div> | |
- | + | </ul> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 14:41, 16 October 2014