2015-07-29, 01:40:31
just added in the css file this code is to demonstrate the capabilities of css
Code:
header nav ul li{
position:relative;
}
header nav ul li.currentpath > a {
color:#FFF;
background:#7096B6;
background:rgba(255,255,255,.2);
text-decoration:none;
border-radius:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
}
header nav ul li ul {
position:absolute;
background: White;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index : 9999;
min-width : 150px;
display:none;
padding: 5px 10px 5px 0;
}
header nav ul li ul li ul{
left : 99%;
top : -5px;
}
header nav ul li ul li{
float:none;
}
header nav ul li ul li+li{
border-top : 1px dashed #4878A1;
}
header nav ul li ul li a:link,
header nav ul li ul li a:visited{
background-color : transparent;
color : Black;
text-shadow: 0px 0px 0px rgba(0,0,0, .3);
padding-top : 5px;
padding-bottom : 5px;
}
header nav ul li:hover ul {
display:block;
}
header nav ul li:hover ul li ul{
display: none;
}
header nav ul li ul li:hover ul{
display: block;
}
header nav ul li ul li:hover ul li ul{
display: none;
}
header nav ul li ul li ul li:hover ul{
display: block;
}
header nav ul li ul li.current > a {
color:#4878A1;
font-weight:800;
background-color : transparent!important;
}