Visto che ho perso mezza giornata nel capire il css del menu a tendina swMenuFree..
Ecco il css separato tutto commentato, da inserire in un file esterno.
Spero possa essere utile a qualcuno
/* Menu a tendina!!*/
div.moduletable-swMenu #wrap {
}
.transMenu {
position:absolute ;
overflow:hidden;
left:-1000px;
top:-1000px;
}
.transMenu .content {
position:absolute ;
}
.transMenu .items {
border: 0px solid #FFFFFF ;
position:relative ;
left:0px; top:0px;
z-index:2;
}
/* Voci Menu Secondo, Terzo, ecc. Livello*/
.transMenu td
{
padding: 5px 5px 5px 5px !important;
font-size: 12px !important ; /* Gestione dimensioni voci Menu Secondo, Terzo, ecc. Livello*/
text-align: left !important ;
font-weight: bold; /* Gestione spessore voci Menu Secondo, Terzo, ecc. Livello */
color: #333333 !important ; /* Gestione colore voci Menu Secondo, Terzo, ecc. Livello */
}
#subwrap
{
text-align: left ;
}
.transMenu .item.hover td
{
color: #FFFFFF!important ; /* Gestione colore quando hover voci Menu Secondo, Terzo, ecc. Livello */
}
.transMenu .item td{
text-decoration: none ;
cursor:pointer;
cursor:hand;
}
.transMenu .background {
background-image:none;
background-color: #FFFFFF !important ; /* Gestione colore di sfondo voci Menu Secondo, Terzo, ecc. Livello */
position:absolute ;
left:0px;
top:0px;
z-index:1;
opacity: 1.0;
filter:alpha(opacity=100);
}
.transMenu .shadowRight {
position:absolute ;
z-index:3;
top:-3000px; width:2px;
opacity:0.85;
filter:alpha(opacity=85)
}
.transMenu .shadowBottom {
position:absolute ;
z-index:1;
left:-3000px; height:2px;
opacity: 0.85;
filter: alpha(opacity=85);
}
.transMenu .item.hover {
background-image:none; background-color: #FF6600 !important ;
}
.transMenu .item img {
margin-left:10px !important ;
}
/* Tabella */
table.menu {
top: 0px;
left: 0px;
position:relative ;
margin:0px !important ;
border: 0px solid #FFFFFF ;
z-index: 1;
}
table.menu td {
w/idth: 100px; /* Gestione larghezza cella voci Menu Primo Livello. Se si vuole impostare una larghezza fissa che non dipenda dalla lungh del testo*/
padding: 5px 5px 5px 5px; /* Gestione padding cella voci Menu Primo Livello!!*/
}
table.menu a{
margin:0px !important ;
display:block !important;
position:relative !important ;
height: 37px; /* Gestione altezza voci Menu Primo Livello!!*/
}
/* Voci Menu Primo Livello*/
div.menu a,
div.menu a:visited,
div.menu a:link {
text-align: left !important ; /* Gestione allineamento voci Menu Primo Livello */
font-weight: bold !important ; /* Gestione spessore voci Menu Primo Livello */
color: #FF9933 !important ; /* Gestione colore voci Menu Primo Livello */
font-size: 12px;/* Gestione dimensioni voci Menu Primo Livello */
text-decoration: none !important ;
margin-bottom:0px !important ;
display:block !important;
white-space:nowrap ;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px; /* Distanza dall'alto voci Menu Primo Livello */
height: 27px; /* Nuova altezza - 37-10 -per compensare padding di 10 */
}
div.menu td {
border-right: 1px solid #CCCCCC; /*separatore voci Menu Primo Livello */
background-image:none; background-color: #FFFFFF !important ;
background:url(../images/eny_menu_bg.png) repeat-x;
margin:0;
padding:0;
p/adding:0 16px 7px; /*padding ultima voce Menu Primo Livello */
h/eight: 37px;
}
div.menu td.last {
border-right: 1px solid #CCCCCC ; /*separatore ultima voce Menu Primo Livello */
b/ackground:url(../images/eny_menu_separator.png) no-repeat top right;
padding:0;
p/adding:0 16px 7px; /*padding ultima voce Menu Primo Livello */
h/eight: 37px;
}
#trans-active a{
color: #FFFFFF !important ;
background-image:none;
background-color: #4f095a !important ; /*colore voce CORRENTE Menu Primo Livello */
background-position: bottom;
width: auto;
p/adding-left:20px;
p/adding-right:20px;
}
#menu a.hover {
background-image:none; color: #FFFFFF !important ;
background-color: #33CCFF !important ; /*colore voce HOVER Menu Primo Livello */
}
#menu span {
display:none;
}
