User:Vinoo/2014Design6
From 2014.igem.org
< User:Vinoo(Difference between revisions)
m |
m |
||
(26 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; | ||
- | font-family: | + | font-family: Arial, sans-serif; |
} | } | ||
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: 100%; | ||
margin: 0px; | margin: 0px; | ||
- | + | padding: 0px 20px; | |
- | + | border: 1px solid #000; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
.navLinks li:hover { | .navLinks li:hover { | ||
Line 43: | Line 39: | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
border-bottom: 1px solid #fff; | border-bottom: 1px solid #fff; | ||
- | |||
} | } | ||
- | + | .navSingleLink:hover { | |
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||
} | } | ||
- | + | .navLinks li > a { /*-- styles the links within the nav bar li --*/ | |
- | . | + | text-decoration: none; |
+ | color: #000; height: 100%; display: block; width: 100%; border: 1px solid #000; | ||
+ | } | ||
.navDropMenu { /*-- the drop down box --*/ | .navDropMenu { /*-- the drop down box --*/ | ||
Line 65: | Line 62: | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
} | } | ||
+ | |||
+ | .navDropMenu a {border: 1px solid #000; display: inline-block; color: red;} | ||
.navDropMenu li { /*-- the drop down box --*/ | .navDropMenu li { /*-- the drop down box --*/ | ||
Line 105: | 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