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