joomla_test/templates/as002036free/css/ext.asmenu.css

142 lines
3.4 KiB
CSS
Raw Normal View History

2020-01-02 22:20:31 +07:00
/**************************************************************************************/
/*
/* Web: http://www.asdesigning.com
/* Web: http://www.astemplates.com
/* License: GNU/GPL
/*
/**************************************************************************************/
.as-menu
{
min-height: 40px;
background-image: none;
background-color: transparent;
}
.as-menu ul.as-menu > li a,
.as-menu ul.as-menu > li > span
{
margin: 0px;
padding: 10px 0px;
display: block;
font-weight: normal;
line-height: 20px;
text-transform: capitalize;
letter-spacing: -1px;
color: #333333 !important;
}
.as-menu ul.as-menu > li a:hover
{
background: none !important;
}
.as-menu ul.as-menu > li
{
}
.as-menu ul.as-menu > li,
.as-menu ul.as-menu > li:hover
{
background: none;
width: auto;
margin: 15px 1px 15px 5px;;
padding: 0 24px;
}
.as-menu ul.as-menu > li.lastItem
{
border-right: none !important;
}
.as-menu ul.as-menu > li:first-child
{
margin-left: 0px;
}
.as-menu ul.as-menu > li.active > a,
.as-menu ul.as-menu > li.asHover > a,
.as-menu ul.as-menu > li.current > a,
.as-menu ul.as-menu > li > a:hover,
.as-menu ul.as-menu > li > span:hover
{
color: #ffffff !important;
}
.as-menu ul.as-menu > li.deeper > a:after
{
top: -2px;
}
.as-menu ul.as-menu > li:hover,
.as-menu ul.as-menu > li.active,
.as-menu ul.as-menu > li.asHover,
.as-menu ul.as-menu > li.current,
.as-menu ul.as-menu > li.active > span,
.as-menu ul.as-menu > li.asHover > span,
.as-menu ul.as-menu > li.current > span
{
color: #ffffff !important;
background-color: #99ab32 !important;
border-radius: 20px;
-moz-box-shadow: 1px 2px 2px 0px #666;
-webkit-box-shadow: 1px 2px 2px 0px #666;
box-shadow: 1px 2px 2px 0px #666;
text-decoration: none;
}
.as-menu ul.as-menu li:hover ul,
.as-menu ul.as-menu li.asHover ul
{
left: 0;
top: 45px;
z-index: 100;
border-radius: 20px;
}
.as-menu ul.as-menu ul
{
background-color: #a5b862 !important;
background-image: -moz-linear-gradient(top, #a5b862, #a5b862) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a5b862), to(#a5b862)) !important;
background-image: -webkit-linear-gradient(top, #a5b862, #a5b862) !important;
background-image: -o-linear-gradient(top, #a5b862, #a5b862) !important;
background-image: linear-gradient(to bottom, #a5b862, #a5b862) !important;
padding: 9px 0px 12px 20px;
box-shadow: 1px 2px 2px 0px #666;
}
.as-menu ul.as-menu ul li a,
.as-menu ul.as-menu ul li span
{
color: #FFF !important;
background-image: none !important;
margin: 0px;
text-transform: lowercase;
text-align: left !important;
}
.as-menu ul.as-menu ul li a:hover,
.as-menu ul.as-menu ul li span:hover,
.as-menu ul.as-menu ul li.active > a,
.as-menu ul.as-menu ul li.asHover > a,
.as-menu ul.as-menu ul li.active > span,
.as-menu ul.as-menu ul li.asHover > span
{
color: #333333 !important;
}
.as-menu ul.as-menu ul ul
{
top: -8px !important;
left: 185px !important;
background-color: #bcc77b !important;
background-image: -moz-linear-gradient(top, #bcc77b, #bcc77b) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bcc77b), to(#bcc77b)) !important;
background-image: -webkit-linear-gradient(top, #bcc77b, #bcc77b) !important;
background-image: -o-linear-gradient(top, #bcc77b, #bcc77b) !important;
background-image: linear-gradient(to bottom, #bcc77b, #bcc77b) !important;
padding: 9px 0px 12px 25px;
box-shadow: 1px 2px 2px 0px #666;
}