User:Vinoo/2014Design6

From 2014.igem.org

< User:Vinoo(Difference between revisions)
m
m
 
(9 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 22: Line 22:
.navLinks { /*-- clears style for nav bar ul --*/
.navLinks { /*-- clears style for nav bar ul --*/
margin: 0px;  
margin: 0px;  
-
height: 49px;  
+
height: 100%;  
}
}
Line 28: Line 28:
display: table-cell;
display: table-cell;
font-size: 12px;
font-size: 12px;
-
height: 100%;
+
height: 100%;  
-
padding: 0px 30px;  
+
margin: 0px;  
margin: 0px;  
-
border: 1px solid transparent;
+
padding: 0px 20px;
 +
border: 1px solid #000;
 +
}
-
 
-
}
 
.navLinks li:hover {  
.navLinks li:hover {  
Line 42: Line 41:
}
}
-
#navSingleLink:hover  {  
+
.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;
+
color: #000; height: 100%; display: block; width: 100%; border: 1px solid #000;
}
}
-
.navlinks li a:hover {
 
-
color: #fff;
 
-
}
 
.navDropMenu {  /*-- the drop down box --*/
.navDropMenu {  /*-- the drop down box --*/
width: 100%;
width: 100%;
Line 67: Line 63:
}
}
-
.navDropMenu a {border: 1px solid #000;}
+
.navDropMenu a {border: 1px solid #000; display: inline-block; color: red;}
.navDropMenu li {  /*-- the drop down box --*/
.navDropMenu li {  /*-- the drop down box --*/
Line 108: Line 104:
<ul class="navLinks">
<ul class="navLinks">
<li id="navSingleLink">
<li id="navSingleLink">
-
<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>
+
<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

Retrieved from "http://2014.igem.org/User:Vinoo/2014Design6"