Template:NavBar
From 2014.igem.org
(Difference between revisions)
m |
|||
(43 intermediate revisions not shown) | |||
Line 17: | Line 17: | ||
margin: 0px auto; | margin: 0px auto; | ||
position: relative; | position: relative; | ||
- | font-family: | + | font-family: Arial, sans-serif; |
} | } | ||
Line 41: | Line 41: | ||
} | } | ||
- | .navLinks | + | .navLinks > .navSingleLink:hover { |
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||
} | } | ||
- | .navLinks li a { /*-- styles the links within the nav bar li --*/ | + | .navLinks li > a { /*-- styles the links within the nav bar li --*/ |
text-decoration: none; | text-decoration: none; | ||
line-height: 50px; | line-height: 50px; | ||
color: #000; | color: #000; | ||
- | padding-left: | + | padding-left: 26px; |
- | padding-right: | + | padding-right: 26px; |
display: block; | display: block; | ||
height: 100%; | height: 100%; | ||
} | } | ||
- | .navlinks li a:hover { | + | .navlinks li > a:hover { |
color: #fff; | color: #fff; | ||
Line 103: | Line 103: | ||
} | } | ||
- | .menuHeader { border-bottom: 1px solid #ccc; display: block; font-weight: bold;} | + | .menuHeader { border-bottom: 1px solid #ccc; display: block; font-weight: bold; font-family: Georgia, Times, "Times New Roman", serif; } |
+ | </style> | ||
+ | |||
+ | <style type="text/css" media="print"> | ||
+ | #topNav { display: none;} | ||
</style> | </style> | ||
</head> | </head> | ||
Line 110: | Line 114: | ||
<nav id="navContainer"> | <nav id="navContainer"> | ||
<ul class="navLinks"> | <ul class="navLinks"> | ||
- | <li | + | <li class="navSingleLink"> |
- | <a href="https://2014.igem.org" style="padding: | + | <a href="https://2014.igem.org" style="padding-left: 10px; padding-right: 10px;"><img src="https://static.igem.org/mediawiki/2014/2/22/Logo2014v2.png" /></a> |
</li> | </li> | ||
<li> | <li> | ||
Line 123: | Line 127: | ||
<div class="navDropMenu"> | <div class="navDropMenu"> | ||
</html>{{Nav/Competition}}<html> | </html>{{Nav/Competition}}<html> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#">TEAMS</a> | ||
+ | <div class="navDropMenu"> | ||
+ | </html>{{Nav/Teams}}<html> | ||
</div> | </div> | ||
</li> | </li> | ||
Line 131: | Line 142: | ||
</div> | </div> | ||
</li> | </li> | ||
- | + | <li class="navSingleLink"> | |
- | <a href=" | + | <a href="https://2014.igem.org/Giant_Jamboree">GIANT JAMBOREE</a> |
</li> | </li> | ||
+ | <li class="navSingleLink"> | ||
+ | <a href="https://igem.org/Contact">CONTACT</a> | ||
+ | </li> | ||
+ | <li class="navSingleLink"> | ||
+ | <a href="https://igem.org/Donate">DONATE</a> | ||
+ | </li> | ||
+ | |||
</ul> | </ul> | ||
</nav> | </nav> | ||
</header> | </header> | ||
<html> | <html> |
Latest revision as of 17:46, 13 November 2014