Template:NavBar

From 2014.igem.org

(Difference between revisions)
m (Created page with "<html> <head> <style type="text/css"> #contentSub, .firstHeading, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides defau...")
 
(61 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
-
 
-
#contentSub, .firstHeading, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
 
-
 
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
-
background-color: #383838;
 
-
border: 0 none;
 
-
height: 14px;
 
-
z-index: 100;
 
-
top: 0;
 
-
position: fixed;
 
-
width: 975px;
 
-
left: 50%;
 
-
margin-left: -487px;
 
-
}
 
-
 
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 
-
background-color: #383838;
 
-
height: 14px;
 
-
display: block;
 
-
z-index: 10;
 
-
position: fixed;
 
-
width: 100%;
 
-
top: 0;
 
-
}
 
-
 
-
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 
-
color: #727272;
 
-
text-decoration: none;
 
-
background-color: transparent;
 
-
}
 
-
 
-
body {
 
-
background-color: #fff;
 
-
}
 
-
 
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
border: 0px;
 
-
background-color: transparent;
 
-
margin: 0px;
 
-
padding: 0px;
 
-
}
 
-
 
-
html, body, .wrapper { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
background-color: transparent;
 
-
}
 
-
 
-
#contentcontainer { /*-- creates container for all content on page --*/
 
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 
-
font-weight: 200;
 
-
font-size: 16px;
 
-
color: #000;
 
-
width: 960px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
background-color: #transparent;
 
-
margin-top: 80px;
 
-
padding-bottom: 100px;
 
-
}
 
-
 
#topNav { /*-- creates styled 100% width fixed navigation bar --*/
#topNav { /*-- creates styled 100% width fixed navigation bar --*/
width: 100%;  
width: 100%;  
Line 80: Line 17:
margin: 0px auto;  
margin: 0px auto;  
position: relative;  
position: relative;  
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
font-family: Arial, sans-serif;
}
}
Line 104: Line 41:
}
}
-
.navLinks li a {  /*-- styles the links within the nav bar li --*/
+
.navLinks > .navSingleLink:hover  {
 +
border-bottom: 1px solid #ccc;
 +
}
 +
 
 +
.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 162: Line 103:
}
}
 +
.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 168: Line 114:
<nav id="navContainer">
<nav id="navContainer">
<ul class="navLinks">
<ul class="navLinks">
 +
<li class="navSingleLink">
 +
<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>
-
<a href="#" style="padding: 0px;"><img src="https://static.igem.org/mediawiki/2014/d/d4/Logo2014.png" style="height: 60px; margin-top: -6px;" /></a>
+
<a href="#">ABOUT</a>
<div class="navDropMenu">
<div class="navDropMenu">
-
</html>{{Nav/iGEM2014}}<html>
+
</html>{{Nav/About}}<html>
</div>
</div>
</li>
</li>
<li>
<li>
-
<a href="#">ABOUT</a>
+
<a href="#" class="dropToggle">COMPETITION</a>
<div class="navDropMenu">
<div class="navDropMenu">
-
</html>{{Nav/About}}<html>
+
</html>{{Nav/Competition}}<html>
</div>
</div>
</li>
</li>
 +
                     
<li>
<li>
-
<a href="#">START to FINISH</a>
+
<a href="#">TEAMS</a>
<div class="navDropMenu">
<div class="navDropMenu">
-
</html>{{Nav/StartToFinish}}<html>
+
</html>{{Nav/Teams}}<html>
</div>
</div>
</li>
</li>
Line 192: Line 142:
</div>
</div>
</li>
</li>
-
<li>
+
    <li class="navSingleLink">
-
<a href="#">CONTACT</a>
+
<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

Retrieved from "http://2014.igem.org/Template:NavBar"