CSS - Personalizar Menu Zt Geni

  • brunoventura1
  • Avatar de brunoventura1 Autor do Tópico
  • Offline
  • JCB! Novato
  • JCB! Novato
Mais
8 anos 5 meses atrás #82048 por brunoventura1
brunoventura1 created the topic: CSS - Personalizar Menu Zt Geni
Alguem sabe me dizer como personalizo esse menu deixando com as bordas arredondadas? Ou pelo menos substituir por outro menu, o problema é quenao encontrei o modulo associado a ele,,,, http://www.cacauecaetano.com.br/v0

o CSS atual do Menu é esse:



/* COMMON STYLE

*/

.menusys_mega {width: 100%;display: inline-block;background:url(../../images/mega/bg-menu-mega.png) repeat-x left top;}



#menusys_mega {margin: 0px; width:100%;}

#menusys_mega .menusub_mega {display:none;}



#menusys_mega li {

padding: 0;

margin:0;

float: left;

display: block;

background: none;

}

#menusys_mega li a {

padding: 0 13px ;

display: inline-block;

text-decoration: none;

position: relative;

z-index: 99;

text-shadow: 0 1px 1px #fff;

}

#menusys_mega li .menu-title {

padding: 0 ;

line-height: 44px;

display: inline-block;

color: #77471c;

font-weight: bold;

font-style: normal;

font-size: 116%;

}

#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:hover .menu-title,

#menusys_mega li a:hover .menu-title,

#menusys_mega li a:active .menu-title,

#menusys_mega li a:focus .menu-title,

#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 {

color:#3b1c00;

background: none;

}



#menusys_mega li.hasChild span.no-image,

#menusys_mega li.hasChild a.active span.no-image {

display: block;

/*

padding-right: 15px;

background: url(../../images/mega/arrow-submenu.png) no-repeat right 18px;

*/

}





/* MegaMenu Border

*/



#menusys_mega .menusub_mega {padding: 5px 0;z-index: 999;margin-top: -5px !important;}

#menusys_mega .submenu-wrap {

float: left;

display: inline-block;

background:url(../../images/mega/bg-sub-mainmenu.png) repeat left top;

-webkit-box-shadow: #333 0px 2px 3px;

-moz-box-shadow: #333 0px 2px 3px;

box-shadow: #333 2px 2px 3px;

}



#menusys_mega div.subarrowtop{

background: url(../../images/mega/submega-top.png) no-repeat 10% top;

height: 8px;

margin-top: -8px;

overflow: hidden;

display: block;

}



#menusys_mega div.subwrapcenter-left{padding: 0 3px 3px 3px;display: inline-block;}

#menusys_mega div.subwrapcenter-right{

border: 1px solid #4c2909;

border-top: 0;

display: block;

overflow: hidden;

}

#menusys_mega div.subwrapcenter{ margin: 10px 0; display: inherit; }



#menusys_mega .menusub_mega .menusub_mega{margin: -50px 0px 0px 0px !important;}

#menusys_mega div.menusub_mega div.menusub_mega div.subarrowtop {

position: absolute;

top: 30px;

left: -11px;

width: 15px;

height: 17px;

background: url(../../images/mega/submega-left.png);

}



#menusys_mega div.subwrapcenter-left div.subwrapcenter-left {padding:3px;}



#menusys_mega div.subwrapcenter-right div.subwrapcenter-right{border: 1px solid #41260a;}



#menusys_mega .megacol ul.mega-ul li.hasChild .submenu-wrap{

float: left;

background:url(../../images/mega/bg-sub-mainmenu.png) repeat left top;

-webkit-box-shadow: #333 0px 2px 3px;

-moz-box-shadow: #333 0px 2px 3px;

box-shadow: #333 2px 2px 3px;

}



#menusys_mega div.subwrapcenter .submenu-wrap{

background:none;

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow:none;

}



#menusys_mega .megacol ul.mega-ul{margin: 0 10px;}



#menusys_mega .megacol {float: left;width: 170px;display: inline-block;}





/*Child Content
*/

#menusys_mega .menu-desc{

padding: 0 ;

font-size: 90%;

color: #707070;

display: block;

}

#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: 2px 5px;

}

#menusys_mega ul.mega-ul a.item span.no-image,

#menusys_mega ul.mega-ul a.active span.no-image {

display: block;

background: url(../../images/arrow-last.png) no-repeat 3px 10px;

}

#menusys_mega ul.mega-ul a:hover span.no-image:hover{

background: url(../../images/arrow-active.png) no-repeat 3px 10px;

}







/* Mega Group
*/

#menusys_mega .menusub_mega .mega-group {

overflow: hidden;

margin: 0 10px;

padding-bottom: 5px;

}



#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;

display: block;

}

#menusys_mega .mega-group span.has-image{padding: 3px 0 3px 25px;}



#menusys_mega li.hasChild .mega-group a{

padding: 0 ;

background: none !important ;

}

#menusys_mega .menusub_mega .mega-module {

clear: both;

color: #909090;

line-height: 20px;

}

#menusys_mega .menu-desc{

padding: 0 ;

line-height: 15px;

font-size: 90%;

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{

padding-right: 0;

font-weight: bold;

font-size: 110%;

text-shadow: none;

line-height: 20px;

color: #fffe92;

}





/* Level2 MegaMenu

*/





#menusys_mega .megacol ul.mega-ul li {

padding: 0;

float: none;

display: block;

background:url(../../images/mega/bg-sperator-menu2.png) repeat-y left top;

}



#menusys_mega li .megacol ul.mega-ul li span.no-image,

#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{

padding-left: 12px;

padding-right:0;

background:url(../../images/mega/default-menu-image.png) no-repeat left 13px;

}





#menusys_mega li.hasChild ul a,

#menusys_mega li.hasChild ul a.active,

#menusys_mega li.hasChild:hover ul a {

padding: 0px;

margin: 0;

display: block;

background: none;

position: static;

text-shadow: none;

}



#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{

line-height: 23px;

margin: 0;

padding: 2px 0 2px 15px;

display: block;

color: #baa681 ;

font-size: 12px ;

font-weight: normal;

text-shadow: none;



}

#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;

}

#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;

padding-left: 0px;

display: block;

}



#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;

}

Please Entrar ou Registrar to join the conversation.