first commit
This commit is contained in:
3303
modules/ets_megamenu/views/css/animate.css
vendored
Normal file
3303
modules/ets_megamenu/views/css/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
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;
|
||||
}
|
||||
|
||||
}
|
||||
670
modules/ets_megamenu/views/css/dynamic.css
Normal file
670
modules/ets_megamenu/views/css/dynamic.css
Normal file
@@ -0,0 +1,670 @@
|
||||
.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 *:not(.fa):not(i){
|
||||
font-family: font2;
|
||||
}
|
||||
|
||||
.ets_mm_block *{
|
||||
font-size: text_fontsizepx;
|
||||
}
|
||||
|
||||
@media (min-width: 768px){
|
||||
/*layout 1*/
|
||||
.ets_mm_megamenu.layout_layout1{
|
||||
background: l1_color1;
|
||||
}
|
||||
.layout_layout1 .ets_mm_megamenu_content{
|
||||
background: linear-gradient(#FFFFFF, #F2F2F2) repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
background: -webkit-linear-gradient(#FFFFFF, #F2F2F2) repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
background: -o-linear-gradient(#FFFFFF, #F2F2F2) repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
.ets_mm_megamenu.layout_layout1:not(.ybc_vertical_menu) .mm_menus_ul{
|
||||
background: l1_color1;
|
||||
}
|
||||
|
||||
#header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a,
|
||||
.layout_layout1 .ybc-menu-vertical-button,
|
||||
.layout_layout1 .mm_extra_item *{
|
||||
color: l1_color2
|
||||
}
|
||||
.layout_layout1 .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar{
|
||||
background-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.menu_hover > a,
|
||||
.layout_layout1:hover .ybc-menu-vertical-button,
|
||||
.layout_layout1 .mm_extra_item button[type="submit"]:hover i,
|
||||
#header .layout_layout1 .mm_menus_li.active > a{
|
||||
color: l1_color3;
|
||||
}
|
||||
|
||||
.layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a:before,
|
||||
.layout_layout1.ybc_vertical_menu:hover .ybc-menu-vertical-button:before,
|
||||
.layout_layout1:hover .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar,
|
||||
.ybc-menu-vertical-button.layout_layout1:hover{background-color: l1_color3;}
|
||||
|
||||
.layout_layout1:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
.layout_layout1:not(.ybc_vertical_menu) .mm_menus_li.menu_hover > a,
|
||||
.ets_mm_megamenu.layout_layout1.ybc_vertical_menu:hover,
|
||||
#header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
#header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li.menu_hover > a,
|
||||
.ets_mm_megamenu.layout_layout1.ybc_vertical_menu:hover{
|
||||
background: l1_color4;
|
||||
}
|
||||
|
||||
.layout_layout1.ets_mm_megamenu .mm_columns_ul,
|
||||
.layout_layout1.ybc_vertical_menu .mm_menus_ul{
|
||||
background-color: l1_color5;
|
||||
}
|
||||
#header .layout_layout1 .ets_mm_block_content a,
|
||||
#header .layout_layout1 .ets_mm_block_content p,
|
||||
.layout_layout1.ybc_vertical_menu .mm_menus_li > a,
|
||||
#header .layout_layout1.ybc_vertical_menu .mm_menus_li > a{
|
||||
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 .ets_mm_block > h1 a,
|
||||
.layout_layout1 .mm_columns_ul .ets_mm_block > h2 a,
|
||||
.layout_layout1 .mm_columns_ul .ets_mm_block > h3 a,
|
||||
.layout_layout1 .mm_columns_ul .ets_mm_block > h4 a,
|
||||
.layout_layout1 .mm_columns_ul .ets_mm_block > h5 a,
|
||||
.layout_layout1 .mm_columns_ul .ets_mm_block > h6 a,
|
||||
#header .layout_layout1 .mm_columns_ul .ets_mm_block > h1 a,
|
||||
#header .layout_layout1 .mm_columns_ul .ets_mm_block > h2 a,
|
||||
#header .layout_layout1 .mm_columns_ul .ets_mm_block > h3 a,
|
||||
#header .layout_layout1 .mm_columns_ul .ets_mm_block > h4 a,
|
||||
#header .layout_layout1 .mm_columns_ul .ets_mm_block > h5 a,
|
||||
#header .layout_layout1 .mm_columns_ul .ets_mm_block > h6 a,
|
||||
.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,
|
||||
.layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title,
|
||||
.layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title a,
|
||||
.layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title,
|
||||
.layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title a,
|
||||
#header .layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title,
|
||||
#header .layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title a,
|
||||
#header .layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title,
|
||||
#header .layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title a,
|
||||
.layout_layout1.ybc_vertical_menu .mm_menus_li > a,
|
||||
#header .layout_layout1 li:hover > a,
|
||||
.layout_layout1.ybc_vertical_menu .mm_menus_li:hover > a,
|
||||
#header .layout_layout1.ybc_vertical_menu .mm_menus_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:not(.ybc_vertical_menu) .mm_menus_li > a,
|
||||
.layout_layout2 .ybc-menu-vertical-button,
|
||||
.layout_layout2 .mm_extra_item *{
|
||||
color: l2_color2
|
||||
}
|
||||
.layout_layout2 .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar{
|
||||
background-color: l2_color2
|
||||
}
|
||||
.layout_layout2:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
.layout_layout2:not(.ybc_vertical_menu) .mm_menus_li.active > a,
|
||||
#header .layout_layout2:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
.layout_layout2:hover .ybc-menu-vertical-button,
|
||||
.layout_layout2 .mm_extra_item button[type="submit"]:hover i,
|
||||
#header .layout_layout2:not(.ybc_vertical_menu) .mm_menus_li.active > a{color: l2_color3;}
|
||||
|
||||
.layout_layout2:hover .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar{
|
||||
background-color: l2_color3;
|
||||
}
|
||||
.layout_layout2:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
#header .layout_layout2:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
.ets_mm_megamenu.layout_layout2.ybc_vertical_menu:hover{
|
||||
background-color: l2_color4;
|
||||
}
|
||||
|
||||
.layout_layout2.ets_mm_megamenu .mm_columns_ul,
|
||||
.layout_layout2.ybc_vertical_menu .mm_menus_ul{
|
||||
background-color: l2_color5;
|
||||
}
|
||||
#header .layout_layout2 .ets_mm_block_content a,
|
||||
.layout_layout2.ybc_vertical_menu .mm_menus_li > a,
|
||||
#header .layout_layout2.ybc_vertical_menu .mm_menus_li > 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 .ets_mm_block > h1 a,
|
||||
.layout_layout2 .mm_columns_ul .ets_mm_block > h2 a,
|
||||
.layout_layout2 .mm_columns_ul .ets_mm_block > h3 a,
|
||||
.layout_layout2 .mm_columns_ul .ets_mm_block > h4 a,
|
||||
.layout_layout2 .mm_columns_ul .ets_mm_block > h5 a,
|
||||
.layout_layout2 .mm_columns_ul .ets_mm_block > h6 a,
|
||||
#header .layout_layout2 .mm_columns_ul .ets_mm_block > h1 a,
|
||||
#header .layout_layout2 .mm_columns_ul .ets_mm_block > h2 a,
|
||||
#header .layout_layout2 .mm_columns_ul .ets_mm_block > h3 a,
|
||||
#header .layout_layout2 .mm_columns_ul .ets_mm_block > h4 a,
|
||||
#header .layout_layout2 .mm_columns_ul .ets_mm_block > h5 a,
|
||||
#header .layout_layout2 .mm_columns_ul .ets_mm_block > h6 a,
|
||||
.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,
|
||||
.layout_layout2 .mm_tabs_li.open .mm_tab_toggle_title,
|
||||
.layout_layout2 .mm_tabs_li.open .mm_tab_toggle_title a,
|
||||
.layout_layout2 .mm_tabs_li:hover .mm_tab_toggle_title,
|
||||
.layout_layout2 .mm_tabs_li:hover .mm_tab_toggle_title a,
|
||||
#header .layout_layout2 .mm_tabs_li.open .mm_tab_toggle_title,
|
||||
#header .layout_layout2 .mm_tabs_li.open .mm_tab_toggle_title a,
|
||||
#header .layout_layout2 .mm_tabs_li:hover .mm_tab_toggle_title,
|
||||
#header .layout_layout2 .mm_tabs_li:hover .mm_tab_toggle_title a,
|
||||
#header .layout_layout2 li:hover > a,
|
||||
.layout_layout2.ybc_vertical_menu .mm_menus_li > a,
|
||||
.layout_layout2.ybc_vertical_menu .mm_menus_li:hover > a,
|
||||
#header .layout_layout2.ybc_vertical_menu .mm_menus_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,
|
||||
.layout_layout3 .mm_tab_li_content{
|
||||
background-color: l3_color1;
|
||||
|
||||
}
|
||||
#header .layout_layout3:not(.ybc_vertical_menu) .mm_menus_li > a,
|
||||
.layout_layout3 .ybc-menu-vertical-button,
|
||||
.layout_layout3 .mm_extra_item *{
|
||||
color: l3_color2
|
||||
}
|
||||
.layout_layout3 .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar{
|
||||
background-color: l3_color2
|
||||
}
|
||||
.layout_layout3 .mm_menus_li:hover > a,
|
||||
.layout_layout3 .mm_menus_li.active > a,
|
||||
.layout_layout3 .mm_extra_item button[type="submit"]:hover i,
|
||||
#header .layout_layout3 .mm_menus_li:hover > a,
|
||||
#header .layout_layout3 .mm_menus_li.active > a,
|
||||
.layout_layout3:hover .ybc-menu-vertical-button,
|
||||
.layout_layout3:hover .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar{
|
||||
color: l3_color3;
|
||||
}
|
||||
|
||||
.layout_layout3:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
#header .layout_layout3:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
.ets_mm_megamenu.layout_layout3.ybc_vertical_menu:hover,
|
||||
.layout_layout3 .mm_tabs_li.open .mm_columns_contents_ul,
|
||||
.layout_layout3 .mm_tabs_li.open .mm_tab_li_content {
|
||||
background-color: l3_color4;
|
||||
}
|
||||
.layout_layout3 .mm_tabs_li.open.mm_tabs_has_content .mm_tab_li_content .mm_tab_name::before{
|
||||
border-right-color: l3_color4;
|
||||
}
|
||||
.layout_layout3.ets_mm_megamenu .mm_columns_ul,
|
||||
.ybc_vertical_menu.layout_layout3 .mm_menus_ul.ets_mn_submenu_full_height .mm_menus_li:hover a::before,
|
||||
.layout_layout3.ybc_vertical_menu .mm_menus_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,
|
||||
.layout_layout3.ybc_vertical_menu .mm_menus_li > a,
|
||||
#header .layout_layout3.ybc_vertical_menu .mm_menus_li > a{
|
||||
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 .ets_mm_block > h1 a,
|
||||
.layout_layout3 .mm_columns_ul .ets_mm_block > h2 a,
|
||||
.layout_layout3 .mm_columns_ul .ets_mm_block > h3 a,
|
||||
.layout_layout3 .mm_columns_ul .ets_mm_block > h4 a,
|
||||
.layout_layout3 .mm_columns_ul .ets_mm_block > h5 a,
|
||||
.layout_layout3 .mm_columns_ul .ets_mm_block > h6 a,
|
||||
#header .layout_layout3 .mm_columns_ul .ets_mm_block > h1 a,
|
||||
#header .layout_layout3 .mm_columns_ul .ets_mm_block > h2 a,
|
||||
#header .layout_layout3 .mm_columns_ul .ets_mm_block > h3 a,
|
||||
#header .layout_layout3 .mm_columns_ul .ets_mm_block > h4 a,
|
||||
#header .layout_layout3 .mm_columns_ul .ets_mm_block > h5 a,
|
||||
#header .layout_layout3 .mm_columns_ul .ets_mm_block > h6 a,
|
||||
.layout_layout3 .mm_columns_ul .h1,
|
||||
.layout_layout3 .mm_columns_ul .h2,
|
||||
.layout_layout3 .mm_columns_ul .h3,
|
||||
.layout_layout3.ybc_vertical_menu .mm_menus_li:hover > a,
|
||||
#header .layout_layout3.ybc_vertical_menu .mm_menus_li:hover > a,
|
||||
.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,
|
||||
.layout_layout3 .mm_tabs_li.open .mm_tab_toggle_title,
|
||||
.layout_layout3 .mm_tabs_li.open .mm_tab_toggle_title a,
|
||||
.layout_layout3 .mm_tabs_li:hover .mm_tab_toggle_title,
|
||||
.layout_layout3 .mm_tabs_li:hover .mm_tab_toggle_title a,
|
||||
#header .layout_layout3 .mm_tabs_li.open .mm_tab_toggle_title,
|
||||
#header .layout_layout3 .mm_tabs_li.open .mm_tab_toggle_title a,
|
||||
#header .layout_layout3 .mm_tabs_li:hover .mm_tab_toggle_title,
|
||||
#header .layout_layout3 .mm_tabs_li:hover .mm_tab_toggle_title a,
|
||||
#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.ybc_vertical_menu .mm_menus_li > a,
|
||||
.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;
|
||||
}
|
||||
.ets_mm_megamenu.layout_layout4:not(.ybc_vertical_menu) .mm_menus_ul{
|
||||
background: l4_color1;
|
||||
}
|
||||
|
||||
#header .layout_layout4:not(.ybc_vertical_menu) .mm_menus_li > a,
|
||||
.layout_layout4 .ybc-menu-vertical-button,
|
||||
.layout_layout4 .mm_extra_item *{
|
||||
color: l4_color2
|
||||
}
|
||||
.layout_layout4 .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar{
|
||||
background-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,
|
||||
.layout_layout4:hover .ybc-menu-vertical-button,
|
||||
#header .layout_layout4 .mm_menus_li.active > a{color: l4_color3;}
|
||||
|
||||
.layout_layout4:hover .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar{
|
||||
background-color: l4_color3;
|
||||
}
|
||||
|
||||
.layout_layout4:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
.layout_layout4:not(.ybc_vertical_menu) .mm_menus_li.active > a,
|
||||
.layout_layout4:not(.ybc_vertical_menu) .mm_menus_li:hover > span,
|
||||
.layout_layout4:not(.ybc_vertical_menu) .mm_menus_li.active > span,
|
||||
#header .layout_layout4:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
#header .layout_layout4:not(.ybc_vertical_menu) .mm_menus_li.active > a,
|
||||
.layout_layout4:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
#header .layout_layout4:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
.ets_mm_megamenu.layout_layout4.ybc_vertical_menu:hover,
|
||||
#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,
|
||||
.ybc_vertical_menu.layout_layout4 .mm_menus_ul .mm_menus_li:hover a::before,
|
||||
.layout_layout4.ybc_vertical_menu .mm_menus_ul{
|
||||
background-color: l4_color5;
|
||||
}
|
||||
#header .layout_layout4 .ets_mm_block_content a,
|
||||
.layout_layout4.ybc_vertical_menu .mm_menus_li > a,
|
||||
#header .layout_layout4.ybc_vertical_menu .mm_menus_li > 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 .ets_mm_block > h1 a,
|
||||
.layout_layout4 .mm_columns_ul .ets_mm_block > h2 a,
|
||||
.layout_layout4 .mm_columns_ul .ets_mm_block > h3 a,
|
||||
.layout_layout4 .mm_columns_ul .ets_mm_block > h4 a,
|
||||
.layout_layout4 .mm_columns_ul .ets_mm_block > h5 a,
|
||||
.layout_layout4 .mm_columns_ul .ets_mm_block > h6 a,
|
||||
#header .layout_layout4 .mm_columns_ul .ets_mm_block > h1 a,
|
||||
#header .layout_layout4 .mm_columns_ul .ets_mm_block > h2 a,
|
||||
#header .layout_layout4 .mm_columns_ul .ets_mm_block > h3 a,
|
||||
#header .layout_layout4 .mm_columns_ul .ets_mm_block > h4 a,
|
||||
#header .layout_layout4 .mm_columns_ul .ets_mm_block > h5 a,
|
||||
#header .layout_layout4 .mm_columns_ul .ets_mm_block > h6 a,
|
||||
.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,
|
||||
.layout_layout4 .mm_tabs_li.open .mm_tab_toggle_title,
|
||||
.layout_layout4 .mm_tabs_li.open .mm_tab_toggle_title a,
|
||||
.layout_layout4 .mm_tabs_li:hover .mm_tab_toggle_title,
|
||||
.layout_layout4 .mm_tabs_li:hover .mm_tab_toggle_title a,
|
||||
#header .layout_layout4 .mm_tabs_li.open .mm_tab_toggle_title,
|
||||
#header .layout_layout4 .mm_tabs_li.open .mm_tab_toggle_title a,
|
||||
#header .layout_layout4 .mm_tabs_li:hover .mm_tab_toggle_title,
|
||||
#header .layout_layout4 .mm_tabs_li:hover .mm_tab_toggle_title a,
|
||||
#header .layout_layout4 li:hover > a,
|
||||
.layout_layout4.ybc_vertical_menu .mm_menus_li > a,
|
||||
.layout_layout4.ybc_vertical_menu .mm_menus_li:hover > a,
|
||||
#header .layout_layout4.ybc_vertical_menu .mm_menus_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;
|
||||
}
|
||||
.ets_mm_megamenu.layout_layout5:not(.ybc_vertical_menu) .mm_menus_ul{
|
||||
background: l5_color1;
|
||||
}
|
||||
|
||||
#header .layout_layout5:not(.ybc_vertical_menu) .mm_menus_li > a,
|
||||
.layout_layout5 .ybc-menu-vertical-button,
|
||||
.layout_layout5 .mm_extra_item *{
|
||||
color: l5_color2
|
||||
}
|
||||
.layout_layout5 .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar{
|
||||
background-color: l5_color2
|
||||
}
|
||||
.layout_layout5 .mm_menus_li:hover > a,
|
||||
.layout_layout5 .mm_menus_li.active > a,
|
||||
.layout_layout5 .mm_extra_item button[type="submit"]:hover i,
|
||||
#header .layout_layout5 .mm_menus_li:hover > a,
|
||||
#header .layout_layout5 .mm_menus_li.active > a,
|
||||
.layout_layout5:hover .ybc-menu-vertical-button{
|
||||
color: l5_color3;
|
||||
}
|
||||
.layout_layout5:hover .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar{
|
||||
background-color: l5_color3;
|
||||
}
|
||||
|
||||
.layout_layout5 .mm_menus_li > a:before{background-color: l5_color3;}
|
||||
|
||||
|
||||
.layout_layout5:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
#header .layout_layout5:not(.ybc_vertical_menu) .mm_menus_li:hover > a,
|
||||
.ets_mm_megamenu.layout_layout5.ybc_vertical_menu:hover,
|
||||
#header .layout_layout5 .mm_menus_li:hover > a{
|
||||
background-color: l5_color4;
|
||||
}
|
||||
|
||||
.layout_layout5.ets_mm_megamenu .mm_columns_ul,
|
||||
.ybc_vertical_menu.layout_layout5 .mm_menus_ul .mm_menus_li:hover a::before,
|
||||
.layout_layout5.ybc_vertical_menu .mm_menus_ul{
|
||||
background-color: l5_color5;
|
||||
}
|
||||
#header .layout_layout5 .ets_mm_block_content a,
|
||||
.layout_layout5.ybc_vertical_menu .mm_menus_li > a,
|
||||
#header .layout_layout5.ybc_vertical_menu .mm_menus_li > 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 .ets_mm_block > h1 a,
|
||||
.layout_layout5 .mm_columns_ul .ets_mm_block > h2 a,
|
||||
.layout_layout5 .mm_columns_ul .ets_mm_block > h3 a,
|
||||
.layout_layout5 .mm_columns_ul .ets_mm_block > h4 a,
|
||||
.layout_layout5 .mm_columns_ul .ets_mm_block > h5 a,
|
||||
.layout_layout5 .mm_columns_ul .ets_mm_block > h6 a,
|
||||
#header .layout_layout5 .mm_columns_ul .ets_mm_block > h1 a,
|
||||
#header .layout_layout5 .mm_columns_ul .ets_mm_block > h2 a,
|
||||
#header .layout_layout5 .mm_columns_ul .ets_mm_block > h3 a,
|
||||
#header .layout_layout5 .mm_columns_ul .ets_mm_block > h4 a,
|
||||
#header .layout_layout5 .mm_columns_ul .ets_mm_block > h5 a,
|
||||
#header .layout_layout5 .mm_columns_ul .ets_mm_block > h6 a,
|
||||
.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,
|
||||
.layout_layout5 .mm_tabs_li.open .mm_tab_toggle_title,
|
||||
.layout_layout5 .mm_tabs_li.open .mm_tab_toggle_title a,
|
||||
.layout_layout5 .mm_tabs_li:hover .mm_tab_toggle_title,
|
||||
.layout_layout5 .mm_tabs_li:hover .mm_tab_toggle_title a,
|
||||
#header .layout_layout5 .mm_tabs_li.open .mm_tab_toggle_title,
|
||||
#header .layout_layout5 .mm_tabs_li.open .mm_tab_toggle_title a,
|
||||
#header .layout_layout5 .mm_tabs_li:hover .mm_tab_toggle_title,
|
||||
#header .layout_layout5 .mm_tabs_li:hover .mm_tab_toggle_title a,
|
||||
.layout_layout5.ybc_vertical_menu .mm_menus_li > a,
|
||||
#header .layout_layout5 li:hover > a,
|
||||
.layout_layout5.ybc_vertical_menu .mm_menus_li:hover > a,
|
||||
#header .layout_layout5.ybc_vertical_menu .mm_menus_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*/
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 767px){
|
||||
.ybc-menu-vertical-button,
|
||||
.transition_floating .close_menu,
|
||||
.transition_full .close_menu{
|
||||
background-color: m_bar_bg;
|
||||
color: m_bar_color;
|
||||
}
|
||||
.transition_floating .close_menu *,
|
||||
.transition_full .close_menu *,
|
||||
.ybc-menu-vertical-button .icon-bar{
|
||||
color: m_bar_color;
|
||||
}
|
||||
|
||||
.close_menu .icon-bar,
|
||||
.ybc-menu-vertical-button .icon-bar {
|
||||
background-color: m_bar_color;
|
||||
}
|
||||
.mm_menus_back_icon{
|
||||
border-color: m_bar_color;
|
||||
}
|
||||
|
||||
.layout_layout1 .mm_menus_li:hover > a,
|
||||
.layout_layout1 .mm_menus_li.menu_hover > a,
|
||||
#header .layout_layout1 .mm_menus_li.menu_hover > a,
|
||||
#header .layout_layout1 .mm_menus_li:hover > a{
|
||||
color: l1_color3;
|
||||
}
|
||||
.layout_layout1 .mm_has_sub.mm_menus_li:hover .arrow::before{
|
||||
/*border-color: l1_color3;*/
|
||||
}
|
||||
|
||||
|
||||
.layout_layout1 .mm_menus_li:hover > a,
|
||||
.layout_layout1 .mm_menus_li.menu_hover > a,
|
||||
#header .layout_layout1 .mm_menus_li.menu_hover > a,
|
||||
#header .layout_layout1 .mm_menus_li:hover > a{
|
||||
background-color: l1_color4;
|
||||
}
|
||||
.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: l1_color7;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------*/
|
||||
|
||||
|
||||
.layout_layout2 .mm_menus_li:hover > a,
|
||||
#header .layout_layout2 .mm_menus_li:hover > a{color: l2_color3;}
|
||||
.layout_layout2 .mm_has_sub.mm_menus_li:hover .arrow::before{
|
||||
border-color: l2_color3;
|
||||
}
|
||||
|
||||
.layout_layout2 .mm_menus_li:hover > a,
|
||||
#header .layout_layout2 .mm_menus_li:hover > a{
|
||||
background-color: l2_color4;
|
||||
}
|
||||
.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_layout3 .mm_menus_li:hover > a,
|
||||
#header .layout_layout3 .mm_menus_li:hover > a{
|
||||
color: l3_color3;
|
||||
}
|
||||
.layout_layout3 .mm_has_sub.mm_menus_li:hover .arrow::before{
|
||||
border-color: l3_color3;
|
||||
}
|
||||
|
||||
.layout_layout3 .mm_menus_li:hover > a,
|
||||
#header .layout_layout3 .mm_menus_li:hover > a{
|
||||
background-color: l3_color4;
|
||||
}
|
||||
.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_layout4 .mm_menus_li:hover > a,
|
||||
#header .layout_layout4 .mm_menus_li:hover > a{
|
||||
color: l4_color3;
|
||||
}
|
||||
|
||||
.layout_layout4 .mm_has_sub.mm_menus_li:hover .arrow::before{
|
||||
border-color: l4_color3;
|
||||
}
|
||||
|
||||
.layout_layout4 .mm_menus_li:hover > a,
|
||||
#header .layout_layout4 .mm_menus_li:hover > a{
|
||||
background-color: l4_color4;
|
||||
}
|
||||
.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;}
|
||||
|
||||
|
||||
/*------------------------------------------------------*/
|
||||
|
||||
|
||||
.layout_layout5 .mm_menus_li:hover > a,
|
||||
#header .layout_layout5 .mm_menus_li:hover > a{color: l5_color3;}
|
||||
.layout_layout5 .mm_has_sub.mm_menus_li:hover .arrow::before{
|
||||
border-color: l5_color3;
|
||||
}
|
||||
|
||||
.layout_layout5 .mm_menus_li:hover > a,
|
||||
#header .layout_layout5 .mm_menus_li:hover > a{
|
||||
background-color: l5_color4;
|
||||
}
|
||||
.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;}
|
||||
|
||||
/*------------------------------------------------------*/
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
148
modules/ets_megamenu/views/css/fix16.css
Normal file
148
modules/ets_megamenu/views/css/fix16.css
Normal file
@@ -0,0 +1,148 @@
|
||||
.mm_extra_item .ajax_cart_quantity {
|
||||
margin-right: 3px;
|
||||
}
|
||||
#header .mm_extra_item .shopping_cart > a:first-child::after,
|
||||
.mm_extra_item .shopping_cart > a:first-child::after {
|
||||
padding: 0 0 0 3px;
|
||||
}
|
||||
.mm_block_type_product .product_list .ajax_block_product {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.mm_extra_item .shopping_cart,
|
||||
#header .mm_extra_item .shopping_cart {
|
||||
padding-top: 0;
|
||||
width: auto;
|
||||
}
|
||||
.mm_extra_item #search_block_top {
|
||||
padding-top: 0;
|
||||
}
|
||||
.mm_extra_item .layer_cart_overlay {
|
||||
height: 100% !important;
|
||||
max-height: 100% !important;
|
||||
max-width: 100% !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
.mm_extra_item #search_block_top .btn.button-search {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
bottom: auto;
|
||||
box-shadow: none !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
color: #333;
|
||||
line-height: 30px;
|
||||
outline: medium none !important;
|
||||
-webkit-outline: medium none !important;
|
||||
padding: 0 3px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
width: auto;
|
||||
}
|
||||
.mm_extra_item.active #search_block_top .btn.button-search{
|
||||
padding-right: 8px;
|
||||
}
|
||||
.sticky_enabled .mm_extra_item #layer_cart {
|
||||
float: left;
|
||||
height: auto;
|
||||
left: 50%;
|
||||
margin: 0;
|
||||
max-height: 90%;
|
||||
max-width: 1170px;
|
||||
overflow: auto;
|
||||
position: fixed;
|
||||
top: 50%!important;
|
||||
transform: translate3d(-50%, -50%, 0px);
|
||||
-webkit-transform: translate3d(-50%, -50%, 0px);
|
||||
width: 90%;
|
||||
white-space: normal;
|
||||
}
|
||||
.mm_extra_item .shopping_cart > a:first-child {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
color: #333;
|
||||
display: flex;
|
||||
display: -o-flex;
|
||||
display: -ms-flex;
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
line-height: 24px;
|
||||
padding: 17px 0;
|
||||
text-shadow: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.mm_extra_item .header_user_info {
|
||||
border-color: #e7e7e7;
|
||||
}
|
||||
.mm_extra_item > div {
|
||||
max-height: 58px;
|
||||
}
|
||||
#header .mm_extra_item .cart_block,
|
||||
.mm_extra_item .cart_block{
|
||||
top: 100%!important;
|
||||
min-width: 250px;
|
||||
}
|
||||
.mm_extra_item .header_user_info a {
|
||||
padding: 20px 10px;
|
||||
color: #333333;
|
||||
}
|
||||
.mm_extra_item a:hover {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
}
|
||||
.mm_extra_item .shopping_cart > a:first-child b,
|
||||
.mm_extra_item .ajax_cart_product_txt_s,
|
||||
.mm_extra_item .ajax_cart_no_product,
|
||||
.mm_extra_item .ajax_cart_product_txt{
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
|
||||
.mm_extra_item .shopping_cart > a:first-child b,
|
||||
.mm_extra_item .shopping_cart > a:first-child::before{
|
||||
color: #333;
|
||||
}
|
||||
.mm_extra_item:not(.mm_display_search_default) input[type="text"] {
|
||||
bottom: 0;
|
||||
height: 40px!important;
|
||||
padding: 0 10px!important;
|
||||
}
|
||||
@media (min-width: 768px){
|
||||
.hook-default.layout_layout5 .mm_menus_ul {
|
||||
margin-bottom: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 767px){
|
||||
.mm_extra_item > div {
|
||||
height: 48px;
|
||||
}
|
||||
.mm_extra_item .shopping_cart > a:first-child::before {
|
||||
padding-right: 7px;
|
||||
}
|
||||
.mm_extra_item .header_user_info a {
|
||||
padding: 15px 10px;
|
||||
}
|
||||
.mm_extra_item .shopping_cart > a:first-child {
|
||||
padding: 12px 0;
|
||||
}
|
||||
.mm_extra_item #search_block_top .btn.button-search {
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 479px){
|
||||
.mm_extra_item.active input[type="text"] {
|
||||
width: 100%!important;
|
||||
}
|
||||
.mm_extra_item.active #search_block_top {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.mm_extra_item {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
170
modules/ets_megamenu/views/css/fix17.css
Normal file
170
modules/ets_megamenu/views/css/fix17.css
Normal file
@@ -0,0 +1,170 @@
|
||||
|
||||
.ets_mm_megamenu.hook-default {
|
||||
clear: none;
|
||||
padding: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.layout_layout5.hook-default .mm_menus_ul .mm_menus_li:not(:nth-child(2)):after {
|
||||
display: none;
|
||||
}
|
||||
.container .ets_mm_megamenu .container {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.mm_block_type_product .thumbnail-container .product-description {
|
||||
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||||
height: auto;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
width: auto;
|
||||
}
|
||||
.layout_layout4 .mm_extra_item .cart-preview a {
|
||||
padding: 13px 0;
|
||||
}
|
||||
.ets-dir-rtl .mm_block_type_product .thumbnail-container .product-description,
|
||||
.ets-dir-rtl .mm_block_type_product .thumbnail-container .product-title > a {
|
||||
text-align: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.mm_extra_item .cart-preview a {
|
||||
display: block;
|
||||
padding: 18px 0;
|
||||
}
|
||||
.mm_extra_item .user-info a {
|
||||
display: inline-block;
|
||||
padding: 18px 2px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.layout_layout4 .mm_extra_item .user-info a {
|
||||
padding: 12px 2px;
|
||||
}
|
||||
.mm_block_type_product .thumbnail-container .thumbnail > img {
|
||||
margin-bottom: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.mm_block_type_product .thumbnail-container .thumbnail {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
width: 100px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.mm_block_type_product .thumbnail-container .thumbnail{
|
||||
border: 1px solid #D0D0D0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mm_block_type_product .thumbnail-container {
|
||||
box-shadow: none;
|
||||
height: auto;
|
||||
width: auto;
|
||||
margin-bottom: 10px;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.mm_block_type_product .thumbnail-container:hover, .mm_block_type_product .thumbnail-container:hover .product-description {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.mm_block_type_product .thumbnail-container .highlighted-informations {
|
||||
box-shadow: none;
|
||||
display: none;
|
||||
position: static;
|
||||
}
|
||||
.mm_block_type_product .thumbnail-container .product-title > a {
|
||||
font-weight: 600;
|
||||
line-height: 18px;
|
||||
text-align: left;
|
||||
}
|
||||
.mm_block_type_product .thumbnail-container .product-title {
|
||||
margin-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.mm_block_type_product .product-miniature {
|
||||
clear: left;
|
||||
display: block;
|
||||
}
|
||||
.ets-dir-rtl .mm_block_type_product .product-miniature {
|
||||
clear: right;
|
||||
}
|
||||
.mm_block_type_product .product-miniature:not(:last-child) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mm_block_type_product .product-price-and-shipping {
|
||||
text-align: inherit !important;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.hook-default.layout_layout4 .mm_columns_ul > .mm_columns_li,
|
||||
.hook-default.layout_layout5 .mm_columns_ul > .mm_columns_li {
|
||||
border-left: medium none;
|
||||
}
|
||||
.ets-dir-rtl .mm_block_type_product .thumbnail-container .thumbnail {
|
||||
float: right;
|
||||
margin-right: 0px;
|
||||
margin-left: 10px;
|
||||
width: 90px;
|
||||
}
|
||||
.skin_default.layout_layout4.ets-dir-rtl .mm_columns_ul > .mm_columns_li:first-child,
|
||||
.skin_default.layout_layout5.ets-dir-rtl .mm_columns_ul > .mm_columns_li:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
.layout_layout5.skin_default:not(.scroll_heading) .mm_blocks_li {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.hook-default .ets_mm_megamenu_content .container {
|
||||
padding: 0;
|
||||
}
|
||||
.hook-default.layout_layout5:not(.scroll_heading) .mm_bubble_text {
|
||||
top: -5px;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 1199px){
|
||||
.changestatus .mm_extra_item .cart-preview a {
|
||||
display: block;
|
||||
padding: 13px 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px){
|
||||
.hook-default.layout_layout4:not(.scroll_heading) .mm_blocks_li {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.hook-default.layout_layout4:not(.scroll_heading) .mm_columns_ul > .mm_columns_li {
|
||||
margin: 20px 0 0;
|
||||
}
|
||||
.hook-default.layout_layout4:not(.scroll_heading) .mm_columns_ul > .mm_columns_li,
|
||||
.hook-default.layout_layout5:not(.scroll_heading) .mm_columns_ul > .mm_columns_li {
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.ets_mm_megamenu.hook-default {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
margin-top: 10px;
|
||||
padding: 0 15px;
|
||||
width: 100%;
|
||||
}
|
||||
.mm_extra_item > div{
|
||||
margin-left: 0;
|
||||
}
|
||||
.ets-dir-rtl .mm_menu_content_title {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 479px){
|
||||
.mm_extra_item.active input[type="text"]{
|
||||
width: 100%!important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
2337
modules/ets_megamenu/views/css/font-awesome.css
vendored
Normal file
2337
modules/ets_megamenu/views/css/font-awesome.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
31
modules/ets_megamenu/views/css/index.php
Normal file
31
modules/ets_megamenu/views/css/index.php
Normal file
@@ -0,0 +1,31 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2021 ETS-Soft
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This file is not open source! Each license that you purchased is only available for 1 wesite only.
|
||||
* If you want to use this file on more websites (or projects), you need to purchase additional licenses.
|
||||
* You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please contact us for extra customization service at an affordable price
|
||||
*
|
||||
* @author ETS-Soft <etssoft.jsc@gmail.com>
|
||||
* @copyright 2007-2021 ETS-Soft
|
||||
* @license Valid for 1 website (or project) for each purchase of license
|
||||
* International Registered Trademark & Property of ETS-Soft
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
2312
modules/ets_megamenu/views/css/megamenu-admin.css
Normal file
2312
modules/ets_megamenu/views/css/megamenu-admin.css
Normal file
File diff suppressed because it is too large
Load Diff
3458
modules/ets_megamenu/views/css/megamenu.css
Normal file
3458
modules/ets_megamenu/views/css/megamenu.css
Normal file
File diff suppressed because it is too large
Load Diff
1974
modules/ets_megamenu/views/css/mm_admin-bak.css
Normal file
1974
modules/ets_megamenu/views/css/mm_admin-bak.css
Normal file
File diff suppressed because it is too large
Load Diff
902
modules/ets_megamenu/views/css/other.css
Normal file
902
modules/ets_megamenu/views/css/other.css
Normal file
@@ -0,0 +1,902 @@
|
||||
.ets-mod{
|
||||
background: #fff;
|
||||
padding: 0;
|
||||
}
|
||||
.ets-mod.hidden,li.hidden{
|
||||
display: none!important;
|
||||
}
|
||||
.ets-mod-cats > li.active{
|
||||
font-weight: bold;
|
||||
}
|
||||
.ets-mod {
|
||||
position: fixed!important;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
.ets-mod, .ets-mod * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ets-mod-header {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
padding: 40px 0 30px;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
.ets-mod-logo img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.ets-mod-cats_mobile{
|
||||
display: none;
|
||||
}
|
||||
a.ets-mod-external-link.btn {
|
||||
background: #E22B8C;
|
||||
width: 100%;
|
||||
display: block;
|
||||
clear: both;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
text-decoration: none!important;
|
||||
font-size: 18px;
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 4px;
|
||||
transition: all 0.2s;
|
||||
-webkit-transition: all 0.2s;
|
||||
}
|
||||
a.ets-mod-external-link.btn:hover {
|
||||
background: #ca3282;
|
||||
}
|
||||
.ets-mod-close {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 6px;
|
||||
font-size: 0;
|
||||
cursor: pointer;
|
||||
width: 30px;
|
||||
transform: rotate(45deg);
|
||||
-webkit-transform: rotate(45deg);
|
||||
height: 30px;
|
||||
}
|
||||
.ets-mod-close:hover:after,
|
||||
.ets-mod-close:hover:before{
|
||||
background: #555;
|
||||
}
|
||||
.ets-mod-close:after {
|
||||
content: "";
|
||||
width: 27px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
height: 1px;
|
||||
background: #999;
|
||||
display: inline-block;
|
||||
transform: translate3d(-50%,-50%,0);
|
||||
-webkit-transform: translate3d(-50%,-50%,0);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ets-mod-close:before {
|
||||
content: "";
|
||||
height: 27px;
|
||||
width: 1px;
|
||||
background: #999;
|
||||
display: inline-block;
|
||||
transform: translate3d(-50%,-50%,0);
|
||||
-webkit-transform: translate3d(-50%,-50%,0);
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
}
|
||||
.ets-mod-external {
|
||||
clear: both;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.ets-mod-intro {
|
||||
padding: 0 30px;
|
||||
font-size: 14px;
|
||||
line-height: 1.7;
|
||||
width: 60%;
|
||||
}
|
||||
.ets-mod-logo {
|
||||
width: 25%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.mod-footer > .mod-price:first-child {
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
justify-content: flex-end;
|
||||
-webkit-justify-content: flex-end;
|
||||
}
|
||||
.ets-badge-partner span,
|
||||
.ets-badge-superhero span {
|
||||
text-align: center;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ets-badge-superhero {
|
||||
width: 100px;
|
||||
}
|
||||
.ets-badge-partner {
|
||||
max-width: 121px;
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.mod-desc {
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-bottom: 14px;
|
||||
min-height: 123px;
|
||||
}
|
||||
|
||||
.loading-modules:before {
|
||||
content: "";
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
z-index: 90000000;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.loading-modules:after {
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
border-left: 2px solid #ff008d;
|
||||
border-top: 2px solid transparent;
|
||||
border-bottom: 2px solid transparent;
|
||||
border-right: 2px solid #ff008d;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
margin-left: -30px;
|
||||
margin-top: -30px;
|
||||
z-index: 99000000;
|
||||
animation: loading 0.5s infinite linear;
|
||||
-webkit-animation: loading 0.5s infinite linear;
|
||||
}
|
||||
@keyframes loading {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes loading {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.ets-mod-badges img {
|
||||
margin: 0 15px;
|
||||
}
|
||||
.ets-mod-badges {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
.li_othermodules {
|
||||
background: #ff2ea0!important;
|
||||
color: orange!important;
|
||||
right: 25px!important;
|
||||
top: 0!important;
|
||||
margin-top: -10px;
|
||||
margin-bottom: -10px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
box-shadow: 0 0 10px 0 #999 inset;
|
||||
margin-right: 10px;
|
||||
-webkit-box-shadow: 0 0 10px 0 #888 inset;
|
||||
transition: all 0.3s;
|
||||
-webkit-transition: all 0.3s;
|
||||
}
|
||||
.li_othermodules:hover {
|
||||
background: #e62790!important;
|
||||
}
|
||||
.li_othermodules a span {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.li_othermodules .tab-title {
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
margin-bottom: 2px;
|
||||
position: relative;
|
||||
}
|
||||
.ets-mod-left {
|
||||
padding: 0 15px;
|
||||
width: 25%;
|
||||
}
|
||||
ul.ets-mod-cats {
|
||||
list-style: none;
|
||||
background: #f3f3f3;
|
||||
padding: 20px 25px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
margin-top: 15px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.mod-badge{
|
||||
background-image: url(../img/other/module-editor.png);
|
||||
min-height: 30px;
|
||||
background-position: 5px center;
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
background-size: 30px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
padding-left: 40px;
|
||||
margin: -10px auto 10px;
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
width: 195px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.ets-mod-left:not(.scroll_heading) ul.ets-mod-cats{
|
||||
width: 100%!important;
|
||||
}
|
||||
.mod-badge.fav {
|
||||
background-image: url(../img/other/awards-toconvert.png);
|
||||
}
|
||||
.mod-badge.elected {
|
||||
background-image: url(../img/other/module-editor.png);
|
||||
width: 190px;
|
||||
}
|
||||
.mod-download {
|
||||
background-image: url(../img/other/badges-s3e73c0c3f1.png);
|
||||
min-height: 30px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
background-position: 4px -491px;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 38px;
|
||||
align-items: center;
|
||||
width: 150px;
|
||||
margin: 0 auto 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.ets-mod-cats li {
|
||||
line-height: 1.4;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
padding: 6px 0;
|
||||
}
|
||||
.ets-mod-cats li:hover {
|
||||
color: #E22B8C;
|
||||
}
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 33.33%;
|
||||
padding: 0 15px;
|
||||
float: left;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
ul.ets-mod-list {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.mod-rating:before {
|
||||
content: "\f006 \f006 \f006 \f006 \f006";
|
||||
font-family: Fontawesome,sans-serif;
|
||||
letter-spacing: 3px;
|
||||
color: orange;
|
||||
}
|
||||
.mod-rating.mod-start-1:before{
|
||||
content:"\f005 \f006 \f006 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-15:before{
|
||||
content:"\f005 \f123 \f006 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-2:before{
|
||||
content:"\f005 \f005 \f006 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-25:before{
|
||||
content:"\f005 \f005 \f123 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-3:before{
|
||||
content:"\f005 \f005 \f005 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-35:before{
|
||||
content:"\f005 \f005 \f005 \f123 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-4:before{
|
||||
content:"\f005 \f005 \f005 \f005 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-45:before{
|
||||
content:"\f005 \f005 \f005 \f005 \f123";
|
||||
}
|
||||
.mod-rating.mod-start-5:before{
|
||||
content:"\f005 \f005 \f005 \f005 \f005";
|
||||
}
|
||||
span.mod-price-dec {
|
||||
vertical-align: top;
|
||||
}
|
||||
span.mod-price-int, .mod-price-unit {
|
||||
font-size: 18px;
|
||||
color: #261c59;
|
||||
}
|
||||
span.mod-price-dec{
|
||||
color: #261c59;
|
||||
}
|
||||
.mod-rating {
|
||||
vertical-align: middle;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
}
|
||||
ul.ets-mod-list li.mod-item > a {
|
||||
border: 1px solid #ddd;
|
||||
text-align: center;
|
||||
display: block;
|
||||
padding: 20px 15px 60px;
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
.mod-must-have {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: -5px;
|
||||
background: #E22B8C;
|
||||
color: #fff;
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.mod-must-have:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
border-left: 5px solid #9a0300;
|
||||
border-top: 5px solid transparent;
|
||||
border-bottom: 5px solid transparent;
|
||||
top: 100%;
|
||||
margin-top: -5px;
|
||||
right: 0;
|
||||
}
|
||||
.mod-price {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
.mod-must-have:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin-top: -5px;
|
||||
right: 0;
|
||||
background: #E02B8C;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
.mod-footer {
|
||||
margin-left: 0;
|
||||
border-top: 1px solid #ddd;
|
||||
margin-right: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 15px;
|
||||
margin-top: 20px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 33.33%;
|
||||
padding: 0 15px;
|
||||
float: left;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
}
|
||||
.mod-footer {
|
||||
border-top: 1px solid #ddd;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 8px 15px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.mod-image {
|
||||
margin-bottom: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ets-mod-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.mod-title {
|
||||
font-size: 16px;
|
||||
left: 0;
|
||||
color: #261c59;
|
||||
font-weight: normal;
|
||||
overflow: hidden;
|
||||
margin-bottom: 15px;
|
||||
min-height: 44px;
|
||||
}
|
||||
.other-modules-loaded {
|
||||
overflow: hidden;
|
||||
}
|
||||
.ets-mod-right {
|
||||
width: 75%;
|
||||
position: relative;
|
||||
}
|
||||
.ets-mod-inner .ets-body {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
.ets-mod-contact {
|
||||
position: fixed;
|
||||
width: 76px;
|
||||
height: 76px;
|
||||
background: #E22B8C;
|
||||
bottom: 60px;
|
||||
z-index: 10;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
right: 60px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
}
|
||||
.ets-mod-contact:hover {
|
||||
background: #ca3282;
|
||||
}
|
||||
.ets-mod-contact a.mod-link {
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
font-size: 10px;
|
||||
clear: both;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
box-shadow: none;
|
||||
padding: 16px 12px;
|
||||
white-space: nowrap;
|
||||
border: none;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.ets-mod-contact a.mod-link::before {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
content: "\f003";
|
||||
font-family: Fontawesome, sans-serif;
|
||||
font-size: 30px;
|
||||
font-weight: normal;
|
||||
-webkit-animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
-moz-animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
-o-animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
margin-top: 0;
|
||||
}
|
||||
@-moz-keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
@-o-keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
@keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
.ets-mod-list .mod-link:hover {
|
||||
box-shadow: 0 4px 8px 1px #ece9e9;
|
||||
-webkit-box-shadow: 0 4px 8px 1px #ece9e9;
|
||||
border: solid 1px #d2d2d2;
|
||||
}
|
||||
.li_othermodules a {
|
||||
color: #ffdd02!important;
|
||||
font-size: 13px;
|
||||
padding: 10px 20px 15px 85px;
|
||||
top: 0;
|
||||
background-image: url(../img/other/ets-superhero-2.png);
|
||||
background-position: 10px 5px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 70px;
|
||||
font-family: Open sans,sans-serif;
|
||||
height: 60px;
|
||||
}
|
||||
.cfu-top-menu li:not(.active) a.link_othermodules:hover:before{
|
||||
display:none;
|
||||
}
|
||||
@-moz-keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@-o-keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@-moz-keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
@-o-keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
@keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
.ets-mod-contact:after {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
left: -45px;
|
||||
top: -45px;
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-color: transparent;
|
||||
-webkit-border-radius: 100%;
|
||||
-moz-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
border: 2px solid rgba(30, 30, 30, 0.4);
|
||||
border: 2px solid #dc9abd;
|
||||
opacity: .5;
|
||||
-webkit-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-moz-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-ms-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-o-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-webkit-transition: all .5s;
|
||||
-moz-transition: all .5s;
|
||||
-o-transition: all .5s;
|
||||
transition: all .5s;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-moz-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
-o-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
.ets-mod-contact::before {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
content: "";
|
||||
font-size: 30px;
|
||||
-webkit-animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
-moz-animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
-o-animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
left: -10px;
|
||||
top: -10px;
|
||||
right: -10px;
|
||||
border-radius: 50%;
|
||||
bottom: -10px;
|
||||
background: #E22B8C;
|
||||
}
|
||||
@media (min-width: 1200px){
|
||||
.ets-mod-left.scroll_heading ul.ets-mod-cats {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 50%;
|
||||
}
|
||||
.ets-mod-left {
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-inner .ets-body {
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
}
|
||||
.ets-mod-right {
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.ets-mod-header {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.ets-mod-intro {
|
||||
width: calc(100% - 220px);
|
||||
width: -webkit-calc(100% - 220px);
|
||||
padding: 0 20px;
|
||||
}
|
||||
.ets-mod-badges {
|
||||
width: 220px;
|
||||
}
|
||||
.ets-mod-logo {
|
||||
margin-bottom: 15px;
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-cats_mobile {
|
||||
display: block;
|
||||
}
|
||||
.ets-mod-cats_mobile h4 {
|
||||
list-style: none;
|
||||
background: #f3f3f3;
|
||||
padding: 20px 25px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
font-size: 14px;
|
||||
margin: 0 0 -1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
ul.ets-mod-cats {
|
||||
border-radius: 0;
|
||||
display: none;
|
||||
}
|
||||
.ets-mod-cats_mobile h4:after {
|
||||
content: "";
|
||||
border-left: 2px solid #333;
|
||||
border-bottom: 2px solid #333;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-bottom-left-radius: 2px;
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg);
|
||||
margin-left: 8px;
|
||||
vertical-align: 2px;
|
||||
}
|
||||
ul.ets-mod-cats.active {
|
||||
display: block;
|
||||
}
|
||||
.ets-mod-cats_mobile{
|
||||
display: block;
|
||||
}
|
||||
.li_othermodules{
|
||||
position: static!important;
|
||||
float: right;
|
||||
}
|
||||
.li_othermodules .tab-title{
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
@media (max-width: 500px){
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-left {
|
||||
padding: 0 15px;
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-inner .ets-body {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.ets-mod-right {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.ets-mod-intro {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.ets-badge-partner {
|
||||
max-width: none;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.ets-badge-superhero {
|
||||
width: auto;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.ets-mod-badges {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.ets-mod-logo {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user