User:Vinoo/2014Design6

From 2014.igem.org

(Difference between revisions)
m
m
Line 20: Line 20:
}
}
-
.navLinks { /*-- clears style for nav bar ul --*/
+
#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 --*/
+
#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;
-
text-decoration: none;
 
-
line-height: 50px;
 
-
color: #000;
 
-
padding-left: 30px;
 
-
padding-right: 30px;
 
-
height: 100%;
 
}
}
-
.navLinks li:hover {  
+
#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;
-
color: #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%;
 +
}
-
.morelink {display:inline-block; padding: 0px; margin: 0px; height: auto; width: auto; line-height: auto;}
+
#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 class="navLinks">
+
<ul id="navLinks">
<li id="navSingleLink">
<li id="navSingleLink">
-
<a href="https://2014.igem.org" style="padding: 0px;"><img src="https://static.igem.org/mediawiki/2014/d/d4/Logo2014.png" style="height: 60px; margin-top: -6px;" /></a>
+
<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