/* Horizontal-Verticl Menu */
#m_menu {
position: relative;
margin: 0 auto 0 20%;
width: 10em;
background-color: #bdbeed;
padding:2px .3em;
text-align: center;
}
#m_menu ul{
margin:0 auto;
list-style-type:none;
padding:0 .1em;
}
#m_menu ul li{
position: relative;
margin:2px 0;
background-color: #f6f7f8;
text-align:left;
font-weight: 800;
-moz-border-radius:.6em;
-webkit-border-radius:.6em;
-khtml-border-radius:.6em;
border-radius:.6em;
}
#m_menu ul li:hover{
background-color: #fbfb01;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
border-radius:0;
}
#m_menu ul li a{
display: block;
color: #000;
padding: .2em .8em;
font-size:1em;
font-family:Calibri;
text-decoration:none;
}
#m_menu ul li a:hover{
background-color: #00ed01;
text-decoration:underline;
}
#m_menu ul li:hover > ul{
display: block;
}
#m_menu ul li ul{
position: absolute;
top:2px;
left:100%;
display: none;
border:1px dashed #0001b0;
background-color: #d7d8f9;
padding:.1em;
}
#m_menu ul li ul li{
position: relative;
font-weight: 500;
}
#m_menu ul li ul li a{
white-space: nowrap;
line-height:120%;
}
#m_menu ul li ul li ul{
position: absolute;
top:0;
left:100%;
display: none;
border:1px dashed #0001b0;
background-color: #d7d8f9;
}
#m_menu ul li .litems:after {
content: " >>";
color: #00d001;
font-weight: 600;
} |