Template:NavBar

From 2014.igem.org

(Difference between revisions)
m
 
(26 intermediate revisions not shown)
Line 41: Line 41:
}
}
-
#navSingleLink:hover  {  
+
.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: 30px;
+
padding-left: 26px;
-
padding-right: 30px;
+
padding-right: 26px;
display: block;
display: block;
height: 100%;
height: 100%;
}
}
-
.navlinks li a:hover {
+
.navlinks li > a:hover {
color: #fff;
color: #fff;
Line 71: Line 71:
border: 1px solid #ccc;
border: 1px solid #ccc;
}
}
-
 
-
.navDropMenu a {display:inline-block; padding: 0px; margin: 0px; height: auto; width: auto; line-height: auto;}
 
.navDropMenu li {  /*-- the drop down box --*/
.navDropMenu li {  /*-- the drop down box --*/
Line 105: 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 112: Line 114:
<nav id="navContainer">
<nav id="navContainer">
<ul class="navLinks">
<ul class="navLinks">
-
<li id="navSingleLink">
+
<li class="navSingleLink">
-
<a href="https://2014.igem.org" style="padding-left: 10px; padding-right: 10px;"><img src="https://static.igem.org/mediawiki/2014/d/d4/Logo2014.png" /></a>
+
<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 125: 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 133: Line 142:
</div>
</div>
</li>
</li>
-
<li id="navSingleLink">
+
    <li class="navSingleLink">
 +
<a href="https://2014.igem.org/Giant_Jamboree">GIANT JAMBOREE</a>
 +
</li>
 +
<li class="navSingleLink">
<a href="https://igem.org/Contact">CONTACT</a>
<a href="https://igem.org/Contact">CONTACT</a>
</li>
</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