Template:NavBar demo01

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> #topNav { - -- creates styled 100% width fixed navigation bar --: width: 100%; position: fixed; top: 14px; height: 50px; backgroun...")
 
(7 intermediate revisions not shown)
Line 8: Line 8:
height: 50px;  
height: 50px;  
background-color: #f0f0f0;  
background-color: #f0f0f0;  
-
border-bottom: 1px solid #ccc;  
+
border-bottom: 3px solid #414141;  
z-index: 1000;
z-index: 1000;
}
}
Line 37: Line 37:
.navLinks li:hover {  
.navLinks li:hover {  
background-color: #fff;
background-color: #fff;
-
border: 1px solid #ccc;
+
border: 2px solid #414141;
border-bottom: 1px solid #fff;
border-bottom: 1px solid #fff;
}
}
.navLinks > .navSingleLink:hover  {  
.navLinks > .navSingleLink:hover  {  
-
border-bottom: 1px solid #ccc;
+
border-bottom: 2px solid #414141;
}
}
Line 56: Line 56:
.navlinks li > a:hover {
.navlinks li > a:hover {
-
color: #fff;
+
color: #49b677;
}  
}  
Line 66: Line 66:
display: none;
display: none;
background-color: #fff;  
background-color: #fff;  
-
border-bottom: 1px solid #ccc;  
+
border-bottom: 2px solid #414141;  
z-index: -100;
z-index: -100;
padding: 20px 0px;
padding: 20px 0px;
-
border: 1px solid #ccc;
+
border:2px solid #414141;
}
}
Line 95: Line 95:
.navDropMenu li a:hover {  /*-- styles the links within the nav bar li --*/
.navDropMenu li a:hover {  /*-- styles the links within the nav bar li --*/
-
background-color: #f0f0f0;
+
background-color: #49b677;
-
color: #484848;
+
color: #fff;
}
}

Latest revision as of 17:41, 17 June 2014