User:Vinoo/2014Design6
From 2014.igem.org
(Difference between revisions)
m |
m |
||
Line 20: | Line 20: | ||
} | } | ||
- | + | #navLinks { /*-- clears style for nav bar ul --*/ | |
margin: 0px; | margin: 0px; | ||
height: 100%; | height: 100%; | ||
} | } | ||
- | + | #navLinks li { /*-- styles nav bar li, the nav bar elements --*/ | |
display: inline-block; | display: inline-block; | ||
float: left; | float: left; | ||
font-size: 12px; | font-size: 12px; | ||
+ | height: 49px; | ||
+ | padding: 0px; | ||
margin: 0px; | margin: 0px; | ||
border: 1px solid transparent; | border: 1px solid transparent; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | #navLinks li:hover { | |
background-color: #fff; | background-color: #fff; | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
border-bottom: 1px solid #fff; | border-bottom: 1px solid #fff; | ||
- | |||
} | } | ||
Line 50: | Line 45: | ||
} | } | ||
+ | #navLinks li a { /*-- styles the links within the nav bar li --*/ | ||
+ | text-decoration: none; | ||
+ | line-height: 50px; | ||
+ | color: #000; | ||
+ | padding-left: 30px; | ||
+ | padding-right: 30px; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | } | ||
- | + | #navlinks li a:hover { | |
+ | color: #fff; | ||
+ | } | ||
.navDropMenu { /*-- the drop down box --*/ | .navDropMenu { /*-- the drop down box --*/ | ||
width: 100%; | width: 100%; | ||
Line 65: | Line 71: | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
} | } | ||
+ | |||
+ | .navDropMenu a {display:inline-block; padding: 0px; margin: 0px; height: auto; width: auto; line-height: auto;} | ||
.navDropMenu li { /*-- the drop down box --*/ | .navDropMenu li { /*-- the drop down box --*/ | ||
Line 103: | Line 111: | ||
<header id="topNav"> | <header id="topNav"> | ||
<nav id="navContainer"> | <nav id="navContainer"> | ||
- | <ul | + | <ul id="navLinks"> |
<li id="navSingleLink"> | <li id="navSingleLink"> | ||
- | <a href="https://2014.igem.org" style="padding: | + | <a href="https://2014.igem.org" style="padding-left: 10px; padding-right: 10px;"><img src="https://static.igem.org/mediawiki/2014/d/d4/Logo2014.png" /></a> |
</li> | </li> | ||
<li> | <li> |
Revision as of 16:55, 6 February 2014