175 lines
6.1 KiB
CSS
175 lines
6.1 KiB
CSS
/*Main background ------- color 1 */
|
|
/*background hover item ------- color 2 */
|
|
/*text color ------- color 3 */
|
|
/*text hover color ------- color 4*/
|
|
/*border color ------- color 5 */
|
|
.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;
|
|
}
|
|
|
|
.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: color2;}
|
|
|
|
.layout_layout1 li:hover > a,
|
|
.layout_layout1 li > 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: color7;}
|
|
|
|
.layout_layout2 .mm_columns_ul li:hover > a,
|
|
.layout_layout2 .mm_columns_ul li > a:hover,
|
|
#header .layout_layout2 .mm_columns_ul .mm_block_type_product .product-title > a:hover,
|
|
#header .layout_layout2 .mm_columns_ul li:hover > a,
|
|
#header .layout_layout2 .mm_columns_ul li > a:hover{color: color7;}
|
|
|
|
.layout_layout3 .mm_columns_ul .ets_mm_categories .has-sub li:hover > a,
|
|
.layout_layout3 .mm_columns_ul .ets_mm_categories .has-sub li > a:hover,
|
|
#header .layout_layout3 .mm_columns_ul .ets_mm_categories .has-sub li:hover > a,
|
|
#header .layout_layout3 .mm_columns_ul .ets_mm_categories .has-sub li > a:hover{
|
|
color: color7;
|
|
}
|
|
.layout_layout3 .mm_columns_ul li:hover > a,
|
|
.layout_layout3 .mm_columns_ul li > a:hover,
|
|
#header .layout_layout3 .mm_columns_ul li:hover > a,
|
|
#header .layout_layout3 .mm_columns_ul li > a:hover{color: color7;}
|
|
|
|
.layout_layout4 .mm_columns_ul li:hover > a,
|
|
.layout_layout4 .mm_columns_ul li > a:hover,
|
|
#header .layout_layout4 .mm_columns_ul li:hover > a,
|
|
#header .layout_layout4 .mm_columns_ul .mm_block_type_product .product-title > a:hover,
|
|
#header .layout_layout4 .mm_columns_ul li > a:hover{color: color7;}
|
|
|
|
.layout_layout5 li:hover > a,
|
|
.layout_layout5 li > span.arrow:hover,
|
|
.layout_layout5 li > a:hover,
|
|
.layout_layout5 .mm_menus_li.active > a,
|
|
#header .layout_layout5 li:hover > a,
|
|
#header .layout_layout5 .mm_columns_ul .mm_block_type_product .product-title > a:hover,
|
|
#header .layout_layout5 li > span.arrow:hover
|
|
#header .layout_layout5 li > a:hover,
|
|
#header .layout_layout5 .mm_menus_li.active > a,
|
|
.layout_layout5 .ets_mm_block_content .has-sub:hover > a:after,
|
|
#header .layout_layout5 .ets_mm_block_content .has-sub:hover > a:after{
|
|
border-color: color7;
|
|
}
|
|
|
|
/*layout 5*/
|
|
.layout_layout5 li:hover > a,
|
|
.layout_layout5 li > span.arrow:hover,
|
|
.layout_layout5 li > a:hover,
|
|
.layout_layout5 .mm_menus_li.active > a,
|
|
#header .layout_layout5 li:hover > a,
|
|
#header .layout_layout5 .mm_columns_ul .mm_block_type_product .product-title > a:hover,
|
|
#header .layout_layout5 li > span.arrow:hover
|
|
#header .layout_layout5 li > a:hover,
|
|
#header .layout_layout5 .mm_menus_li.active > a{color: color7;}
|
|
|
|
|
|
|
|
@media (min-width: 768px){
|
|
/*layout 1*/
|
|
.layout_layout1 .mm_menus_li > a,
|
|
#header .layout_layout1 .mm_menus_li > a{color: color1;}
|
|
.layout_layout1 .mm_menus_li > a:before{background-color: color2;}
|
|
|
|
|
|
/*layout 2*/
|
|
.layout_layout2 .ets_mm_megamenu_content{background: color3;}
|
|
.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{background-color: color4;}
|
|
|
|
|
|
|
|
/*layout 3*/
|
|
.layout_layout3 .ets_mm_megamenu_content{background: color5;}
|
|
|
|
.layout_layout3 .mm_menus_li:hover > a,
|
|
.layout_layout3 .mm_menus_li.active > a{background-color: color6;}
|
|
|
|
|
|
|
|
|
|
|
|
.mm_columns_ul .ets_mm_categories .has-sub:hover > a:after{
|
|
border-color: color7;
|
|
}
|
|
|
|
.layout_layout3 .mm_menus_li > .mm_columns_ul{
|
|
background-color: color6;
|
|
border-color: color5;
|
|
}
|
|
.layout_layout3 .mm_menus_li > .mm_columns_ul h4,
|
|
.layout_layout3 .mm_menus_li > .mm_columns_ul h4 a,
|
|
#header .layout_layout3 .mm_menus_li > .mm_columns_ul h4 a{
|
|
color: #fff;
|
|
}
|
|
.layout_layout3.ets_mm_block_content .has-sub > a:after{
|
|
border-top-color: color5;
|
|
}
|
|
|
|
|
|
/*layout 4*/
|
|
.layout_layout4 .ets_mm_megamenu_content {
|
|
border-bottom-color: color2;
|
|
}
|
|
.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: color2;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: 767px){
|
|
.ybc-menu-toggle,
|
|
.transition_floating .close_menu,
|
|
.transition_full .close_menu {
|
|
background-color: color8;
|
|
color: color9;
|
|
}
|
|
.ets_mm_megamenu .ets_mm_megamenu_content .mm_menus_ul .close_menu *{
|
|
color: color9 !important;
|
|
}
|
|
.ets_mm_megamenu .ets_mm_megamenu_content .mm_menus_ul .close_menu .icon-bar{
|
|
background-color: color9 !important;
|
|
}
|
|
.ets_mm_megamenu .mm_menus_back_icon{
|
|
border-color: color9;
|
|
}
|
|
.ybc-menu-toggle .icon-bar {
|
|
background-color: color9;
|
|
}
|
|
|
|
.mm_menus_li:hover > a,
|
|
#header .mm_menus_li:hover > a{color: color7;}
|
|
.mm_menus_li:hover > .arrow:before{
|
|
border-color: color7;
|
|
}
|
|
|
|
} |