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: | + | 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: | + | border: 2px solid #414141; |
border-bottom: 1px solid #fff; | border-bottom: 1px solid #fff; | ||
} | } | ||
.navLinks > .navSingleLink:hover { | .navLinks > .navSingleLink:hover { | ||
- | border-bottom: | + | border-bottom: 2px solid #414141; |
} | } | ||
Line 56: | Line 56: | ||
.navlinks li > a:hover { | .navlinks li > a:hover { | ||
- | color: # | + | color: #49b677; |
} | } | ||
Line 66: | Line 66: | ||
display: none; | display: none; | ||
background-color: #fff; | background-color: #fff; | ||
- | border-bottom: | + | border-bottom: 2px solid #414141; |
z-index: -100; | z-index: -100; | ||
padding: 20px 0px; | padding: 20px 0px; | ||
- | border: | + | 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: # | + | background-color: #49b677; |
- | color: # | + | color: #fff; |
} | } | ||
Latest revision as of 17:41, 17 June 2014