WP Responsive Menu - Version 3.0.3

Version Description

Release Info

Developer	Magnigenie
Plugin	WP Responsive Menu
Version	3.0.3
Comparing to
See all releases

Code changes from version 3.0.2 to 3.0.3

Files changed (7) hide show

css/wpr-hamburger.css +573 -1
css/wprmenu.css +51 -44
inc/options.php +9 -15
inc/wprmclass.php +49 -50
js/wprmenu.js +72 -48
readme.txt +16 -2
wp-responsive-menu.php +1 -1

css/wpr-hamburger.css CHANGED Viewed

	@@ -1 +1,573 @@
1	- .hamburger--3dx .hamburger-box,.hamburger--3dx-r .hamburger-box,.hamburger--3dxy .hamburger-box,.hamburger--3dxy-r .hamburger-box,.hamburger--3dy .hamburger-box,.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger--emphatic,.hamburger--emphatic-r{overflow:hidden}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:39px;height:2px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowalt .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-8px,-10px,0) rotate(-45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-8px,10px,0) rotate(45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(8px,-10px,0) rotate(45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(8px,10px,0) rotate(-45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrowturn.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--elastic .hamburger-inner{top:2px;transition-duration:275ms;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms ease}.hamburger--elastic .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:75ms}.hamburger--elastic-r .hamburger-inner{top:2px;transition-duration:275ms;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms ease}.hamburger--elastic-r .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-135deg);transition-delay:75ms}.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(270deg);transition-delay:75ms}.hamburger--emphatic .hamburger-inner{transition:background-color 125ms 175ms ease-in}.hamburger--emphatic .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in}.hamburger--emphatic .hamburger-inner::after{top:10px;right:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner::before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic.is-active .hamburger-inner::after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r .hamburger-inner{transition:background-color 125ms 175ms ease-in}.hamburger--emphatic-r .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in}.hamburger--emphatic-r .hamburger-inner::after{top:10px;right:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner::before{left:-80px;top:80px;transform:translate3d(80px,-80px,0) rotate(-45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r.is-active .hamburger-inner::after{right:-80px;top:80px;transform:translate3d(-80px,-80px,0) rotate(45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before{transition:bottom 80ms 0s ease-out,top 80ms 0s ease-out,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before{opacity:0;transition:bottom 80ms ease-out,top 80ms ease-out,opacity 0s 80ms linear}.hamburger--slider .hamburger-inner::before,.hamburger--slider-r .hamburger-inner::before{transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--minus.is-active .hamburger-inner::before{top:0}.hamburger--minus.is-active .hamburger-inner::after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner::before{top:10px}.hamburger--slider-r .hamburger-inner::after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(5.71px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s .13s linear}.hamburger--spring .hamburger-inner::before{top:10px;transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner::after{top:20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.hamburger--spring-r .hamburger-inner::before{transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .22s linear}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1)}.hamburger--stand .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand-r .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg);background-color:transparent;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}


1	+ /*!
2	+ * Hamburgers
3	+ * @description Tasty CSS-animated hamburgers
4	+ * @author Jonathan Suh @jonsuh
5	+ * @site https://jonsuh.com/hamburgers
6	+ * @link https://github.com/jonsuh/hamburgers
7	+ */
8	+ .hamburger {
9	+ padding: 15px 15px;
10	+ display: inline-block;
11	+ cursor: pointer;
12	+ transition-property: opacity, filter;
13	+ transition-duration: 0.15s;
14	+ transition-timing-function: linear;
15	+ font: inherit;
16	+ color: inherit;
17	+ text-transform: none;
18	+ background-color: transparent;
19	+ border: 0;
20	+ margin: 0;
21	+ overflow: visible; }
22	+
23	+ .hamburger-box {
24	+ width: 30px;
25	+ height: 24px;
26	+ display: inline-block;
27	+ position: relative; }
28	+
29	+ .hamburger-inner {
30	+ display: block;
31	+ top: 50%;
32	+ margin-top: -2px; }
33	+
34	+ .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
35	+ width: 30px;
36	+ height: 4px;
37	+ background-color: #000;
38	+ border-radius: 4px;
39	+ position: absolute;
40	+ transition-property: transform;
41	+ transition-duration: 0.15s;
42	+ transition-timing-function: ease; }
43	+ .hamburger-inner::before, .hamburger-inner::after {
44	+ content: "";
45	+ display: block; }
46	+ .hamburger-inner::before {
47	+ top: -10px; }
48	+ .hamburger-inner::after {
49	+ bottom: -10px; }
50	+
51	+ /*
52	+ * 3DX
53	+ */
54	+ .hamburger--3dx .hamburger-box {
55	+ perspective: 80px; }
56	+
57	+ .hamburger--3dx .hamburger-inner {
58	+ transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
59	+ .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
60	+ transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
61	+
62	+ .hamburger--3dx.is-active .hamburger-inner,
63	+ .hamburger--3dx:hover .hamburger-inner {
64	+ background-color: transparent !important;
65	+ transform: rotateY(180deg); }
66	+ .hamburger--3dx.is-active .hamburger-inner::before {
67	+ transform: translate3d(0, 10px, 0) rotate(45deg); }
68	+ .hamburger--3dx.is-active .hamburger-inner::after {
69	+ transform: translate3d(0, -10px, 0) rotate(-45deg); }
70	+
71	+ /*
72	+ * 3DX Reverse
73	+ */
74	+ .hamburger--3dx-r .hamburger-box {
75	+ perspective: 80px; }
76	+
77	+ .hamburger--3dx-r .hamburger-inner {
78	+ transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
79	+ .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
80	+ transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
81	+
82	+ .hamburger--3dx-r.is-active .hamburger-inner,
83	+ .hamburger--3dx-r:hover .hamburger-inner {
84	+ background-color: transparent !important;
85	+ transform: rotateY(-180deg); }
86	+ .hamburger--3dx-r.is-active .hamburger-inner::before {
87	+ transform: translate3d(0, 10px, 0) rotate(45deg); }
88	+ .hamburger--3dx-r.is-active .hamburger-inner::after {
89	+ transform: translate3d(0, -10px, 0) rotate(-45deg); }
90	+
91	+ /*
92	+ * 3DY
93	+ */
94	+ .hamburger--3dy .hamburger-box {
95	+ perspective: 80px; }
96	+
97	+ .hamburger--3dy .hamburger-inner {
98	+ transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
99	+ .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
100	+ transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
101	+
102	+ .hamburger--3dy.is-active .hamburger-inner,
103	+ .hamburger--3dy:hover .hamburger-inner {
104	+ background-color: transparent !important;
105	+ transform: rotateX(-180deg); }
106	+ .hamburger--3dy.is-active .hamburger-inner::before {
107	+ transform: translate3d(0, 10px, 0) rotate(45deg); }
108	+ .hamburger--3dy.is-active .hamburger-inner::after {
109	+ transform: translate3d(0, -10px, 0) rotate(-45deg); }
110	+
111	+ /*
112	+ * 3DY Reverse
113	+ */
114	+ .hamburger--3dy-r .hamburger-box {
115	+ perspective: 80px; }
116	+
117	+ .hamburger--3dy-r .hamburger-inner {
118	+ transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
119	+ .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
120	+ transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
121	+
122	+ .hamburger--3dy-r.is-active .hamburger-inner,
123	+ .hamburger--3dy-r:hover .hamburger-inner {
124	+ background-color: transparent !important;
125	+ transform: rotateX(180deg); }
126	+ .hamburger--3dy-r.is-active .hamburger-inner::before {
127	+ transform: translate3d(0, 10px, 0) rotate(45deg); }
128	+ .hamburger--3dy-r.is-active .hamburger-inner::after {
129	+ transform: translate3d(0, -10px, 0) rotate(-45deg); }
130	+
131	+ /*
132	+ * 3DXY
133	+ */
134	+ .hamburger--3dxy .hamburger-box {
135	+ perspective: 80px; }
136	+
137	+ .hamburger--3dxy .hamburger-inner {
138	+ transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
139	+ .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
140	+ transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
141	+
142	+ .hamburger--3dxy.is-active .hamburger-inner,
143	+ .hamburger--3dxy.is-active:hover .hamburger-inner {
144	+ background-color: transparent !important;
145	+ transform: rotateX(180deg) rotateY(180deg); }
146	+ .hamburger--3dxy.is-active .hamburger-inner::before {
147	+ transform: translate3d(0, 10px, 0) rotate(45deg); }
148	+ .hamburger--3dxy.is-active .hamburger-inner::after {
149	+ transform: translate3d(0, -10px, 0) rotate(-45deg); }
150	+
151	+ /*
152	+ * 3DXY Reverse
153	+ */
154	+ .hamburger--3dxy-r .hamburger-box {
155	+ perspective: 80px; }
156	+
157	+ .hamburger--3dxy-r .hamburger-inner {
158	+ transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
159	+ .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
160	+ transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
161	+
162	+ .hamburger--3dxy-r.is-active .hamburger-inner,
163	+ .hamburger--3dxy-r.is-active:hover .hamburger-inner {
164	+ background-color: transparent !important;
165	+ transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
166	+ .hamburger--3dxy-r.is-active .hamburger-inner::before {
167	+ transform: translate3d(0, 10px, 0) rotate(45deg); }
168	+ .hamburger--3dxy-r.is-active .hamburger-inner::after {
169	+ transform: translate3d(0, -10px, 0) rotate(-45deg); }
170	+
171	+ /*
172	+ * Boring
173	+ */
174	+ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
175	+ transition-property: none; }
176	+
177	+ .hamburger--boring.is-active .hamburger-inner {
178	+ transform: rotate(45deg); }
179	+ .hamburger--boring.is-active .hamburger-inner::before {
180	+ top: 0;
181	+ opacity: 0; }
182	+ .hamburger--boring.is-active .hamburger-inner::after {
183	+ bottom: 0;
184	+ transform: rotate(-90deg); }
185	+
186	+ /*
187	+ * Collapse
188	+ */
189	+ .hamburger--collapse .hamburger-inner {
190	+ top: auto;
191	+ bottom: 0;
192	+ transition-duration: 0.13s;
193	+ transition-delay: 0.13s;
194	+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
195	+ .hamburger--collapse .hamburger-inner::after {
196	+ top: -20px;
197	+ transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
198	+ .hamburger--collapse .hamburger-inner::before {
199	+ transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
200	+
201	+ .hamburger--collapse.is-active .hamburger-inner {
202	+ transform: translate3d(0, -10px, 0) rotate(-45deg);
203	+ transition-delay: 0.22s;
204	+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
205	+ .hamburger--collapse.is-active .hamburger-inner::after {
206	+ top: 0;
207	+ opacity: 0;
208	+ transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
209	+ .hamburger--collapse.is-active .hamburger-inner::before {
210	+ top: 0;
211	+ transform: rotate(-90deg);
212	+ transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
213	+
214	+ /*
215	+ * Collapse Reverse
216	+ */
217	+ .hamburger--collapse-r .hamburger-inner {
218	+ top: auto;
219	+ bottom: 0;
220	+ transition-duration: 0.13s;
221	+ transition-delay: 0.13s;
222	+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
223	+ .hamburger--collapse-r .hamburger-inner::after {
224	+ top: -20px;
225	+ transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
226	+ .hamburger--collapse-r .hamburger-inner::before {
227	+ transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
228	+
229	+ .hamburger--collapse-r.is-active .hamburger-inner {
230	+ transform: translate3d(0, -10px, 0) rotate(45deg);
231	+ transition-delay: 0.22s;
232	+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
233	+ .hamburger--collapse-r.is-active .hamburger-inner::after {
234	+ top: 0;
235	+ opacity: 0;
236	+ transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
237	+ .hamburger--collapse-r.is-active .hamburger-inner::before {
238	+ top: 0;
239	+ transform: rotate(90deg);
240	+ transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
241	+
242	+ /*
243	+ * Elastic
244	+ */
245	+ .hamburger--elastic .hamburger-inner {
246	+ top: 2px;
247	+ transition-duration: 0.275s;
248	+ transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
249	+ .hamburger--elastic .hamburger-inner::before {
250	+ top: 10px;
251	+ transition: opacity 0.125s 0.275s ease; }
252	+ .hamburger--elastic .hamburger-inner::after {
253	+ top: 20px;
254	+ transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
255	+
256	+ .hamburger--elastic.is-active .hamburger-inner {
257	+ transform: translate3d(0, 10px, 0) rotate(135deg);
258	+ transition-delay: 0.075s; }
259	+ .hamburger--elastic.is-active .hamburger-inner::before {
260	+ transition-delay: 0s;
261	+ opacity: 0; }
262	+ .hamburger--elastic.is-active .hamburger-inner::after {
263	+ transform: translate3d(0, -20px, 0) rotate(-270deg);
264	+ transition-delay: 0.075s; }
265	+
266	+ /*
267	+ * Elastic Reverse
268	+ */
269	+ .hamburger--elastic-r .hamburger-inner {
270	+ top: 2px;
271	+ transition-duration: 0.275s;
272	+ transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
273	+ .hamburger--elastic-r .hamburger-inner::before {
274	+ top: 10px;
275	+ transition: opacity 0.125s 0.275s ease; }
276	+ .hamburger--elastic-r .hamburger-inner::after {
277	+ top: 20px;
278	+ transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
279	+
280	+ .hamburger--elastic-r.is-active .hamburger-inner {
281	+ transform: translate3d(0, 10px, 0) rotate(-135deg);
282	+ transition-delay: 0.075s; }
283	+ .hamburger--elastic-r.is-active .hamburger-inner::before {
284	+ transition-delay: 0s;
285	+ opacity: 0; }
286	+ .hamburger--elastic-r.is-active .hamburger-inner::after {
287	+ transform: translate3d(0, -20px, 0) rotate(270deg);
288	+ transition-delay: 0.075s; }
289	+ /*
290	+ * Minus
291	+ */
292	+ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
293	+ transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
294	+
295	+ .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
296	+ opacity: 0;
297	+ transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
298	+
299	+ .hamburger--minus.is-active .hamburger-inner::before {
300	+ top: 0; }
301	+
302	+ .hamburger--minus.is-active .hamburger-inner::after {
303	+ bottom: 0; }
304	+
305	+ /*
306	+ * Slider
307	+ */
308	+ .hamburger--slider .hamburger-inner {
309	+ top: 2px; }
310	+ .hamburger--slider .hamburger-inner::before {
311	+ top: 10px;
312	+ transition-property: transform, opacity;
313	+ transition-timing-function: ease;
314	+ transition-duration: 0.15s; }
315	+ .hamburger--slider .hamburger-inner::after {
316	+ top: 20px; }
317	+
318	+ .hamburger--slider.is-active .hamburger-inner {
319	+ transform: translate3d(0, 10px, 0) rotate(45deg); }
320	+ .hamburger--slider.is-active .hamburger-inner::before {
321	+ transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
322	+ opacity: 0; }
323	+ .hamburger--slider.is-active .hamburger-inner::after {
324	+ transform: translate3d(0, -20px, 0) rotate(-90deg); }
325	+
326	+ /*
327	+ * Slider Reverse
328	+ */
329	+ .hamburger--slider-r .hamburger-inner {
330	+ top: 2px; }
331	+ .hamburger--slider-r .hamburger-inner::before {
332	+ top: 10px;
333	+ transition-property: transform, opacity;
334	+ transition-timing-function: ease;
335	+ transition-duration: 0.15s; }
336	+ .hamburger--slider-r .hamburger-inner::after {
337	+ top: 20px; }
338	+
339	+ .hamburger--slider-r.is-active .hamburger-inner {
340	+ transform: translate3d(0, 10px, 0) rotate(-45deg); }
341	+ .hamburger--slider-r.is-active .hamburger-inner::before {
342	+ transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
343	+ opacity: 0; }
344	+ .hamburger--slider-r.is-active .hamburger-inner::after {
345	+ transform: translate3d(0, -20px, 0) rotate(90deg); }
346	+
347	+ /*
348	+ * Spin
349	+ */
350	+ .hamburger--spin .hamburger-inner {
351	+ transition-duration: 0.22s;
352	+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
353	+ .hamburger--spin .hamburger-inner::before {
354	+ transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
355	+ .hamburger--spin .hamburger-inner::after {
356	+ transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
357	+
358	+ .hamburger--spin.is-active .hamburger-inner {
359	+ transform: rotate(225deg);
360	+ transition-delay: 0.12s;
361	+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
362	+ .hamburger--spin.is-active .hamburger-inner::before {
363	+ top: 0;
364	+ opacity: 0;
365	+ transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
366	+ .hamburger--spin.is-active .hamburger-inner::after {
367	+ bottom: 0;
368	+ transform: rotate(-90deg);
369	+ transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
370	+
371	+ /*
372	+ * Spin Reverse
373	+ */
374	+ .hamburger--spin-r .hamburger-inner {
375	+ transition-duration: 0.22s;
376	+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
377	+ .hamburger--spin-r .hamburger-inner::before {
378	+ transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
379	+ .hamburger--spin-r .hamburger-inner::after {
380	+ transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
381	+
382	+ .hamburger--spin-r.is-active .hamburger-inner {
383	+ transform: rotate(-225deg);
384	+ transition-delay: 0.12s;
385	+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
386	+ .hamburger--spin-r.is-active .hamburger-inner::before {
387	+ top: 0;
388	+ opacity: 0;
389	+ transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
390	+ .hamburger--spin-r.is-active .hamburger-inner::after {
391	+ bottom: 0;
392	+ transform: rotate(90deg);
393	+ transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
394	+
395	+ /*
396	+ * Spring
397	+ */
398	+ .hamburger--spring .hamburger-inner {
399	+ top: 2px;
400	+ transition: background-color 0s 0.13s linear; }
401	+ .hamburger--spring .hamburger-inner::before {
402	+ top: 10px;
403	+ transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
404	+ .hamburger--spring .hamburger-inner::after {
405	+ top: 20px;
406	+ transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
407	+
408	+ .hamburger--spring.is-active .hamburger-inner,
409	+ .hamburger--spring.is-active:hover .hamburger-inner {
410	+ transition-delay: 0.22s;
411	+ background-color: transparent !important; }
412	+ .hamburger--spring.is-active .hamburger-inner::before {
413	+ top: 0;
414	+ transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
415	+ transform: translate3d(0, 10px, 0) rotate(45deg); }
416	+ .hamburger--spring.is-active .hamburger-inner::after {
417	+ top: 0;
418	+ transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
419	+ transform: translate3d(0, 10px, 0) rotate(-45deg); }
420	+
421	+ /*
422	+ * Spring Reverse
423	+ */
424	+ .hamburger--spring-r .hamburger-inner {
425	+ top: auto;
426	+ bottom: 0;
427	+ transition-duration: 0.13s;
428	+ transition-delay: 0s;
429	+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
430	+ .hamburger--spring-r .hamburger-inner::after {
431	+ top: -20px;
432	+ transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
433	+ .hamburger--spring-r .hamburger-inner::before {
434	+ transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
435	+
436	+ .hamburger--spring-r.is-active .hamburger-inner {
437	+ transform: translate3d(0, -10px, 0) rotate(-45deg);
438	+ transition-delay: 0.22s;
439	+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
440	+ .hamburger--spring-r.is-active .hamburger-inner::after {
441	+ top: 0;
442	+ opacity: 0;
443	+ transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
444	+ .hamburger--spring-r.is-active .hamburger-inner::before {
445	+ top: 0;
446	+ transform: rotate(90deg);
447	+ transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
448	+
449	+ /*
450	+ * Stand
451	+ */
452	+ .hamburger--stand .hamburger-inner {
453	+ transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
454	+ .hamburger--stand .hamburger-inner::before {
455	+ transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
456	+ .hamburger--stand .hamburger-inner::after {
457	+ transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
458	+
459	+ .hamburger--stand.is-active .hamburger-inner,
460	+ .hamburger--stand:hover .hamburger-inner {
461	+ transform: rotate(90deg);
462	+ background-color: transparent !important;
463	+ transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
464	+ .hamburger--stand.is-active .hamburger-inner::before {
465	+ top: 0;
466	+ transform: rotate(-45deg);
467	+ transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
468	+ .hamburger--stand.is-active .hamburger-inner::after {
469	+ bottom: 0;
470	+ transform: rotate(45deg);
471	+ transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
472	+
473	+ /*
474	+ * Stand Reverse
475	+ */
476	+ .hamburger--stand-r .hamburger-inner {
477	+ transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
478	+ .hamburger--stand-r .hamburger-inner::before {
479	+ transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
480	+ .hamburger--stand-r .hamburger-inner::after {
481	+ transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
482	+
483	+ .hamburger--stand-r.is-active .hamburger-inner,
484	+ .hamburger--stand-r.is-active:hover .hamburger-inner {
485	+ transform: rotate(-90deg);
486	+ background-color: transparent !important;
487	+ transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
488	+ .hamburger--stand-r.is-active .hamburger-inner::before {
489	+ top: 0;
490	+ transform: rotate(-45deg);
491	+ transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
492	+ .hamburger--stand-r.is-active .hamburger-inner::after {
493	+ bottom: 0;
494	+ transform: rotate(45deg);
495	+ transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
496	+
497	+ /*
498	+ * Squeeze
499	+ */
500	+ .hamburger--squeeze .hamburger-inner {
501	+ transition-duration: 0.075s;
502	+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
503	+ .hamburger--squeeze .hamburger-inner::before {
504	+ transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
505	+ .hamburger--squeeze .hamburger-inner::after {
506	+ transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
507	+
508	+ .hamburger--squeeze.is-active .hamburger-inner {
509	+ transform: rotate(45deg);
510	+ transition-delay: 0.12s;
511	+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
512	+ .hamburger--squeeze.is-active .hamburger-inner::before {
513	+ top: 0;
514	+ opacity: 0;
515	+ transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
516	+ .hamburger--squeeze.is-active .hamburger-inner::after {
517	+ bottom: 0;
518	+ transform: rotate(-90deg);
519	+ transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
520	+
521	+ /*
522	+ * Vortex
523	+ */
524	+ .hamburger--vortex .hamburger-inner {
525	+ transition-duration: 0.2s;
526	+ transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
527	+ .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
528	+ transition-duration: 0s;
529	+ transition-delay: 0.1s;
530	+ transition-timing-function: linear; }
531	+ .hamburger--vortex .hamburger-inner::before {
532	+ transition-property: top, opacity; }
533	+ .hamburger--vortex .hamburger-inner::after {
534	+ transition-property: bottom, transform; }
535	+
536	+ .hamburger--vortex.is-active .hamburger-inner {
537	+ transform: rotate(765deg);
538	+ transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
539	+ .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
540	+ transition-delay: 0s; }
541	+ .hamburger--vortex.is-active .hamburger-inner::before {
542	+ top: 0;
543	+ opacity: 0; }
544	+ .hamburger--vortex.is-active .hamburger-inner::after {
545	+ bottom: 0;
546	+ transform: rotate(90deg); }
547	+
548	+ /*
549	+ * Vortex Reverse
550	+ */
551	+ .hamburger--vortex-r .hamburger-inner {
552	+ transition-duration: 0.2s;
553	+ transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
554	+ .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
555	+ transition-duration: 0s;
556	+ transition-delay: 0.1s;
557	+ transition-timing-function: linear; }
558	+ .hamburger--vortex-r .hamburger-inner::before {
559	+ transition-property: top, opacity; }
560	+ .hamburger--vortex-r .hamburger-inner::after {
561	+ transition-property: bottom, transform; }
562	+
563	+ .hamburger--vortex-r.is-active .hamburger-inner {
564	+ transform: rotate(-765deg);
565	+ transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
566	+ .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
567	+ transition-delay: 0s; }
568	+ .hamburger--vortex-r.is-active .hamburger-inner::before {
569	+ top: 0;
570	+ opacity: 0; }
571	+ .hamburger--vortex-r.is-active .hamburger-inner::after {
572	+ bottom: 0;
573	+ transform: rotate(-90deg); }

css/wprmenu.css CHANGED Viewed

	@@ -52,40 +52,34 @@
52	padding: 10px 16px;
53	width: 100%;
54	cursor: pointer;
55	- z-index: 9999999!important;
56	overflow: hidden;
57	height: 42px;
58	display: none;

59	}
60	.custMenu #custom_menu_icon{
61	- display: none;
62	}
63	#wprmenu_bar .menu_title {
64	- color: #f2f2f2;
65	font-weight: 400;
66	- font-size: ~~18px~~;
67	- line-height: ~~20px~~;
68	position: relative;
69	- top: ~~2px~~;
70	- width: auto;
71	- float: left;
72	- padding-right: 9px;
73	}
74
75	#wprmenu_bar .menu_title a {
76	display: inline-block;
77	position: relative;
78	- top: 0;
79	}
80
81	#wprmenu_bar .bar_logo {
82	- border: 0;
83	border: none;
84	- margin: ~~-6px~~ 0 0;
85	- padding: 0 8px 0 0;
86	width: auto;
87	- height: ~~30px~~;
88	- pading-left: 0;
89	}
90
91	#wprmenu_bar .wprmenu_icon {
	@@ -93,13 +87,14 @@
93	}
94
95	#wprmenu_bar div.hamburger {
96	- margin-top: -~~2px~~;
97	}
98
99	.wpr_search .wpr-search-field {
100	padding: 5px !important;
101	border: 1px solid #ccc;
102	width: 100%;

103	height: 35px;
104	}
105
	@@ -143,12 +138,16 @@ body.admin-bar #wprmenu_bar {
143	position: relative;
144	}
145



146	#mg-wprm-wrap ul li ul li ul li.wprmenu_parent_item_li,#mg-wprm-wrap ul li ul li.wprmenu_parent_item_li {
147	padding-left: 0;
148	}
149
150	#mg-wprm-wrap ul li ul.sub-menu li {
151	- border: none~~!important~~;

152	}
153
154	html body #wprmenu_menu_ul li.wprmenu_parent_item_li>ul {
	@@ -156,10 +155,11 @@ html body #wprmenu_menu_ul li.wprmenu_parent_item_li>ul {
156	}
157
158	div#mg-wprm-wrap ul li span.wprmenu_icon {
159	- font-family: wprmenu;
160	position: absolute;
161	- right: ~~20px~~;
162	- ~~top~~: 0;

163	}
164
165	div#mg-wprm-wrap ul#wprmenu_menu_ul>li>span.wprmenu_icon:before {
	@@ -167,10 +167,7 @@ div#mg-wprm-wrap ul#wprmenu_menu_ul>li>span.wprmenu_icon:before {
167	}
168
169	div#mg-wprm-wrap ul li span.wprmenu_icon:before {
170	- ~~position~~: ~~absolute~~;
171	- top: 18px;
172	- color: #FFF;
173	- right: 14px;
174	}
175
176	div#mg-wprm-wrap ul li ul.sub-menu span.wprmenu_icon {
	@@ -179,8 +176,8 @@ div#mg-wprm-wrap ul li ul.sub-menu span.wprmenu_icon {
179
180	div#mg-wprm-wrap form.wpr-search-form {
181	position: relative;
182	- padding: 0~~!important~~;
183	- margin: 0~~!important~~;
184	}
185
186	div#mg-wprm-wrap form.wpr-search-form button.wpr_submit {
	@@ -189,13 +186,15 @@ div#mg-wprm-wrap form.wpr-search-form button.wpr_submit {
189	right: 0px;
190	background-color: transparent;
191	color: #000;
192	- width: ~~auto~~;
193	height: 35px;
194	padding: 0px 8px;

195	}
196
197	html body #wprmenu_menu_ul li.wprmenu_parent_item_li>ul {
198	padding: 0 10px;

199	}
200
201	#mg-wprm-wrap {
	@@ -210,7 +209,7 @@ html body #wprmenu_menu_ul li.wprmenu_parent_item_li>ul {
210	.wprmenu_bar #custom_menu_icon.hamburger {
211	padding: 10px 9px 2px;
212	position: fixed;
213	- z-index: ~~9999999~~;
214	}
215
216	.icon_default.wprmenu_icon_par:before {
	@@ -303,6 +302,7 @@ span.wprmenu_icon.wprmenu_icon_par {
303	.admin-bar #wprmenu_menu_ul {
304	position: relative;
305	z-index: 9999;

306	}
307
308	#mg-wprm-wrap canvas {
	@@ -311,20 +311,17 @@ span.wprmenu_icon.wprmenu_icon_par {
311	}
312
313	#mg-wprm-wrap div.wpr_search {
314	- ~~width~~: ~~99%;~~
315	- margin: 0 auto!important;
316	- padding: 14px;
317	- }
318	-
319	- .admin-bar #wprmenu_menu_ul li {
320	- background-color: inherit;
321	- line-height: 20px;
322	}
323
324	#wprmenu_menu_ul {
325	- padding: 0 0 ~~100px~~;
326	margin: 0;
327	list-style: none;




328	}
329
330	#wprmenu_menu_ul ul.sub-menu {
	@@ -341,16 +338,13 @@ div.wpr-clear:after {
341	}
342
343	#mg-wprm-wrap li.menu-item a {
344	- padding: ~~16px~~ ~~70px 16px 18px~~;
345	- }
346	-
347	- #mg-wprm-wrap li.menu-item ul.sub-menu li.menu-item a {
348	- padding: 16px 15px;
349	}
350
351	#mg-wprm-wrap li.menu-item ul.sub-menu li.menu-item span {
352	right: 10px;
353	padding: 20px 20px 30px;

354	}
355
356	* html div.wpr-clear {
	@@ -427,7 +421,7 @@ body.admin-bar .cbp-spmenu-bottom.custom.cbp-spmenu-open,body.admin-bar .cbp-spm
427	top: 88px;
428	}
429
430	- .admin-bar .cbp-spmenu-top.cbp-spmenu-open .admin-bar .cbp-spmenu-bottom.cbp-spmenu-open {
431	top: 88px!important;
432	}
433	}
	@@ -477,7 +471,20 @@ body.admin-bar .cbp-spmenu-bottom.custom.cbp-spmenu-open,body.admin-bar .cbp-spm
477	.cbp-spmenu-push-toleft {
478	left: -100%;
479	}
480	-













481	.cbp-spmenu,.cbp-spmenu-push {
482	-webkit-transition: all .3s ease;
483	-moz-transition: all .3s ease;


52	padding: 10px 16px;
53	width: 100%;
54	cursor: pointer;

55	overflow: hidden;
56	height: 42px;
57	display: none;
58	+ z-index: 99999;
59	}
60	.custMenu #custom_menu_icon{
61	+ display: none;
62	}
63	#wprmenu_bar .menu_title {

64	font-weight: 400;
65	+ font-size: 20px;
66	+ line-height: 35px;
67	position: relative;
68	+ top: -6px;



69	}
70
71	#wprmenu_bar .menu_title a {
72	display: inline-block;
73	position: relative;
74	+ top: 4px;
75	}
76
77	#wprmenu_bar .bar_logo {

78	border: none;
79	+ margin: 0;
80	+ padding: 0px 8px 0px 0px;
81	width: auto;
82	+ height: 25px;

83	}
84
85	#wprmenu_bar .wprmenu_icon {

87	}
88
89	#wprmenu_bar div.hamburger {
90	+ margin-top: -3px;
91	}
92
93	.wpr_search .wpr-search-field {
94	padding: 5px !important;
95	border: 1px solid #ccc;
96	width: 100%;
97	+ max-width: 100%;
98	height: 35px;
99	}
100

138	position: relative;
139	}
140
141	+ #mg-wprm-wrap ul li{
142	+ margin: 0
143	+ }
144	#mg-wprm-wrap ul li ul li ul li.wprmenu_parent_item_li,#mg-wprm-wrap ul li ul li.wprmenu_parent_item_li {
145	padding-left: 0;
146	}
147
148	#mg-wprm-wrap ul li ul.sub-menu li {
149	+ border: none;
150	+ position: relative;
151	}
152
153	html body #wprmenu_menu_ul li.wprmenu_parent_item_li>ul {

155	}
156
157	div#mg-wprm-wrap ul li span.wprmenu_icon {
158	+ font-family: 'wprmenu';
159	position: absolute;
160	+ right: 10px;
161	+ line-height: 38px;
162	+ padding: 24px;
163	}
164
165	div#mg-wprm-wrap ul#wprmenu_menu_ul>li>span.wprmenu_icon:before {

167	}
168
169	div#mg-wprm-wrap ul li span.wprmenu_icon:before {
170	+ top: 3px;



171	}
172
173	div#mg-wprm-wrap ul li ul.sub-menu span.wprmenu_icon {

176
177	div#mg-wprm-wrap form.wpr-search-form {
178	position: relative;
179	+ padding: 0;
180	+ margin: 0;
181	}
182
183	div#mg-wprm-wrap form.wpr-search-form button.wpr_submit {

186	right: 0px;
187	background-color: transparent;
188	color: #000;
189	+ width: 35px;
190	height: 35px;
191	padding: 0px 8px;
192	+ border: none;
193	}
194
195	html body #wprmenu_menu_ul li.wprmenu_parent_item_li>ul {
196	padding: 0 10px;
197	+ margin: 0;
198	}
199
200	#mg-wprm-wrap {

209	.wprmenu_bar #custom_menu_icon.hamburger {
210	padding: 10px 9px 2px;
211	position: fixed;
212	+ z-index: 99999;
213	}
214
215	.icon_default.wprmenu_icon_par:before {

302	.admin-bar #wprmenu_menu_ul {
303	position: relative;
304	z-index: 9999;
305	+ overflow: hidden;
306	}
307
308	#mg-wprm-wrap canvas {

311	}
312
313	#mg-wprm-wrap div.wpr_search {
314	+ padding: 13px;







315	}
316
317	#wprmenu_menu_ul {
318	+ padding: 0 0 50px;
319	margin: 0;
320	list-style: none;
321	+ overflow: hidden;
322	+ }
323	+ .custom #wprmenu_menu_ul{
324	+ padding: 0 0 10px;
325	}
326
327	#wprmenu_menu_ul ul.sub-menu {

338	}
339
340	#mg-wprm-wrap li.menu-item a {
341	+ padding: 13px 14px;




342	}
343
344	#mg-wprm-wrap li.menu-item ul.sub-menu li.menu-item span {
345	right: 10px;
346	padding: 20px 20px 30px;
347	+ line-height: 38px;
348	}
349
350	* html div.wpr-clear {

421	top: 88px;
422	}
423
424	+ .admin-bar .cbp-spmenu-top.cbp-spmenu-open, .admin-bar .cbp-spmenu-bottom.cbp-spmenu-open {
425	top: 88px!important;
426	}
427	}

471	.cbp-spmenu-push-toleft {
472	left: -100%;
473	}
474	+ .cbp-spmenu-push .cbp-spmenu-top{
475	+ -webkit-transition: unset;
476	+ -moz-transition: unset;
477	+ transition: unset;
478	+ }
479	+ .cbp-spmenu-push #mg-wprm-wrap.cbp-spmenu-top{
480	+ position: static;
481	+ display: none;
482	+ width: 100%;
483	+ max-width: 100%;
484	+ }
485	+ .cbp-spmenu-push .cbp-spmenu-top #wprmenu_menu_ul{
486	+ padding: 0;
487	+ }
488	.cbp-spmenu,.cbp-spmenu-push {
489	-webkit-transition: all .3s ease;
490	-moz-transition: all .3s ease;

inc/options.php CHANGED Viewed

	@@ -53,7 +53,7 @@ function woocommerce_installed() {
53	}
54	}
55
56	- function ~~get_google_fonts~~() {
57	$fonts = array(
58	"Arial, Helvetica, sans-serif" => "Arial, Helvetica, sans-serif",
59	"'Arial Black', Gadget, sans-serif" => "'Arial Black', Gadget, sans-serif",
	@@ -77,7 +77,7 @@ function get_google_fonts() {
77	return $fonts;
78	}
79
80	- function ~~get_google_web_fonts~~() {
81	$file_path = plugin_dir_path(__FILE__).'google-web-fonts.php';
82	if( file_exists($file_path) ) {
83	require_once dirname( __FILE__ ) . '/google-web-fonts.php';
	@@ -105,12 +105,6 @@ function wpr_optionsframework_options() {
105	$menu[$m->term_id] = $m->name;
106	}
107
108	- $options[] = array( 'name' => __( 'Large screen view', 'wprmenu' ),
109	- 'desc' => __( 'Turn on display of menu on computers too.', 'wprmenu' ),
110	- 'id' => 'desktopview',
111	- 'std' => '0',
112	- 'type' => 'checkbox' );
113	-
114	$options[] = array( 'name' => __( 'Live preview', 'wprmenu' ),
115	'desc' => __( 'You can see a live preview of menu directly on your dashboard.', 'wprmenu' ),
116	'id' => 'wpr_live_preview',
	@@ -270,16 +264,16 @@ function wpr_optionsframework_options() {
270	$options[] = array( 'name' => __( 'Menu icon animation', 'wprmenu' ),
271	'desc' => __( 'Select the animation for menu icon', 'wprmenu' ),
272	'id' => 'menu_icon_animation',
273	- 'options' => array( 'hamburger--3dx' => '3DX','hamburger--3dx-r' => '3DX Reverse', 'hamburger--3dy' => '3DY', 'hamburger--3dy-r' => '3DY Reverse', 'hamburger--3dxy' => '3DXY', 'hamburger--3dxy-r' => '3DXY Reverse', 'hamburger--arrow' => 'Arrow', 'hamburger--arrow-r' => 'Arrow Reverse', 'hamburger--arrowalt' => 'Arrow Alt', 'hamburger--arrowalt-r' => 'Arrow Alt Reverse', 'hamburger--arrowturn' => 'Arrow Turn', 'hamburger--arrowturn-r' => 'Arrow Turn Reverse', 'hamburger--boring' => 'Boring', 'hamburger--collapse' => 'Collapse', 'hamburger--collapse-r' => 'Collapse Reverse', 'hamburger--elastic' => 'Elastic', 'hamburger--elastic-r' => 'Elastic Reverse', 'hamburger--~~emphatic' => 'Emphatic', 'hamburger--emphatic-r' => 'Emphatic Reverse', 'hamburger--~~minus' => 'Minus', 'hamburger--slider' => 'Slider', 'hamburger--slider-r' => 'Slider Reverse', 'hamburger--spring' => 'Spring', 'hamburger--spring-r' => 'Spring Reverse', 'hamburger--stand' => 'Stand', 'hamburger--stand-r' => 'Stand Reverse', 'hamburger--spin' => 'Spin', 'hamburger--spin-r' => 'Spin Reverse', 'hamburger--squeeze' => 'Squeeze', 'hamburger--vortex' => 'Vortex', 'hamburger--vortex-r' => 'Vortex Reverse' ),
274	'std' => 'hamburger--slider',
275	'type' => 'select' );
276
277
278	$options[] = array( 'name' => __( 'Menu slide style', 'wprmenu' ),
279	'id' => 'slide_type',
280	- 'std' => '~~normalslide~~',
281	'class' => 'mini',
282	- 'options' => array( 'normalslide' => '~~Normal~~', 'bodyslide' => '~~Body~~ ~~push~~' ),
283	'type' => 'radio' );
284
285	$options[] = array( 'name' => __( 'Menu open direction', 'wprmenu' ),
	@@ -291,7 +285,7 @@ function wpr_optionsframework_options() {
291	'type' => 'radio' );
292
293	$options[] = array( 'name' => __( 'Display menu from width(px)', 'wprmenu' ),
294	- 'desc' => __( 'Enter the width (Eg. 768) below which the responsive menu will be visible on screen', 'wprmenu' ),
295	'id' => 'from_width',
296	'std' => '768',
297	'class' => 'mini',
	@@ -312,7 +306,7 @@ function wpr_optionsframework_options() {
312
313	$options[] = array( 'name' => __( 'Menu title font size', 'wprmenu' ),
314	'id' => 'menu_title_size',
315	- 'std' => '16',
316	'class' => 'mini',
317	'type' => 'text' );
318
	@@ -562,14 +556,14 @@ function wpr_optionsframework_options() {
562	'class' => 'wpr_font_family pro-feature',
563	'id' => 'google_font_family',
564	'std' => '',
565	- 'options' => ~~get_google_fonts~~(),
566	'type' => 'select' );
567
568	$options[] = array( 'name' => __( 'Web Font Family', 'wprmenu' ),
569	'class' => 'wpr_web_font_family pro-feature',
570	'id' => 'google_web_font_family',
571	'std' => '',
572	- 'options' => ~~get_google_web_fonts~~(),
573	'type' => 'select' );
574
575


53	}
54	}
55
56	+ function wpr_google_fonts() {
57	$fonts = array(
58	"Arial, Helvetica, sans-serif" => "Arial, Helvetica, sans-serif",
59	"'Arial Black', Gadget, sans-serif" => "'Arial Black', Gadget, sans-serif",

77	return $fonts;
78	}
79
80	+ function wpr_google_web_fonts() {
81	$file_path = plugin_dir_path(__FILE__).'google-web-fonts.php';
82	if( file_exists($file_path) ) {
83	require_once dirname( __FILE__ ) . '/google-web-fonts.php';

105	$menu[$m->term_id] = $m->name;
106	}
107






108	$options[] = array( 'name' => __( 'Live preview', 'wprmenu' ),
109	'desc' => __( 'You can see a live preview of menu directly on your dashboard.', 'wprmenu' ),
110	'id' => 'wpr_live_preview',

264	$options[] = array( 'name' => __( 'Menu icon animation', 'wprmenu' ),
265	'desc' => __( 'Select the animation for menu icon', 'wprmenu' ),
266	'id' => 'menu_icon_animation',
267	+ 'options' => array( 'hamburger--3dx' => '3DX','hamburger--3dx-r' => '3DX Reverse', 'hamburger--3dy' => '3DY', 'hamburger--3dy-r' => '3DY Reverse', 'hamburger--3dxy' => '3DXY', 'hamburger--3dxy-r' => '3DXY Reverse', 'hamburger--boring' => 'Boring', 'hamburger--collapse' => 'Collapse', 'hamburger--collapse-r' => 'Collapse Reverse', 'hamburger--elastic' => 'Elastic', 'hamburger--elastic-r' => 'Elastic Reverse', 'hamburger--minus' => 'Minus', 'hamburger--slider' => 'Slider', 'hamburger--slider-r' => 'Slider Reverse', 'hamburger--spring' => 'Spring', 'hamburger--spring-r' => 'Spring Reverse', 'hamburger--stand' => 'Stand', 'hamburger--stand-r' => 'Stand Reverse', 'hamburger--spin' => 'Spin', 'hamburger--spin-r' => 'Spin Reverse', 'hamburger--squeeze' => 'Squeeze', 'hamburger--vortex' => 'Vortex', 'hamburger--vortex-r' => 'Vortex Reverse' ),
268	'std' => 'hamburger--slider',
269	'type' => 'select' );
270
271
272	$options[] = array( 'name' => __( 'Menu slide style', 'wprmenu' ),
273	'id' => 'slide_type',
274	+ 'std' => 'bodyslide',
275	'class' => 'mini',
276	+ 'options' => array( 'normalslide' => 'Slide menu', 'bodyslide' => 'Push menu' ),
277	'type' => 'radio' );
278
279	$options[] = array( 'name' => __( 'Menu open direction', 'wprmenu' ),

285	'type' => 'radio' );
286
287	$options[] = array( 'name' => __( 'Display menu from width(px)', 'wprmenu' ),
288	+ 'desc' => __( 'Enter the width (Eg. 768) below which the responsive menu will be visible on screen. Enter 6000 if you want to display menu on desktop/laptops.', 'wprmenu' ),
289	'id' => 'from_width',
290	'std' => '768',
291	'class' => 'mini',

306
307	$options[] = array( 'name' => __( 'Menu title font size', 'wprmenu' ),
308	'id' => 'menu_title_size',
309	+ 'std' => '20',
310	'class' => 'mini',
311	'type' => 'text' );
312

556	'class' => 'wpr_font_family pro-feature',
557	'id' => 'google_font_family',
558	'std' => '',
559	+ 'options' => wpr_google_fonts(),
560	'type' => 'select' );
561
562	$options[] = array( 'name' => __( 'Web Font Family', 'wprmenu' ),
563	'class' => 'wpr_web_font_family pro-feature',
564	'id' => 'google_web_font_family',
565	'std' => '',
566	+ 'options' => wpr_google_web_fonts(),
567	'type' => 'select' );
568
569

inc/wprmclass.php CHANGED Viewed

	@@ -17,7 +17,7 @@ class MgWprm {
17	}
18
19	public function option( $option ){
20	- if( ~~!empty~~( $this->options[$option] ) )
21	return $this->options[$option];
22	return '';
23	}
	@@ -68,7 +68,6 @@ class MgWprm {
68	$inlinecss = '';
69	if( $this->option('enabled') ) :
70	$from_width = $this->option('from_width') != '' ? $this->option('from_width') : '768';
71	- if ( $this->option("desktopview") != '' ) $from_width = '5500';
72	$inlinecss .= '@media only screen and ( max-width: '.$from_width.'px ) {';
73	$how_wide = $this->option('how_wide') != '' ? $this->option('how_wide') : '40';
74	$menu_max_width = $this->option('menu_max_width');
	@@ -81,9 +80,9 @@ class MgWprm {
81	//manu background image
82	if( $this->option('menu_bg') != '' ) :
83	$inlinecss .= '#mg-wprm-wrap {
84	- background-image: url( '.$this->option("menu_bg").' ) ~~!important~~;
85	- background-size: '.$this->option("menu_bg_size").' ~~!important~~;
86	- background-repeat: '.$this->option("menu_bg_rep").' ~~!important~~;
87	}';
88	endif;
89
	@@ -99,20 +98,21 @@ class MgWprm {
99	if( $this->option('menu_bar_bg') != '' ) :
100	$inlinecss .= '
101	#wprmenu_bar {
102	- background-image: url( '.$this->option("menu_bar_bg").' ) ~~!important~~;
103	- background-size: '.$this->option("menu_bar_bg_size").' ~~!important~~;
104	- background-repeat: '.$this->option("menu_bar_bg_rep").' ~~!important~~;
105	}
106	';
107	endif;
108	-

109	$inlinecss .= '
110	#wprmenu_bar {
111	background-color: '.$this->option("bar_bgd").';
112	}
113
114	html body div#mg-wprm-wrap .wpr_submit .icon.icon-search {
115	- color: '.$this->option("search_icon_color").' ~~!important~~;
116	}
117	#wprmenu_bar .menu_title, #wprmenu_bar .wprmenu_icon_menu {
118	color: '.$this->option("bar_color").';
	@@ -122,30 +122,33 @@ class MgWprm {
122	font-weight: '.$this->option('menu_title_weight').';
123	}
124	#mg-wprm-wrap li.menu-item a {
125	- font-size: '.$this->option('menu_font_size').'px ~~!important~~;
126	text-transform: '.$this->option('menu_font_text_type').';
127	font-weight: '.$this->option('menu_font_weight').';
128	}
129	#mg-wprm-wrap li.menu-item-has-children ul.sub-menu a {
130	- font-size: '.$this->option('sub_menu_font_size').'px ~~!important~~;
131	text-transform: '.$this->option('sub_menu_font_text_type').';
132	font-weight: '.$this->option('sub_menu_font_weight').';
133	}
134	#mg-wprm-wrap li.current-menu-item > a {
135	- ~~color~~: '.$this->option('~~active_menu_color~~').'~~!important~~;
136	- ~~background: '.$this->option('active_menu_bg_color').'!important;~~



137	}
138	#mg-wprm-wrap {
139	- background-color: '.$this->option("menu_bgd").'~~!important~~;
140	}
141	.cbp-spmenu-push-toright {
142	- left: '.$how_wide.'% ~~!important~~
143	}
144	.cbp-spmenu-push-toright .mm-slideout {
145	- left:'.$how_wide.'% ~~!important~~
146	}
147	.cbp-spmenu-push-toleft {
148	- left: -'.$how_wide.'% ~~!important~~
149	}
150	#mg-wprm-wrap.cbp-spmenu-right,
151	#mg-wprm-wrap.cbp-spmenu-left,
	@@ -155,27 +158,23 @@ class MgWprm {
155	width: '.$how_wide.'%;
156	max-width: '.$menu_max_width.'px;
157	}
158	- #mg-wprm-wrap ul li a {
159	- ~~color:~~ ~~'.$this->option("menu_color")~~.';
160	- }
161	- html body #mg-wprm-wrap ul li a:hover {
162	- background: '.$this->option("menu_textovrbgd").'!important;
163	- color: '.$this->option("menu_color_hover").';
164	}
165	- #~~wprmenu_menu~~ .~~wprmenu_icon_par~~ {
166	- ~~color~~: '.$this->option("~~menu_color~~").';

167	}
168	- #~~wprmenu_menu~~ ~~.wprmenu_icon_par~~:hover {
169	- color: '.$this->option("menu_color_hover").';
170	}
171	-
172	.wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after {
173	- background: '.$this->option("menu_icon_color").' ~~!important~~;
174	}
175	-
176	.wprmenu_bar .hamburger:hover .hamburger-inner, .wprmenu_bar .hamburger:hover .hamburger-inner::before,
177	.wprmenu_bar .hamburger:hover .hamburger-inner::after {
178	- background: '.$this->option("menu_icon_hover_color").' ~~!important~~;
179	}
180	';
181
	@@ -186,10 +185,10 @@ class MgWprm {
186	if( $this->option("menu_border_bottom_show") == 'no' ):
187	$inlinecss .= '
188	#wprmenu_menu, #wprmenu_menu ul, #wprmenu_menu li, .wprmenu_no_border_bottom {
189	- border-bottom:none~~!important~~;
190	}
191	#wprmenu_menu.wprmenu_levels ul li ul {
192	- border-top:none~~!important~~;
193	}
194	';
195	endif;
	@@ -210,41 +209,41 @@ class MgWprm {
210	if( $this->option("menu_symbol_pos") == 'right' ) :
211	$inlinecss .= '
212	.wprmenu_bar .hamburger {
213	- float: '.$this->option("menu_symbol_pos").'~~!important~~;
214	}
215	.wprmenu_bar #custom_menu_icon.hamburger {
216	top: '.$this->option("custom_menu_top").'px;
217	right: '.$this->option("custom_menu_left").'px;
218	- float: right ~~!important~~;
219	- background-color: '.$this->option("custom_menu_bg_color").' ~~!important~~;
220	}
221	';
222	endif;
223	if( $this->option("menu_symbol_pos") == 'left' ) :
224	$inlinecss .= '
225	.wprmenu_bar .hamburger {
226	- float: '.$this->option("menu_symbol_pos").'~~!important~~;
227	}
228	.wprmenu_bar #custom_menu_icon.hamburger {
229	top: '.$this->option("custom_menu_top").'px;
230	left: '.$this->option("custom_menu_left").'px;
231	float: left !important;
232	- background-color: '.$this->option("custom_menu_bg_color").' ~~!important~~;
233	}
234
235
236	';
237	endif;
238	if( $this->option('hide') != '' ):
239	- $inlinecss .= $this->option('hide').'{ display: none!important; }';
240	endif;
241	$inlinecss .= '.custMenu #custom_menu_icon {
242	- display: block ~~!important~~;
243	}';
244	- if( $this->option("menu_type") == '~~default~~' ) :
245	- $inlinecss .= 'html { padding-top: 42px!important; }';
246	endif;
247	- $inlinecss .= '#wprmenu_bar,#mg-wprm-wrap { display: block ~~!important~~; }
248	div#wpadminbar { position: fixed; }';
249
250	$inlinecss .= '}';
	@@ -280,11 +279,11 @@ class MgWprm {
280	//wprmenu js
281	wp_enqueue_script('wprmenu.js', plugins_url( '/wp-responsive-menu/js/wprmenu.js'), array( 'jquery', 'touchSwipe' ), '1.0' );
282
283	- $options = get_option( 'wprmenu_options' );
284	-
285	$wpr_options = array(
286	'zooming' => $this->option('zooming'),
287	'from_width' => $this->option('from_width'),


288	'parent_click' => $this->option('parent_click'),
289	'swipe' => $this->option('swipe'),
290	);
	@@ -314,8 +313,8 @@ class MgWprm {
314
315	$menu_icon_animation = $this->option('menu_icon_animation') != '' ? $this->option('menu_icon_animation') : 'hamburger--slider';
316
317	- if( $this->option('menu_type') == '~~cusstom~~' ): ?>
318	- <div class="wprmenu_bar custMenu <?php ~~if ( $this->option('slide_type') == 'bodyslide' ) {~~ echo $this->option('slide_type'); echo ' '.$this->option('position'); } ?>">
319	<div id="custom_menu_icon" class="hamburger <?php echo $menu_icon_animation; ?>">
320	<span class="hamburger-box">
321	<span class="hamburger-inner"></span>
	@@ -323,7 +322,7 @@ class MgWprm {
323	</div>
324	</div>
325	<?php else: ?>
326	- <div id="wprmenu_bar" class="wprmenu_bar <?php ~~if ( $this->option('slide_type') == 'bodyslide' ) {~~ echo $this->option('slide_type'); echo ' '.$this->option('position'); } ?>">
327	<div class="hamburger <?php echo $menu_icon_animation; ?>">
328	<span class="hamburger-box">
329	<span class="hamburger-inner"></span>
	@@ -336,7 +335,7 @@ class MgWprm {
336	<?php
337	$logo_link = $this->option('logo_link') != '' ? $this->option('logo_link') : get_site_url();
338	if( $this->option('bar_logo') != '' ) :
339	- echo '<a href="'.$logo_link.'"><img class="bar_logo" src="'.$this->option('bar_logo').'"/></a>';
340	endif;
341	?>
342	</div>


17	}
18
19	public function option( $option ){
20	+ if( isset( $this->options[$option] ) )
21	return $this->options[$option];
22	return '';
23	}

68	$inlinecss = '';
69	if( $this->option('enabled') ) :
70	$from_width = $this->option('from_width') != '' ? $this->option('from_width') : '768';

71	$inlinecss .= '@media only screen and ( max-width: '.$from_width.'px ) {';
72	$how_wide = $this->option('how_wide') != '' ? $this->option('how_wide') : '40';
73	$menu_max_width = $this->option('menu_max_width');

80	//manu background image
81	if( $this->option('menu_bg') != '' ) :
82	$inlinecss .= '#mg-wprm-wrap {
83	+ background-image: url( '.$this->option("menu_bg").');
84	+ background-size: '.$this->option("menu_bg_size").';
85	+ background-repeat: '.$this->option("menu_bg_rep").';
86	}';
87	endif;
88

98	if( $this->option('menu_bar_bg') != '' ) :
99	$inlinecss .= '
100	#wprmenu_bar {
101	+ background-image: url( '.$this->option("menu_bar_bg").' );
102	+ background-size: '.$this->option("menu_bar_bg_size").' ;
103	+ background-repeat: '.$this->option("menu_bar_bg_rep").';
104	}
105	';
106	endif;
107	+ if( $menu_title_font > 26 )
108	+ $inlinecss .= '#wprmenu_bar .menu_title a{ top: 0; }';
109	$inlinecss .= '
110	#wprmenu_bar {
111	background-color: '.$this->option("bar_bgd").';
112	}
113
114	html body div#mg-wprm-wrap .wpr_submit .icon.icon-search {
115	+ color: '.$this->option("search_icon_color").';
116	}
117	#wprmenu_bar .menu_title, #wprmenu_bar .wprmenu_icon_menu {
118	color: '.$this->option("bar_color").';

122	font-weight: '.$this->option('menu_title_weight').';
123	}
124	#mg-wprm-wrap li.menu-item a {
125	+ font-size: '.$this->option('menu_font_size').'px;
126	text-transform: '.$this->option('menu_font_text_type').';
127	font-weight: '.$this->option('menu_font_weight').';
128	}
129	#mg-wprm-wrap li.menu-item-has-children ul.sub-menu a {
130	+ font-size: '.$this->option('sub_menu_font_size').'px;
131	text-transform: '.$this->option('sub_menu_font_text_type').';
132	font-weight: '.$this->option('sub_menu_font_weight').';
133	}
134	#mg-wprm-wrap li.current-menu-item > a {
135	+ background: '.$this->option('active_menu_bg_color').';
136	+ }
137	+ #mg-wprm-wrap li.current-menu-item > a,
138	+ #mg-wprm-wrap li.current-menu-item span.wprmenu_icon{
139	+ color: '.$this->option('active_menu_color').' !important;
140	}
141	#mg-wprm-wrap {
142	+ background-color: '.$this->option("menu_bgd").';
143	}
144	.cbp-spmenu-push-toright {
145	+ left: '.$how_wide.'% ;
146	}
147	.cbp-spmenu-push-toright .mm-slideout {
148	+ left:'.$how_wide.'% ;
149	}
150	.cbp-spmenu-push-toleft {
151	+ left: -'.$how_wide.'% ;
152	}
153	#mg-wprm-wrap.cbp-spmenu-right,
154	#mg-wprm-wrap.cbp-spmenu-left,

158	width: '.$how_wide.'%;
159	max-width: '.$menu_max_width.'px;
160	}
161	+ #mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a,
162	+ div#mg-wprm-wrap ul li span.wprmenu_icon {
163	+ color: '.$this->option("menu_color").' !important;



164	}
165	+ #mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a:hover {
166	+ background: '.$this->option("menu_textovrbgd").';
167	+ color: '.$this->option("menu_color_hover").' !important;
168	}
169	+ div#mg-wprm-wrap ul>li:hover>span.wprmenu_icon {
170	+ color: '.$this->option("menu_color_hover").' !important;
171	}

172	.wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after {
173	+ background: '.$this->option("menu_icon_color").';
174	}

175	.wprmenu_bar .hamburger:hover .hamburger-inner, .wprmenu_bar .hamburger:hover .hamburger-inner::before,
176	.wprmenu_bar .hamburger:hover .hamburger-inner::after {
177	+ background: '.$this->option("menu_icon_hover_color").';
178	}
179	';
180

185	if( $this->option("menu_border_bottom_show") == 'no' ):
186	$inlinecss .= '
187	#wprmenu_menu, #wprmenu_menu ul, #wprmenu_menu li, .wprmenu_no_border_bottom {
188	+ border-bottom:none;
189	}
190	#wprmenu_menu.wprmenu_levels ul li ul {
191	+ border-top:none;
192	}
193	';
194	endif;

209	if( $this->option("menu_symbol_pos") == 'right' ) :
210	$inlinecss .= '
211	.wprmenu_bar .hamburger {
212	+ float: '.$this->option("menu_symbol_pos").';
213	}
214	.wprmenu_bar #custom_menu_icon.hamburger {
215	top: '.$this->option("custom_menu_top").'px;
216	right: '.$this->option("custom_menu_left").'px;
217	+ float: right;
218	+ background-color: '.$this->option("custom_menu_bg_color").';
219	}
220	';
221	endif;
222	if( $this->option("menu_symbol_pos") == 'left' ) :
223	$inlinecss .= '
224	.wprmenu_bar .hamburger {
225	+ float: '.$this->option("menu_symbol_pos").';
226	}
227	.wprmenu_bar #custom_menu_icon.hamburger {
228	top: '.$this->option("custom_menu_top").'px;
229	left: '.$this->option("custom_menu_left").'px;
230	float: left !important;
231	+ background-color: '.$this->option("custom_menu_bg_color").';
232	}
233
234
235	';
236	endif;
237	if( $this->option('hide') != '' ):
238	+ $inlinecss .= $this->option('hide').'{ display: none !important; }';
239	endif;
240	$inlinecss .= '.custMenu #custom_menu_icon {
241	+ display: block;
242	}';
243	+ if( $this->option("menu_type") != 'custom' ) :
244	+ $inlinecss .= 'html { padding-top: 42px !important; }';
245	endif;
246	+ $inlinecss .= '#wprmenu_bar,#mg-wprm-wrap { display: block; }
247	div#wpadminbar { position: fixed; }';
248
249	$inlinecss .= '}';

279	//wprmenu js
280	wp_enqueue_script('wprmenu.js', plugins_url( '/wp-responsive-menu/js/wprmenu.js'), array( 'jquery', 'touchSwipe' ), '1.0' );
281


282	$wpr_options = array(
283	'zooming' => $this->option('zooming'),
284	'from_width' => $this->option('from_width'),
285	+ 'push_width' => $this->option('menu_max_width'),
286	+ 'menu_width' => $this->option('how_wide'),
287	'parent_click' => $this->option('parent_click'),
288	'swipe' => $this->option('swipe'),
289	);

313
314	$menu_icon_animation = $this->option('menu_icon_animation') != '' ? $this->option('menu_icon_animation') : 'hamburger--slider';
315
316	+ if( $this->option('menu_type') == 'custom' ): ?>
317	+ <div class="wprmenu_bar custMenu <?php echo $this->option('slide_type'); echo ' '.$this->option('position'); ?>">
318	<div id="custom_menu_icon" class="hamburger <?php echo $menu_icon_animation; ?>">
319	<span class="hamburger-box">
320	<span class="hamburger-inner"></span>

322	</div>
323	</div>
324	<?php else: ?>
325	+ <div id="wprmenu_bar" class="wprmenu_bar <?php echo $this->option('slide_type'); echo ' '.$this->option('position'); ?>">
326	<div class="hamburger <?php echo $menu_icon_animation; ?>">
327	<span class="hamburger-box">
328	<span class="hamburger-inner"></span>

335	<?php
336	$logo_link = $this->option('logo_link') != '' ? $this->option('logo_link') : get_site_url();
337	if( $this->option('bar_logo') != '' ) :
338	+ echo '<a href="'.$logo_link.'"><img class="bar_logo" id="" src="'.$this->option('bar_logo').'"/></a>';
339	endif;
340	?>
341	</div>

js/wprmenu.js CHANGED Viewed

@@ -62,33 +62,50 @@ jQuery( document ).ready( function( $ ) {
             	var	wprm_menuDir = document.getElementById( 'wprMenu' );
             	body = document.body;
-            -
            	//Body slide from one side ( left or right )
-            -
            	$('body').addClass('cbp-spmenu-push');
-            -
-            -
            		$('.wprmenu_bar').click( function() {
-            -
            			classie.toggle( this, 'active' );
-            -
            			$(this).find('div.hamburger').toggleClass('is-active');
-            -
            			// For the right side body push
-            -
            			if ($(this).hasClass('bodyslide') && $(this).hasClass('left')) {
-            -
            				classie.toggle(body, 'cbp-spmenu-push-toright');
-            -
            			}
-            -
            			// For the left side body push
-            -
            			if ($(this).hasClass('bodyslide') &&  $(this).hasClass('right')) {
-            -
            				classie.toggle(body, 'cbp-spmenu-push-toleft');
-            -
            			}
-            -
            			classie.toggle(Mgwprm, 'cbp-spmenu-open');
-            -
-            -
            			close_sub_uls();
-            -
            		});
-            -
            	$('.wprmenu_icon').click( function(){
-            -
            		$(this).toggleClass('open');
             	});
-            -
            	$('#page').click( function(){
-            -
            		$('.wprmenu_icon.open').trigger("click");
-            -
            	});
             	// Click on body remove the menu
             	$('body').click( function( event ) {
@@ -100,40 +117,31 @@ jQuery( document ).ready( function( $ ) {
+            		}
             	});
-            -
             	menu = $('#mg-wprm-wrap');
             	menu_ul = $('#wprmenu_menu_ul'), //the menu ul
             	//add arrow element to the parent li items and chide its child uls
             	menu.find('ul.sub-menu').each(function() {
             		var sub_ul = $(this),
-            -
            			parent_a = sub_ul.prev('a'),
-            -
            			parent_li = parent_a.parent('li').first();
-            -
            			parent_a.addClass('wprmenu_parent_item');
-            -
            			parent_li.addClass('wprmenu_parent_item_li');
-            -
            			var expand = parent_a.before('<span class="wprmenu_icon wprmenu_icon_par icon_default"></span> ').find('.wprmenu_icon_par');
-            -
            			sub_ul.hide();
             	});
-            -
            	//adjust the a width on parent uls so it fits nicely with th eicon elemnt
-            -
            	function adjust_expandable_items() {
-            -
            		$('.wprmenu_parent_item_li').each(function() {
-            -
            			var t = $(this),
-            -
            			main_ul_width = 0,
-            -
            			icon = t.find('.wprmenu_icon_par').first(),
-            -
            			link = t.find('a.wprmenu_parent_item').first();
-            -
-            -
            			if(menu.hasClass('top'))
-            -
            				main_ul_width = window.innerWidth;
-            -
            			else
-            -
            				main_ul_width = menu_ul.innerWidth();
-            -
-            -
            		});
-            -
            	}
-            -
-            -
            	adjust_expandable_items();
             	//expand / collapse action (SUBLEVELS)
             	$('.wprmenu_icon_par').on('click',function() {
@@ -170,13 +178,29 @@ jQuery( document ).ready( function( $ ) {
             		});
+            	}
             	if( wprmenu.parent_click == 'yes' ) {
             		$('a.wprmenu_parent_item').on('click', function(e){
             			e.preventDefault();
             			$(this).prev('.wprmenu_icon_par').trigger('click');
             		});
+            	}
-            -
             	if( wprmenu.swipe == 'yes' ) {
             		$('body').swipe({
             			excludedElements: "button, input, select, textarea, .noSwipe",


62	var wprm_menuDir = document.getElementById( 'wprMenu' );
63	body = document.body;
64
65	+ //Body slide from one side ( left, right or top )
66	+ if( ! $('.wprmenu_bar').hasClass('normalslide') )
67	+ $('body').addClass('cbp-spmenu-push');
68	+
69	+ $('.wprmenu_bar').click( function(event) {
70	+ if( $(event.target).hasClass('bar_logo') )
71	+ return;
72	+ classie.toggle( this, 'active' );
73	+ $(this).find('div.hamburger').toggleClass('is-active');
74	+ // For the right side body push
75	+ if (!$(this).hasClass('normalslide') && $(this).hasClass('left')) {
76	+ doc_width = $(document).width()*(wprmenu.menu_width/100);
77	+ push_width = (wprmenu.push_width != '' && wprmenu.push_width < doc_width) ? wprmenu.push_width : doc_width;
78	+ classie.toggle(body, 'cbp-spmenu-push-toright');
79	+ if( $('body').hasClass('cbp-spmenu-push-toright') )
80	+ $('body').css('left',push_width+'px');
81	+ else
82	+ $('body').css('left','0px');
83	+ }
84	+ // For the left side body push
85	+ if (!$(this).hasClass('normalslide') && $(this).hasClass('right')) {
86	+ doc_width = $(document).width()*(wprmenu.menu_width/100);
87	+ push_width = (wprmenu.push_width != '' && wprmenu.push_width < doc_width) ? wprmenu.push_width : doc_width;
88	+ classie.toggle(body, 'cbp-spmenu-push-toleft');
89	+ if( $('body').hasClass('cbp-spmenu-push-toleft') )
90	+ $('body').css('left','-'+push_width+'px');
91	+ else
92	+ $('body').css('left','0px');
93	+ }
94	+ classie.toggle(Mgwprm, 'cbp-spmenu-open');
95
96	+ close_sub_uls();
97


98	});
99
100	+ //fix the scaling issue by adding/replacing viewport metatag
101	+ var mt = $('meta[name=viewport]');
102	+ mt = mt.length ? mt : $('<meta name="viewport" />').appendTo('head');
103	+ if(wprmenu.zooming == 'no') {
104	+ mt.attr('content', 'user-scalable=no, width=device-width, maximum-scale=1, minimum-scale=1');
105	+ } else {
106	+ mt.attr('content', 'user-scalable=yes, width=device-width, initial-scale=1.0, minimum-scale=1');
107	+ }
108	+
109
110	// Click on body remove the menu
111	$('body').click( function( event ) {

117	}
118	});
119

120	menu = $('#mg-wprm-wrap');
121	menu_ul = $('#wprmenu_menu_ul'), //the menu ul
122
123	+ $(document).mouseup(function (e) {
124	+ if ( ($(e.target).hasClass('wprmenu_bar') \|\| $(e.target).parents('.wprmenu_bar').length == 0) &&
125	+ ($(e.target).hasClass('cbp-spmenu') \|\| $(e.target).parents('.cbp-spmenu').length == 0)) {
126	+ if(menu.is(':visible') ) {
127	+ $('.hamburger.is-active').trigger('click');
128	+ }
129	+ }
130	+ });
131	+
132	//add arrow element to the parent li items and chide its child uls
133	menu.find('ul.sub-menu').each(function() {
134	var sub_ul = $(this),
135	+ parent_a = sub_ul.prev('a'),
136	+ parent_li = parent_a.parent('li').first();
137
138	+ parent_a.addClass('wprmenu_parent_item');
139	+ parent_li.addClass('wprmenu_parent_item_li');
140
141	+ var expand = parent_a.before('<span class="wprmenu_icon wprmenu_icon_par icon_default"></span> ').find('.wprmenu_icon_par');
142	+ sub_ul.hide();
143	});
144

















145
146	//expand / collapse action (SUBLEVELS)
147	$('.wprmenu_icon_par').on('click',function() {

178	});
179	}
180
181	+ if( menu.hasClass('cbp-spmenu-top') && $('body').hasClass('cbp-spmenu-push') ){
182	+ $('body').prepend(menu);
183	+ //show / hide the menu
184	+ $('#wprmenu_bar,#custom_menu_icon').on('click', function(e) {
185	+ if( $(e.target).hasClass('bar_logo') )
186	+ return;
187	+ //scroll window top
188	+ $("html, body").animate({ scrollTop: 0 }, 300);
189	+
190	+ close_sub_uls();
191	+ menu.stop(true, false).slideToggle(300);
192	+ });
193	+ }
194	if( wprmenu.parent_click == 'yes' ) {
195	$('a.wprmenu_parent_item').on('click', function(e){
196	e.preventDefault();
197	$(this).prev('.wprmenu_icon_par').trigger('click');
198	});
199	}
200	+ $('#wprmenu_menu_ul a').click(function(){
201	+ if( wprmenu.parent_click !='yes' \|\| (wprmenu.parent_click == 'yes' && !$(this).hasClass('wprmenu_parent_item')) )
202	+ $('.hamburger.is-active').trigger('click');
203	+ });
204	if( wprmenu.swipe == 'yes' ) {
205	$('body').swipe({
206	excludedElements: "button, input, select, textarea, .noSwipe",

readme.txt CHANGED Viewed

	@@ -3,8 +3,8 @@ Contributors: sagarseth9,magnigenie,kshirod-patel
3	Tags: WordPress Responsive Menu, Genesis responsive menu, Genesis Mobile Menu, Thesis Mobile Menu, Thesis Responsive Menu, Mobile Menu, Responsive Menu Plugin, WP Responsive Menu, WordPress mobile menu
4	Requires at least: 3.0
5	Requires PHP: 5.4
6	- Tested up to: 4.~~8.2~~
7	- Stable tag: 3.0.2
8	Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=sagar.seth9@gmail.com&item_name=WP%20Responsive%20Menu&return=http://magnigenie.com
9	License: GPLv2 or later
10	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	@@ -67,6 +67,20 @@ If you have any suggestions for a new plugin, feel free to email us at info@mag
67
68	== ChangeLog ==
69














70	= Version 3.0.2 =
71
72	* Fixed problem with text selection.


3	Tags: WordPress Responsive Menu, Genesis responsive menu, Genesis Mobile Menu, Thesis Mobile Menu, Thesis Responsive Menu, Mobile Menu, Responsive Menu Plugin, WP Responsive Menu, WordPress mobile menu
4	Requires at least: 3.0
5	Requires PHP: 5.4
6	+ Tested up to: 4.9
7	+ Stable tag: 3.0.3
8	Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=sagar.seth9@gmail.com&item_name=WP%20Responsive%20Menu&return=http://magnigenie.com
9	License: GPLv2 or later
10	License URI: http://www.gnu.org/licenses/gpl-2.0.html

67
68	== ChangeLog ==
69
70	+ = Version 3.0.3 =
71	+
72	+ * Removed large screen option.
73	+ * Fixed push menu width issue for large screens.
74	+ * Fixed logo click open menu and then reloads.
75	+ * Fixed color setup issue when upgrading from 2.0.7 to 3.0.x.
76	+ * Fixed issue with submenu icon color.
77	+ * Resized and styled the menu icon to have a better look.
78	+ * Updated admin option for menu slide type.
79	+ * Fixed issues when upgrading from 2.0.x to 3.0.x.
80	+ * Added ability to automatically close the menu when user clicks outside the menu area.
81	+ * Added ability to auto close menu when clicking on any menu item.
82	+ * Fixed cart number auto update when adding/updating/deleting items from cart using ajax(PRO).
83	+
84	= Version 3.0.2 =
85
86	* Fixed problem with text selection.

wp-responsive-menu.php CHANGED Viewed

	@@ -3,7 +3,7 @@
3	Plugin Name: WP Responsive Menu
4	Plugin URI: http://magnigenie.com/wp-responsive-menu-mobile-menu-plugin-wordpress/
5	Description: WP Responsive Menu is mobile menu plugin that lets you add a highly customizable responsive menu to any WordPress site in no time.
6	- Version: 3.0.2
7	Author: MagniGenie
8	Author URI: http://magnigenie.com
9	License: GPLv2 or later


3	Plugin Name: WP Responsive Menu
4	Plugin URI: http://magnigenie.com/wp-responsive-menu-mobile-menu-plugin-wordpress/
5	Description: WP Responsive Menu is mobile menu plugin that lets you add a highly customizable responsive menu to any WordPress site in no time.
6	+ Version: 3.0.3
7	Author: MagniGenie
8	Author URI: http://magnigenie.com
9	License: GPLv2 or later