%PDF- %PDF-
Direktori : /home/opti/workflow/src/public/app-assets/css-rtl/plugins/menu/mmenu/extensions/effects/ |
Current File : /home/opti/workflow/src/public/app-assets/css-rtl/plugins/menu/mmenu/extensions/effects/jquery.css |
/* jQuery.mmenu effects extension CSS */ .mm-menu.mm-effect-menu-zoom { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -moz-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; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-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); -moz-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); -moz-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; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-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); -moz-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; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(30%, 0, 0); -moz-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); -moz-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); -moz-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); -moz-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .mm-menu.mm-effect-menu-fade { opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-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); -moz-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; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-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); -moz-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); -moz-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); -moz-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); -moz-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; -moz-transition: none 0.4s ease; -o-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; -moz-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(2) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(3) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(4) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(5) { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(6) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(7) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(8) { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(9) { -webkit-transition-delay: 450ms; -moz-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(10) { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(11) { -webkit-transition-delay: 550ms; -moz-transition-delay: 550ms; -o-transition-delay: 550ms; transition-delay: 550ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(12) { -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(13) { -webkit-transition-delay: 650ms; -moz-transition-delay: 650ms; -o-transition-delay: 650ms; transition-delay: 650ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(14) { -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(15) { -webkit-transition-delay: 750ms; -moz-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms; } .mm-menu.mm-effect-listitems-slide .mm-listview > li { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: translate3d(-50%, 0, 0); -moz-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); -moz-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; -moz-transition-property: opacity; -o-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; -moz-transition-property: opacity, top; -o-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; }