User:Vinoo/2014Design6
From 2014.igem.org
< User:Vinoo(Difference between revisions)
m |
m |
||
(22 intermediate revisions not shown) | |||
Line 14: | Line 14: | ||
#navContainer { /*-- creates centered container for nav bar --*/ | #navContainer { /*-- creates centered container for nav bar --*/ | ||
width: 975px; | width: 975px; | ||
- | height: 100%; | + | height: 100%; |
margin: 0px auto; | margin: 0px auto; | ||
position: relative; | position: relative; | ||
Line 26: | Line 26: | ||
.navLinks li { /*-- styles nav bar li, the nav bar elements --*/ | .navLinks li { /*-- styles nav bar li, the nav bar elements --*/ | ||
- | display: | + | display: table-cell; |
- | + | ||
font-size: 12px; | font-size: 12px; | ||
- | height: | + | height: 100%; |
- | + | ||
margin: 0px; | margin: 0px; | ||
- | border: 1px solid | + | padding: 0px 20px; |
+ | border: 1px solid #000; | ||
} | } | ||
+ | |||
.navLinks li:hover { | .navLinks li:hover { | ||
Line 41: | Line 41: | ||
} | } | ||
- | + | .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; |
- | + | color: #000; height: 100%; display: block; width: 100%; border: 1px solid #000; | |
- | color: #000; | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
.navDropMenu { /*-- the drop down box --*/ | .navDropMenu { /*-- the drop down box --*/ | ||
width: 100%; | width: 100%; | ||
Line 72: | Line 63: | ||
} | } | ||
- | .navDropMenu a {display:inline-block; | + | .navDropMenu a {border: 1px solid #000; display: inline-block; color: red;} |
.navDropMenu li { /*-- the drop down box --*/ | .navDropMenu li { /*-- the drop down box --*/ | ||
Line 113: | Line 104: | ||
<ul class="navLinks"> | <ul class="navLinks"> | ||
<li id="navSingleLink"> | <li id="navSingleLink"> | ||
- | <a href="https://2014.igem.org | + | <a href="https://2014.igem.org"><img src="https://static.igem.org/mediawiki/2014/d/d4/Logo2014.png" style="height: 49px;" /></a> |
</li> | </li> | ||
<li> | <li> |
Latest revision as of 20:47, 6 February 2014