%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; }