Template:Team:DukeMBar/CSS
From 2014.igem.org
(Difference between revisions)
(39 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
- | |||
- | |||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||
+ | <head> | ||
- | |||
- | |||
- | # | + | <style type="text/css"> |
- | { | + | #navbar ul, #navbar li { |
- | + | list-style: none; | |
- | + | list-style-position:inside; | |
- | + | margin:0px 0px; | |
- | + | padding:0; | |
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | { | + | #navbar ul { |
- | + | display:none; | |
+ | position:absolute; | ||
+ | left:0px; | ||
+ | width:100%; | ||
+ | background-color:#0736A4; | ||
} | } | ||
- | # | + | |
- | { | + | |
- | + | #navbar li{ | |
- | + | ||
float:left; | float:left; | ||
- | padding: | + | padding:10px 0px; |
- | + | position:relative; | |
+ | width:14%; /*16.66%*/ | ||
} | } | ||
- | # | + | |
- | { | + | #navbar > li >ul { |
- | + | margin: 10px 0px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | # | + | #navbar { |
- | { | + | text-align:center; |
- | + | /*height: 43px;*/ | |
- | + | background-color:#0736A4; | |
- | height: | + | margin: 0px 0px 40px 0px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | |
- | { | + | #navbar a { |
- | + | text-decoration:none; | |
- | + | color:white; | |
- | + | /*font-family:raleway;*/ | |
- | + | font-size:16px; | |
- | + | } | |
- | font | + | |
- | + | #navbar li li { | |
- | + | width:100%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
<script> | <script> | ||
- | |||
- | |||
- | + | $(document).ready(function(){ | |
- | + | $('#navbar > li').hover(function() { | |
- | + | $(this).find('ul').slideToggle("slow"); | |
- | + | }); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | + | $('#navbar > li > ul > li').mouseover(function(){ | |
- | + | $(this).css("background-color","#0730D3"); | |
- | + | }); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | $('#navbar li').hover(function(){ | |
- | + | $(this).css("background-color","#0736A4"); | |
- | + | }); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | $('#navbar > li > a').hover(function(){$(this).parent().css("background-color","#0730D3");}, function(){$(this).parent().css("background-color","#0736A4");}); | |
- | + | }); | |
- | + | </script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <!-- 0736A4 is duke blue --> | |
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <ul id="navbar"> | |
- | + | <li><a href="https://2014.igem.org/Team:Duke">Home</a></li> | |
- | + | <li><a href="https://2014.igem.org/Team:Duke/Team">Team</a> | |
- | + | <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