/* jQuery.mmenu effects extension CSS */ .mm-menu.mm-effect-menu-zoom { -webkit-transition : -webkit-transform 0.4s ease; transition : -webkit-transform 0.4s ease; transition : transform 0.4s ease; transition : transform 0.4s ease, -webkit-transform 0.4s ease; } html.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform : scale(0.7, 0.7) translate3d(30%, 0, 0); transform : scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin : right center; -ms-transform-origin : right center; transform-origin : right center; } html.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform : scale(1, 1) translate3d(0%, 0, 0); transform : scale(1, 1) translate3d(0%, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform : scale(0.7, 0.7) translate3d(-30%, 0, 0); transform : scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin : left center; -ms-transform-origin : left center; transform-origin : left center; } html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform : scale(1, 1) translate3d(0%, 0, 0); transform : scale(1, 1) translate3d(0%, 0, 0); } .mm-menu.mm-effect-menu-slide { -webkit-transition : -webkit-transform 0.4s ease; transition : -webkit-transform 0.4s ease; transition : transform 0.4s ease; transition : transform 0.4s ease, -webkit-transform 0.4s ease; } html.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform : translate3d(30%, 0, 0); transform : translate3d(30%, 0, 0); } html.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform : translate3d(0%, 0, 0); transform : translate3d(0%, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform : translate3d(-30%, 0, 0); transform : translate3d(-30%, 0, 0); } html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform : translate3d(0%, 0, 0); transform : translate3d(0%, 0, 0); } .mm-menu.mm-effect-menu-fade { opacity : 0; -webkit-transition : opacity 0.4s ease; transition : opacity 0.4s ease; } html.mm-opening .mm-menu.mm-effect-menu-fade { opacity : 1; } .mm-menu.mm-effect-panels-zoom .mm-panel { -webkit-transform : scale(1.5, 1.5) translate3d(-100%, 0, 0); transform : scale(1.5, 1.5) translate3d(-100%, 0, 0); -webkit-transform-origin : right center; -ms-transform-origin : right center; transform-origin : right center; } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened { -webkit-transform : scale(1, 1) translate3d(0%, 0, 0); transform : scale(1, 1) translate3d(0%, 0, 0); } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened { -webkit-transform : scale(0.7, 0.7) translate3d(30%, 0, 0); transform : scale(0.7, 0.7) translate3d(30%, 0, 0); } .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened { -webkit-transform : translate3d(0, 0, 0); transform : translate3d(0, 0, 0); } .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened { -webkit-transform : translate3d(100%, 0, 0); transform : translate3d(100%, 0, 0); } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li { -webkit-transition : none 0.4s ease; transition : none 0.4s ease; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(1) { -webkit-transition-delay : 50ms; transition-delay : 50ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(2) { -webkit-transition-delay : 100ms; transition-delay : 100ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(3) { -webkit-transition-delay : 150ms; transition-delay : 150ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(4) { -webkit-transition-delay : 200ms; transition-delay : 200ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(5) { -webkit-transition-delay : 250ms; transition-delay : 250ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(6) { -webkit-transition-delay : 300ms; transition-delay : 300ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(7) { -webkit-transition-delay : 350ms; transition-delay : 350ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(8) { -webkit-transition-delay : 400ms; transition-delay : 400ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(9) { -webkit-transition-delay : 450ms; transition-delay : 450ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(10) { -webkit-transition-delay : 500ms; transition-delay : 500ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(11) { -webkit-transition-delay : 550ms; transition-delay : 550ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(12) { -webkit-transition-delay : 600ms; transition-delay : 600ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(13) { -webkit-transition-delay : 650ms; transition-delay : 650ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(14) { -webkit-transition-delay : 700ms; transition-delay : 700ms; } .mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(15) { -webkit-transition-delay : 750ms; transition-delay : 750ms; } .mm-menu.mm-effect-listitems-slide .mm-listview > li { -webkit-transition-property : opacity, -webkit-transform; transition-property : opacity, -webkit-transform; transition-property : transform, opacity; transition-property : transform, opacity, -webkit-transform; -webkit-transform : translate3d(-50%, 0, 0); transform : translate3d(-50%, 0, 0); opacity : 0; } html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li { -webkit-transform : translate3d(0, 0, 0); transform : translate3d(0, 0, 0); opacity : 1; } .mm-menu.mm-effect-listitems-fade .mm-listview > li { -webkit-transition-property : opacity; transition-property : opacity; opacity : 0; } html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li { opacity : 1; } .mm-menu.mm-effect-listitems-drop .mm-listview > li { -webkit-transition-property : opacity, top; transition-property : opacity, top; opacity : 0; top : -25%; } html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li { opacity : 1; top : 0; }