279 lines
8.8 KiB
CSS
279 lines
8.8 KiB
CSS
.ets_mm_megamenu .mm_menus_li h4,
|
|
.ets_mm_megamenu .mm_menus_li h5,
|
|
.ets_mm_megamenu .mm_menus_li h6,
|
|
.ets_mm_megamenu .mm_menus_li h1,
|
|
.ets_mm_megamenu .mm_menus_li h2,
|
|
.ets_mm_megamenu .mm_menus_li h3,
|
|
.ets_mm_megamenu .mm_menus_li h4 *:not(i),
|
|
.ets_mm_megamenu .mm_menus_li h5 *:not(i),
|
|
.ets_mm_megamenu .mm_menus_li h6 *:not(i),
|
|
.ets_mm_megamenu .mm_menus_li h1 *:not(i),
|
|
.ets_mm_megamenu .mm_menus_li h2 *:not(i),
|
|
.ets_mm_megamenu .mm_menus_li h3 *:not(i),
|
|
.ets_mm_megamenu .mm_menus_li > a{
|
|
font-family: font1;
|
|
}
|
|
.ets_mm_megamenu *{
|
|
font-family: font2;
|
|
}
|
|
|
|
|
|
@media (min-width: 768px){
|
|
|
|
|
|
/*layout 1*/
|
|
.ets_mm_megamenu.layout_layout1{
|
|
background-color: l1_color1;
|
|
}
|
|
#header .layout_layout1 .mm_menus_li > a{color: l1_color2}
|
|
.layout_layout1 .mm_menus_li:hover > a,
|
|
.layout_layout1 .mm_menus_li.active > a,
|
|
#header .layout_layout1 .mm_menus_li:hover > a,
|
|
#header .layout_layout1 .mm_menus_li.active > a{color: l1_color3;}
|
|
|
|
.layout_layout1 .mm_menus_li > a:before{background-color: l1_color3;}
|
|
|
|
.layout_layout1 .mm_menus_li:hover > a,
|
|
#header .layout_layout1 .mm_menus_li:hover > a{
|
|
background-color: l1_color4;
|
|
}
|
|
|
|
.layout_layout1.ets_mm_megamenu .mm_columns_ul{
|
|
background-color: l1_color5;
|
|
}
|
|
#header .layout_layout1 .ets_mm_block_content a,
|
|
#header .layout_layout1 .ets_mm_block_content p{
|
|
color: l1_color6;
|
|
}
|
|
|
|
.layout_layout1 .mm_columns_ul h1,
|
|
.layout_layout1 .mm_columns_ul h2,
|
|
.layout_layout1 .mm_columns_ul h3,
|
|
.layout_layout1 .mm_columns_ul h4,
|
|
.layout_layout1 .mm_columns_ul h5,
|
|
.layout_layout1 .mm_columns_ul h6,
|
|
.layout_layout1 .mm_columns_ul .h1,
|
|
.layout_layout1 .mm_columns_ul .h2,
|
|
.layout_layout1 .mm_columns_ul .h3,
|
|
.layout_layout1 .mm_columns_ul .h4,
|
|
.layout_layout1 .mm_columns_ul .h5,
|
|
.layout_layout1 .mm_columns_ul .h6{
|
|
color: l1_color8;
|
|
}
|
|
|
|
|
|
.layout_layout1 li:hover > a,
|
|
.layout_layout1 li > a:hover,
|
|
#header .layout_layout1 .mm_block_type_html .ets_mm_block_content a:hover,
|
|
#header .layout_layout1 li:hover > a,
|
|
#header .layout_layout1 .mm_columns_ul .mm_block_type_product .product-title > a:hover,
|
|
#header .layout_layout1 li > a:hover{color: l1_color7;}
|
|
|
|
|
|
/*end layout 1*/
|
|
|
|
|
|
/*layout 2*/
|
|
.ets_mm_megamenu.layout_layout2{
|
|
background-color: l2_color1;
|
|
}
|
|
#header .layout_layout2 .mm_menus_li > a{color: l2_color2}
|
|
.layout_layout2 .mm_menus_li:hover > a,
|
|
.layout_layout2 .mm_menus_li.active > a,
|
|
#header .layout_layout2 .mm_menus_li:hover > a,
|
|
#header .layout_layout2 .mm_menus_li.active > a{color: l2_color3;}
|
|
|
|
.layout_layout2 .mm_menus_li:hover > a,
|
|
#header .layout_layout2 .mm_menus_li:hover > a{
|
|
background-color: l2_color4;
|
|
}
|
|
|
|
.layout_layout2.ets_mm_megamenu .mm_columns_ul{
|
|
background-color: l2_color5;
|
|
}
|
|
#header .layout_layout2 .ets_mm_block_content a,
|
|
#header .layout_layout2 .ets_mm_block_content p{
|
|
color: l2_color6;
|
|
}
|
|
|
|
.layout_layout2 .mm_columns_ul h1,
|
|
.layout_layout2 .mm_columns_ul h2,
|
|
.layout_layout2 .mm_columns_ul h3,
|
|
.layout_layout2 .mm_columns_ul h4,
|
|
.layout_layout2 .mm_columns_ul h5,
|
|
.layout_layout2 .mm_columns_ul h6,
|
|
.layout_layout2 .mm_columns_ul .h1,
|
|
.layout_layout2 .mm_columns_ul .h2,
|
|
.layout_layout2 .mm_columns_ul .h3,
|
|
.layout_layout2 .mm_columns_ul .h4,
|
|
.layout_layout2 .mm_columns_ul .h5,
|
|
.layout_layout2 .mm_columns_ul .h6{
|
|
color: l2_color8;
|
|
}
|
|
|
|
|
|
.layout_layout2 li:hover > a,
|
|
.layout_layout2 li > a:hover,
|
|
#header .layout_layout2 li:hover > a,
|
|
#header .layout_layout2 .mm_columns_ul .mm_block_type_product .product-title > a:hover,
|
|
#header .layout_layout2 li > a:hover{color: l2_color7;}
|
|
|
|
|
|
|
|
/*layout 3*/
|
|
.ets_mm_megamenu.layout_layout3{
|
|
background-color: l3_color1;
|
|
}
|
|
#header .layout_layout3 .mm_menus_li > a{color: l3_color2}
|
|
.layout_layout3 .mm_menus_li:hover > a,
|
|
.layout_layout3 .mm_menus_li.active > a,
|
|
#header .layout_layout3 .mm_menus_li:hover > a,
|
|
#header .layout_layout3 .mm_menus_li.active > a{color: l3_color3;}
|
|
|
|
.layout_layout3 .mm_menus_li:hover > a,
|
|
#header .layout_layout3 .mm_menus_li:hover > a{
|
|
background-color: l3_color4;
|
|
}
|
|
|
|
.layout_layout3.ets_mm_megamenu .mm_columns_ul{
|
|
background-color: l3_color5;
|
|
border-color: l3_color5;
|
|
}
|
|
#header .layout_layout3 .ets_mm_block_content a,
|
|
#header .layout_layout3 .ets_mm_block_content p{
|
|
color: l3_color6;
|
|
}
|
|
|
|
.layout_layout3 .mm_columns_ul h1,
|
|
.layout_layout3 .mm_columns_ul h2,
|
|
.layout_layout3 .mm_columns_ul h3,
|
|
.layout_layout3 .mm_columns_ul h4,
|
|
.layout_layout3 .mm_columns_ul h5,
|
|
.layout_layout3 .mm_columns_ul h6,
|
|
.layout_layout3 .mm_columns_ul .h1,
|
|
.layout_layout3 .mm_columns_ul .h2,
|
|
.layout_layout3 .mm_columns_ul .h3,
|
|
.layout_layout3 .mm_columns_ul .h4,
|
|
.layout_layout3 .mm_columns_ul .h5,
|
|
.layout_layout3 .mm_columns_ul .h6{
|
|
color: l3_color8;
|
|
}
|
|
|
|
|
|
.layout_layout3 li:hover > a,
|
|
.layout_layout3 li > a:hover,
|
|
#header .layout_layout3 li:hover > a,
|
|
#header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-title > a:hover,
|
|
#header .layout_layout3 li > a:hover,
|
|
.layout_layout3 .has-sub .ets_mm_categories li > a:hover,
|
|
#header .layout_layout3 .has-sub .ets_mm_categories li > a:hover{color: l3_color7;}
|
|
|
|
|
|
/*layout 4*/
|
|
|
|
.ets_mm_megamenu.layout_layout4{
|
|
background-color: l4_color1;
|
|
}
|
|
#header .layout_layout4 .mm_menus_li > a{color: l4_color2}
|
|
.layout_layout4 .mm_menus_li:hover > a,
|
|
.layout_layout4 .mm_menus_li.active > a,
|
|
#header .layout_layout4 .mm_menus_li:hover > a,
|
|
#header .layout_layout4 .mm_menus_li.active > a{color: l4_color3;}
|
|
|
|
.layout_layout4 .mm_menus_li:hover > a,
|
|
.layout_layout4 .mm_menus_li.active > a,
|
|
.layout_layout4 .mm_menus_li:hover > span,
|
|
.layout_layout4 .mm_menus_li.active > span,
|
|
#header .layout_layout4 .mm_menus_li:hover > a,
|
|
#header .layout_layout4 .mm_menus_li.active > a,
|
|
#header .layout_layout4 .mm_menus_li:hover > span,
|
|
#header .layout_layout4 .mm_menus_li.active > span{
|
|
background-color: l4_color4;
|
|
}
|
|
.layout_layout4 .ets_mm_megamenu_content {
|
|
border-bottom-color: l4_color4;
|
|
}
|
|
|
|
.layout_layout4.ets_mm_megamenu .mm_columns_ul{
|
|
background-color: l4_color5;
|
|
}
|
|
#header .layout_layout4 .ets_mm_block_content a,
|
|
#header .layout_layout4 .ets_mm_block_content p{
|
|
color: l4_color6;
|
|
}
|
|
|
|
.layout_layout4 .mm_columns_ul h1,
|
|
.layout_layout4 .mm_columns_ul h2,
|
|
.layout_layout4 .mm_columns_ul h3,
|
|
.layout_layout4 .mm_columns_ul h4,
|
|
.layout_layout4 .mm_columns_ul h5,
|
|
.layout_layout4 .mm_columns_ul h6,
|
|
.layout_layout4 .mm_columns_ul .h1,
|
|
.layout_layout4 .mm_columns_ul .h2,
|
|
.layout_layout4 .mm_columns_ul .h3,
|
|
.layout_layout4 .mm_columns_ul .h4,
|
|
.layout_layout4 .mm_columns_ul .h5,
|
|
.layout_layout4 .mm_columns_ul .h6{
|
|
color: l4_color8;
|
|
}
|
|
|
|
.layout_layout4 li:hover > a,
|
|
.layout_layout4 li > a:hover,
|
|
#header .layout_layout4 li:hover > a,
|
|
#header .layout_layout4 .mm_columns_ul .mm_block_type_product .product-title > a:hover,
|
|
#header .layout_layout4 li > a:hover{color: l4_color7;}
|
|
|
|
/* end layout 4*/
|
|
|
|
|
|
|
|
|
|
/* Layout 5*/
|
|
.ets_mm_megamenu.layout_layout5{
|
|
background-color: l5_color1;
|
|
}
|
|
#header .layout_layout5 .mm_menus_li > a{color: l5_color2}
|
|
.layout_layout5 .mm_menus_li:hover > a,
|
|
.layout_layout5 .mm_menus_li.active > a,
|
|
#header .layout_layout5 .mm_menus_li:hover > a,
|
|
#header .layout_layout5 .mm_menus_li.active > a{color: l5_color3;}
|
|
|
|
.layout_layout5 .mm_menus_li > a:before{background-color: l5_color3;}
|
|
|
|
.layout_layout5 .mm_menus_li:hover > a,
|
|
#header .layout_layout5 .mm_menus_li:hover > a{
|
|
background-color: l5_color4;
|
|
}
|
|
|
|
.layout_layout5.ets_mm_megamenu .mm_columns_ul{
|
|
background-color: l5_color5;
|
|
}
|
|
#header .layout_layout5 .ets_mm_block_content a,
|
|
#header .layout_layout5 .ets_mm_block_content p{
|
|
color: l5_color6;
|
|
}
|
|
|
|
.layout_layout5 .mm_columns_ul h1,
|
|
.layout_layout5 .mm_columns_ul h2,
|
|
.layout_layout5 .mm_columns_ul h3,
|
|
.layout_layout5 .mm_columns_ul h4,
|
|
.layout_layout5 .mm_columns_ul h5,
|
|
.layout_layout5 .mm_columns_ul h6,
|
|
.layout_layout5 .mm_columns_ul .h1,
|
|
.layout_layout5 .mm_columns_ul .h2,
|
|
.layout_layout5 .mm_columns_ul .h3,
|
|
.layout_layout5 .mm_columns_ul .h4,
|
|
.layout_layout5 .mm_columns_ul .h5,
|
|
.layout_layout5 .mm_columns_ul .h6{
|
|
color: l5_color8;
|
|
}
|
|
|
|
.layout_layout5 li:hover > a,
|
|
.layout_layout5 li > a:hover,
|
|
#header .layout_layout5 li:hover > a,
|
|
#header .layout_layout5 .mm_columns_ul .mm_block_type_product .product-title > a:hover,
|
|
#header .layout_layout5 li > a:hover{color: l5_color7;}
|
|
|
|
/*end layout 5*/
|
|
}
|