Easy-Design.Net forum

 
nav { 
display:block; 
margin:0 auto 20px; 
position:relative;
}
nav ul {
height:40px;
padding:0; margin:20px 0 0 0;
border-top:1px solid #2a323f;
border-bottom:1px solid #2a323f;
background: #485160;
background: -moz-linear-gradient(top, #485160 0%, #39414c 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#485160), color-stop(100%,#39414c)); 
box-shadow: 0 2px 4px #424346;
-moz-box-shadow: 0 2px 4px #424346;
-webkit-box-shadow: 0 2px 4px #424346;
}
nav li {
position:relative;
float:left;
}
nav ul:before { 
border-top: 1px solid #6d7581;  
content: '';  
width: 100%;  
position: absolute;  
}
nav ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
nav ul ul {
display:none;
width:100%;
position:absolute;
left:0;
}
nav ul li {
list-style:none;
float:left;
padding:0; margin:0;
position:relative;
}
nav ul li a {
float:left;
padding:0 20px 0 20px; margin:0;
height:40px;
line-height:40px;
color:#e0e1e3;
font-weight:bold;
text-decoration:none;
text-shadow:0px 1px 1px #101215;
-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
border-right:1px solid #2a323f;
border-left: 1px solid #6d7581;
}
nav li a {
display:block;
}
nav ul li:first-child a {
border-left:none;
}
nav ul li:last-child a {
border-right:none;
}
nav ul li a:hover {
background: #586375;
background: -moz-linear-gradient(top, #586375 0%, #4c5766 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#586375), color-stop(100%,#4c5766)); 
color:#fff;
}
nav ul li ul {
position:absolute;
top:40px;
left:0;
border:none;
background:#2a323f;
height:auto;
width:130px;
padding:1px 0 0 0; margin:0;
-moz-border-bottom-right-radius: 10px; 
    -webkit-border-bottom-right-radius: 10px; 
    border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px; 
    -webkit-border-bottom-left-radius: 10px; 
    border-bottom-left-radius: 10px;
}
nav ul li ul:before { 
border-top: none; 
}
nav ul li ul li a {
color:#a5a5a5;
padding:0 0 0 20px; margin:0;
width:110px; height:30px; line-height:30px;
border:none;
border-top:1px solid #2a323f;
}
nav ul li ul li a:hover {
color:#fff;
background: #b64f40;
background: -moz-linear-gradient(top, #ec6e59 0%, #b64f40 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec6e59), color-stop(100%,#b64f40)); 
border-top:1px solid #f28d7c;
box-shadow: 0 0px 8px #3b3b3b;
-moz-box-shadow: 0 0px 8px #3b3b3b;
-webkit-box-shadow: 0 0px 8px #3b3b3b;
}
nav ul li ul li:last-child a {
-moz-border-bottom-left-radius: 10px; 
-webkit-border-bottom-left-radius: 10px; 
border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px; 
-webkit-border-bottom-right-radius: 10px; 
border-bottom-right-radius: 10px;
}