کد:
.menusys_mega {
}
div.subwrap-inner {
display: block;
width:auto !important;
}
#menusys_mega .menusub_mega {
position:absolute;
display:block;
z-index:999;
}
#menusys_mega {
margin: 0;
display: inline-block;
}
#menusys_mega > li {
float: left;
margin: 0 5px;
}
#menusys_mega li.active a {
}
#menusys_mega li.first-item {
margin-left:0px;
}
#menusys_mega li a {
position: relative;
}
#menusys_mega > li > a {
padding-left: 6px;
display: inline-block;
text-decoration: none;
font-size: 24px;
font-weight: bold;
color: #6f5032;
height: 50px;
text-shadow: 0 1px 1px #fbf5f4;
position: relative;
z-index: 1000;
}
#menusys_mega > li.hover > a, #menusys_mega > li.active > a, #menusys_mega > li > a:hover, #menusys_mega > li > a:active, #menusys_mega > li > a:focus, #menusys_mega > li > a.active, #menusys_mega > li > a.active:hover, #menusys_mega > li > a.active:active, #menusys_mega > li > a.active:focus {
color: #fff;
text-shadow: 0 1px 1px #cca987;
background: url(../../images/default/bg-menu.png) no-repeat left top scroll;
}
#menusys_mega > li > a span.no-image{
padding: 0 15px 0 9px;
line-height: 50px;
height: 50px;
display: inline-block;
}
#menusys_mega > li.hover > a > span.no-image, #menusys_mega > li.active > a > span.no-image, #menusys_mega > li > a:hover > span.no-image, #menusys_mega > li > a:active > span.no-image, #menusys_mega > li > a:focus > span.no-image, #menusys_mega > li > a.active > span.no-image, #menusys_mega > li > a.active:hover > span.no-image, #menusys_mega > li > a.active:active > span.no-image, #menusys_mega > li > a.active:focus > span.no-image{
background: url(../../images/default/bg-menu.png) no-repeat right bottom scroll;
}
#menusys_mega > li.first-item > a.active, #menusys_mega > li.first-item > a:hover{
}
#menusys_mega > li > a span.menu-title {
padding: 0;
line-height:40px;
}
#menusys_mega li:hover a, #menusys_mega li a:hover, #menusys_mega li a:active, #menusys_mega li a:focus, #menusys_mega li a.active, #menusys_mega li a.active:hover, #menusys_mega li a.active:active, #menusys_mega li a.active:focus {
}
#menusys_mega li a.active .menu-title, #menusys_mega li a.active:hover .menu-title, #menusys_mega li a.active:active .menu-title, #menusys_mega li a.active:focus .menu-title {
}
#menusys_mega > li.hasChild > a span.menu-title{
display: block;
padding-right: 10px;
background: url(../../images/mega/arrow-submenu.png) no-repeat right 21px;
}
#menusys_mega > li.hasChild > a:hover span.menu-title, #menusys_mega > li.hasChild > a.active span.menu-title, #menusys_mega > l.hasChildi > a.active:hover span.menu-title, #menusys_mega > li.hasChild > a.active:active span.menu-title, #menusys_mega > li.hasChild > a.active:focus span.menu-title, #menusys_mega > li.hasChild.hover > a span.menu-title, #menusys_mega > li.hasChild.active > a span.menu-title {
}
/* MegaMenu Border
--------------------------------------------------------- */
#menusys_mega .level0 .submenu-wrapper {
position: relative;
}
#menusys_mega .menusub_mega {
z-index: 999;
padding: 0;
left:-9999em;
margin-top: 1px;
}
#menusys_mega .menusub_mega .menusub_mega {
margin: -38px 0 0 0!important;
padding: 6px 0;
}
#menusys_mega .subwrap-inner {
float: left;
display: inline-block;
background: #edcba9;
box-shadow: 0 2px 5px -2px #111;
border-radius: 3px;
text-align: left;
}
#menusys_mega div.menucontent-wrapper .subwrap-inner {
background: #f6e1cd;
}
/*
#menusys_mega div.subarrowtop{
background: url(../../images/mega/submega-top.png) no-repeat 10% top;
height: 8px;
}
*/
#menusys_mega div.menucontent-wrapper-left {
display: inline-block;
width:100%;
}
#menusys_mega div.subwrap-inner2 {
}
#menusys_mega div.menucontent-wrapper {
padding: 0;
display:block;
float:left;
border-bottom: 1px solid #f9d7b7;
border-right: 1px solid #f9d7b7;
border-left: 1px solid #f9d7b7;
border-radius: 3px;
}
#menusys_mega div.menusub_mega div.menusub_mega div.subarrowtop {
background: none;
}
#menusys_mega div.menucontent-wrapper-left div.menucontent-wrapper-left {
background:#fff;
padding:0 0 5px 0;
}
#menusys_mega div.subwrap-inner2 div.subwrap-inner2 {
display: block;
}
#menusys_mega div.menucontent-wrapper div.menucontent-wrapper {
padding: 0;
}
#menusys_mega .megacol ul.mega-ul {
padding: 1px 0;
margin:0;
}
#menusys_mega div.megacol {
float: left;
min-width:190px;
margin: 0;
}
#menusys_mega .submenu-wrapper .menucontent-wrapper div.megacol .submenu-wrapper {
}
/* Child Content------------*/
#menusys_mega .menu-image {
border: none;
float: left;
line-height: 44px;
padding: 8px 0 0;
margin-right: 3px;
}
#menusys_mega span.has-image {
display: block;
background-repeat: no-repeat;
background-position: 0px 14px;
padding-left: 25px;
}
/* Mega Group----------*/
#menusys_mega .menusub_mega .mega-group {
margin: 10px 5px 5px;
padding: 0 ;
}
#menusys_mega li.hasChild .mega-group span.has-image, #menusys_mega li.hasChild .mega-group span.no-image {
background: none !important;
margin:0;
padding: 1px 0 1px 0;
}
#menusys_mega .mega-group span.has-image {
padding: 3px 0 3px 25px;
}
#menusys_mega li.hasChild .mega-group {
background: url(../../images/default/bg-supmenu-title.png) repeat-x left bottom scroll;
display: block;
padding: 0 10px 5px;
margin: 0;
}
#menusys_mega li.hasChild .mega-group a span.no-image{
padding: 0;
}
#menusys_mega li.hasChild .mega-group a span.menu-title{
color: #FFFFFF;
display: inline-block;
font-size: 22px;
font-weight: bold ;
line-height: 40px;
padding: 0 ;
}
#menusys_mega .menusub_mega .mega-module {
clear: both;
line-height: 20px;
}
#menusys_mega .menusub_mega .mega-module .moduletable_menu ul li {
border-bottom: 1px solid #ddd;
}
#menusys_mega .menusub_mega .mega-module .moduletable ul li {
padding: 10px 0;
background: none!important;
}
#menusys_mega .menusub_mega .mega-module .moduletable ul li:first-child {
border-top: none;
}
#menusys_mega .menusub_mega .mega-module .moduletable ul li .module-extrainfo span {
color: #ccc;
}
#menusys_mega .menu-desc {
padding: 0;
line-height: 15px;
font-size: 95%;
color: #707070;
display: block;
}
#menusys_mega li.hasChild .mega-group a .menu-title, #menusys_mega li.hasChild .mega-group a:hover .menu-title, #menusys_mega li.hasChild .mega-group a.active .menu-title {
}
#menusys_mega .menusub_mega .megacol {
display:block;
border-left: 1px solid #f9d7b7;
}
#menusys_mega .menusub_mega .megacol:first-child {
border-left:none;
}
#menusys_mega .submenu-wrapper .submenu-wrapper .megacol .mega-ul {
}
/* Level2 MegaMenu
--------------------------------------------------------- */
#menusys_mega .megacol ul.mega-ul li {
padding: 0;
line-height: 30px;
padding-left: 0;
border-top: 1px solid #f9d7b7;
}
#menusys_mega .megacol ul.mega-ul li.first-item {
border-top: none;
}
#menusys_mega li .megacol ul.mega-ul li span.no-image{
padding: 0 0 0 5px ;
background: url(../../images/default/icon-li.png) no-repeat left -103px scroll;
}
#menusys_mega li .megacol ul.mega-ul li a.item:hover span.no-image, #menusys_mega li .megacol ul.mega-ul li a.active span.no-image {
background: url(../../images/default/icon-li.png) no-repeat left 4px scroll;
}
#menusys_mega li.hasChild ul a{
margin: 0;
display: block;
position: static;
text-shadow: none;
color: #DAC390;
text-transform: none;
font-size:12px;
padding-left:10px;
}
#menusys_mega li.hasChild ul li a.active, #menusys_mega li.hasChild:hover ul a:hover {
background:#e5b486;
}
#menusys_mega li.hover ul.mega-ul a .menu-title, #menusys_mega li.hasChild ul.mega-ul li a .menu-title, #menusys_mega li.hasChild ul.mega-ul li a.active .menu-title, #menusys_mega li.hasChild ul.mega-ul li a.focus .menu-title {
margin: 0;
padding: 0 0 0 10px;
display: inline-block;
font-size: 13px;
color: #b98b6e;
text-shadow: 0 1px 0 #F9D7B7;
}
#menusys_mega li.hasChild ul a span.has-image .menu-title, #menusys_mega li.hasChild:hover ul a span.has-image .menu-title, #menusys_mega li.hasChild ul a:hover span.has-image .menu-title {
padding: 2px 0 2px 25px;
margin: 0;
background: none;
color: #fff;
}
#menusys_mega li.hasChild ul a:hover, #menusys_mega li.hasChild ul a:active, #menusys_mega li.hasChild ul a:focus, #menusys_mega li.hasChild ul.mega-ul a.active:hover {
text-decoration: none;
margin: 0;
display: block;
color: #fff;
}
#menusys_mega li.hasChild.active ul li a.active .menu-title, #menusys_mega li.hover ul.mega-ul a:hover .menu-title, #menusys_mega li.hasChild ul.mega-ul a:hover .menu-title, #menusys_mega li.hasChild ul.mega-ul a:active .menu-title, #menusys_mega li.hasChild ul.mega-ul a:focus .menu-title, #menusys_mega li.hasChild ul.mega-ul a.active:hover .menu-title {
color: #fff;
text-shadow: 0 1px 0 #b8a18b;
}
علاقه مندی ها (Bookmarks)