laipower/wp-content/plugins/gp-premium/menu-plus/functions/css/offside.min.css

2 lines
6.5 KiB
CSS
Raw Normal View History

2020-04-07 13:03:04 +00:00
.main-navigation.offside{position:fixed;width:265px;height:100%;height:100vh;top:0;z-index:9999;overflow:auto;-webkit-overflow-scrolling:touch}.offside,.offside--left{left:-265px}.offside--right{left:auto;right:-265px}.offside--left.is-open,.offside-js--is-left .offside-sliding-element{-webkit-transform:translate3d(265px,0,0);-moz-transform:translate3d(265px,0,0);-ms-transform:translate3d(265px,0,0);-o-transform:translate3d(265px,0,0);transform:translate3d(265px,0,0)}.offside--right.is-open,.offside-js--is-right .offside-sliding-element{-webkit-transform:translate3d(-265px,0,0);-moz-transform:translate3d(-265px,0,0);-ms-transform:translate3d(-265px,0,0);-o-transform:translate3d(-265px,0,0);transform:translate3d(-265px,0,0)}.offside-js--interact .offside,.offside-js--interact .offside-sliding-element{-webkit-transition:-webkit-transform .2s cubic-bezier(.16,.68,.43,.99);-moz-transition:-moz-transform .2s cubic-bezier(.16,.68,.43,.99);-o-transition:-o-transform .2s cubic-bezier(.16,.68,.43,.99);transition:transform .2s cubic-bezier(.16,.68,.43,.99);-webkit-backface-visibility:hidden;-webkit-perspective:1000}.offside-js--init{overflow-x:hidden}.no-csstransforms3d .offside{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.no-csstransforms3d .offside-sliding-element{overflow-x:hidden;position:relative}.no-csstransforms3d .offside--left.is-open{left:0}.no-csstransforms3d .offside--right.is-open{right:0}.no-csstransforms3d>.offside-js--is-left .offside-sliding-element{right:-265px}.no-csstransforms3d>.offside-js--is-right .offside-sliding-element{left:-265px}.slideout-overlay{z-index:100000;position:fixed;width:100%;height:100%;height:100vh;min-height:100%;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);visibility:hidden;opacity:0;cursor:pointer;-webkit-transition:visibility .2s ease,opacity .2s ease;-moz-transition:visibility .2s ease,opacity .2s ease;-o-transition:visibility .2s ease,opacity .2s ease;transition:visibility .2s ease,opacity .2s ease}.offside-js--is-open .slideout-overlay{visibility:visible;opacity:1}.slideout-overlay button.slideout-exit{position:fixed;top:0;background-color:transparent;color:#fff;font-size:30px;border:0}button.slideout-exit:hover{background-color:transparent}.slideout-navigation button.slideout-exit{background:0 0;width:100%;text-align:left;padding-top:20px;padding-bottom:20px;box-sizing:border-box;border:0}.slide-opened nav.toggled .menu-toggle:before{content:"\f0c9"}.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit{left:260px}.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit{right:260px}.slideout-widget{margin:20px}.slideout-navigation .main-nav,.slideout-navigation .slideout-widget:not(:last-child){margin-bottom:40px}.slideout-navigation .mega-menu>ul>li{display:block;width:100%!important}.slideout-navigation .slideout-menu,.slideout-navigation .slideout-widget ul{display:block}#generate-slideout-menu{z-index:100001}#generate-slideout-menu .slideout-menu li{float:none;width:100%;clear:both;text-align:left}.slideout-navigation .slideout-widget .menu li,.slideout-navigation .slideout-widget li{float:none}#generate-slideout-menu.do-overlay li{text-align:center}#generate-slideout-menu.main-navigation ul ul.toggled-on{display:block!important}#generate-slideout-menu .slideout-menu li.sfHover>ul,#generate-slideout-menu .slideout-menu li:hover>ul,#generate-slideout-menu.main-navigation ul ul{display:none}#generate-slideout-menu.main-navigation .main-nav ul ul{position:relative;top:0;left:0;width:100%}.slideout-toggle:not(.has-svg-icon) a:before{content:"\f0c9";font-family:'GP Premium';line-height:1em;width:1.28571429em;text-align:center;display:inline-block;position:relative;top:1px}.slide-opened .slideout-exit:not(.has-svg-icon):before,.slideout-navigation button.slideout-exit:not(.has-svg-icon):before{content:"\f00d";font-family:'GP Premium';line-height:1em;width:1.28571429em;text-align:center;display:inline-block}#generate-slideout-menu li.menu-item-float-right{float:none!important;display:inline-block;width:auto}.rtl