first commit
This commit is contained in:
278
themes/ayon__/modules/ets_megamenu/views/css/dynamic.css
Normal file
278
themes/ayon__/modules/ets_megamenu/views/css/dynamic.css
Normal file
@@ -0,0 +1,278 @@
|
||||
.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*/
|
||||
}
|
||||
Reference in New Issue
Block a user