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: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
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: inline-block;
+
display: table-cell;
-
float: left;
+
font-size: 12px;
font-size: 12px;
 +
height: 100%;
margin: 0px;  
margin: 0px;  
-
border: 1px solid transparent;
+
padding: 0px 20px;
-
text-decoration: none;
+
border: 1px solid #000;
-
line-height: 50px;
+
-
color: #000;
+
-
padding-left: 30px;
+
-
padding-right: 30px;
+
-
height: 100%;
+
}
}
 +
.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;
-
color: #fff;
 
}
}
-
#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 --*/
-
.morelink {display:inline-block; padding: 0px; margin: 0px; height: auto; width: auto; line-height: auto;}
+
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" 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"><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"