j1-template 2020.0.16 → 2020.0.21

data/assets/themes/j1/modules/lightbox/css/theme/uno.css

@@ -1,15 +1,15 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/lightbox/css/theme/uno.css
- #  Provides Lightbox styles for J1 Theme Uno (v2.11.2)
+ # ~/assets/themes/j1/modules/lightbox/css/theme/uno.css
+ # Provides Lightbox styles for J1 Theme Uno (v2.11.2)
  #
- #  Product/Info:
- #  https://jekyll.one
+ # Product/Info:
+ # https://jekyll.one
  #
- #  Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2020 Juergen Adams
  #
- #  J1 Template is licensed under the MIT License.
- #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
 

data/assets/themes/j1/modules/lightbox/css/theme/uno.min.css

@@ -1,16 +1,15 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/lightbox/css/theme/uno.min.css
- #  Provides Lightbox styles for J1 Theme Uno
+ # ~/assets/themes/j1/modules/lightbox/css/theme/uno.min.css
+ # Provides Lightbox styles for J1 Theme Uno
  #
- #  Product/Info:
- #  https://jekyll.one
+ # Product/Info:
+ # https://jekyll.one
  #
- #  Copyright (C) 2020 Juergen Adams
- #
- #  J1 Template is licensed under the MIT License.
- #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # Copyright (C) 2020 Juergen Adams
  #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
 

data/assets/themes/j1/modules/lightbox/js/lightbox.js

@@ -1,20 +1,19 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/js/lightbox/lightbox.js
- #  Lightbox v.2.11.2 implementation for J1 Template.
+ # ~/theme_uno/modules/lightbox/js/lightbox.js
+ # Lightbox v.2.11.2 implementation for J1 Template.
  #
- #  Product/Info:
- #  https://jekyll.one
- #  http://lokeshdhakar.com/projects/lightbox2/
+ # Product/Info:
+ # https://jekyll.one
+ # http://lokeshdhakar.com/projects/lightbox2/
  #
- #  Copyright (C) 2020 Juergen Adams
- #  Copyright (C) 2015-2019 Lokesh Dhakar
- #
- #  J1 Template is licensed under the MIT License.
- #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- #  Lightbox is licensed under the MIT License.
- #  See: https://github.com/lokesh/lightbox2/blob/master/LICENSE
+ # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2015-2019 Lokesh Dhakar
  #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # Lightbox is licensed under the MIT License.
+ # See: https://github.com/lokesh/lightbox2/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
 

data/assets/themes/j1/modules/lightbox/js/lightbox.min.js

@@ -1,35 +1,19 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/js/lightbox/lightbox.js
- #  Lightbox v.2.11.2 implementation for J1 Template.
+ # ~/theme_uno/modules/lightbox/js/lightbox.min.js
+ # Lightbox v.2.11.2 implementation for J1 Template.
  #
- #  Product/Info:
- #  https://jekyll.one
- #  http://lokeshdhakar.com/projects/lightbox2/
+ # Product/Info:
+ # https://jekyll.one
+ # http://lokeshdhakar.com/projects/lightbox2/
  #
- #  Copyright (C) 2020 Juergen Adams
- #  Copyright (C) 2015 Lokesh Dhakar
- #
- #  J1 Template is licensed under the MIT License.
- #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- #  Lightbox is licensed under the MIT License.
- #  See: https://github.com/lokesh/lightbox2/blob/master/LICENSE
+ # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2015 Lokesh Dhakar
  #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # Lightbox is licensed under the MIT License.
+ # See: https://github.com/lokesh/lightbox2/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-
-/*!
- * Lightbox v2.11.2
- * by Lokesh Dhakar
- *
- * More info:
- * http://lokeshdhakar.com/projects/lightbox2/
- *
- * Copyright Lokesh Dhakar
- * Released under the MIT license
- * https://github.com/lokesh/lightbox2/blob/master/LICENSE
- *
- * @preserve
- */
-
 !function(a,b){"function"==typeof define&&define.amd?define(["jquery"],b):"object"==typeof exports?module.exports=b(require("jquery")):a.lightbox=b(a.jQuery)}(this,function(a){function b(b){this.album=[],this.currentImageIndex=void 0,this.init(),this.options=a.extend({},this.constructor.defaults),this.option(b)}return b.defaults={albumLabel:"Image %1 of %2",alwaysShowNavOnTouchDevices:!1,fadeDuration:600,fitImagesInViewport:!0,imageFadeDuration:600,positionFromTop:50,resizeDuration:700,showImageNumberLabel:!0,wrapAround:!1,disableScrolling:!1,sanitizeTitle:!1},b.prototype.option=function(b){a.extend(this.options,b)},b.prototype.imageCountLabel=function(a,b){return this.options.albumLabel.replace(/%1/g,a).replace(/%2/g,b)},b.prototype.init=function(){var b=this;a(document).ready(function(){b.enable(),b.build()})},b.prototype.enable=function(){var b=this;a("body").on("click","a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]",function(c){return b.start(a(c.currentTarget)),!1})},b.prototype.build=function(){if(!(a("#lightbox").length>0)){var b=this;a('<div id="lightboxOverlay" tabindex="-1" class="lightboxOverlay"></div><div id="lightbox" tabindex="-1" class="lightbox"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt=""/><div class="lb-nav"><a class="lb-prev" aria-label="Previous image" href="" ></a><a class="lb-next" aria-label="Next image" href="" ></a></div><div class="lb-loader"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div>').appendTo(a("body")),this.$lightbox=a("#lightbox"),this.$overlay=a("#lightboxOverlay"),this.$outerContainer=this.$lightbox.find(".lb-outerContainer"),this.$container=this.$lightbox.find(".lb-container"),this.$image=this.$lightbox.find(".lb-image"),this.$nav=this.$lightbox.find(".lb-nav"),this.containerPadding={top:parseInt(this.$container.css("padding-top"),10),right:parseInt(this.$container.css("padding-right"),10),bottom:parseInt(this.$container.css("padding-bottom"),10),left:parseInt(this.$container.css("padding-left"),10)},this.imageBorderWidth={top:parseInt(this.$image.css("border-top-width"),10),right:parseInt(this.$image.css("border-right-width"),10),bottom:parseInt(this.$image.css("border-bottom-width"),10),left:parseInt(this.$image.css("border-left-width"),10)},this.$overlay.hide().on("click",function(){return b.end(),!1}),this.$lightbox.hide().on("click",function(c){"lightbox"===a(c.target).attr("id")&&b.end()}),this.$outerContainer.on("click",function(c){return"lightbox"===a(c.target).attr("id")&&b.end(),!1}),this.$lightbox.find(".lb-prev").on("click",function(){return 0===b.currentImageIndex?b.changeImage(b.album.length-1):b.changeImage(b.currentImageIndex-1),!1}),this.$lightbox.find(".lb-next").on("click",function(){return b.currentImageIndex===b.album.length-1?b.changeImage(0):b.changeImage(b.currentImageIndex+1),!1}),this.$nav.on("mousedown",function(a){3===a.which&&(b.$nav.css("pointer-events","none"),b.$lightbox.one("contextmenu",function(){setTimeout(function(){this.$nav.css("pointer-events","auto")}.bind(b),0)}))}),this.$lightbox.find(".lb-loader, .lb-close").on("click",function(){return b.end(),!1})}},b.prototype.start=function(b){function c(a){d.album.push({alt:a.attr("data-alt"),link:a.attr("href"),title:a.attr("data-title")||a.attr("title")})}var d=this,e=a(window);e.on("resize",a.proxy(this.sizeOverlay,this)),this.sizeOverlay(),this.album=[];var f,g=0,h=b.attr("data-lightbox");if(h){f=a(b.prop("tagName")+'[data-lightbox="'+h+'"]');for(var i=0;i<f.length;i=++i)c(a(f[i])),f[i]===b[0]&&(g=i)}else if("lightbox"===b.attr("rel"))c(b);else{f=a(b.prop("tagName")+'[rel="'+b.attr("rel")+'"]');for(var j=0;j<f.length;j=++j)c(a(f[j])),f[j]===b[0]&&(g=j)}var k=e.scrollTop()+this.options.positionFromTop,l=e.scrollLeft();this.$lightbox.css({top:k+"px",left:l+"px"}).fadeIn(this.options.fadeDuration),this.options.disableScrolling&&a("body").addClass("lb-disable-scrolling"),this.changeImage(g)},b.prototype.changeImage=function(b){var c=this,d=this.album[b].link,e=d.split(".").slice(-1)[0],f=this.$lightbox.find(".lb-image");this.disableKeyboardNav(),this.$overlay.fadeIn(this.options.fadeDuration),a(".lb-loader").fadeIn("slow"),this.$lightbox.find(".lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption").hide(),this.$outerContainer.addClass("animating");var g=new Image;g.onload=function(){var h,i,j,k,l,m;f.attr({alt:c.album[b].alt,src:d}),a(g),f.width(g.width),f.height(g.height),m=a(window).width(),l=a(window).height(),k=m-c.containerPadding.left-c.containerPadding.right-c.imageBorderWidth.left-c.imageBorderWidth.right-20,j=l-c.containerPadding.top-c.containerPadding.bottom-c.imageBorderWidth.top-c.imageBorderWidth.bottom-c.options.positionFromTop-70,"svg"===e&&(f.width(k),f.height(j)),c.options.fitImagesInViewport?(c.options.maxWidth&&c.options.maxWidth<k&&(k=c.options.maxWidth),c.options.maxHeight&&c.options.maxHeight<j&&(j=c.options.maxHeight)):(k=c.options.maxWidth||g.width||k,j=c.options.maxHeight||g.height||j),(g.width>k||g.height>j)&&(g.width/k>g.height/j?(i=k,h=parseInt(g.height/(g.width/i),10),f.width(i),f.height(h)):(h=j,i=parseInt(g.width/(g.height/h),10),f.width(i),f.height(h))),c.sizeContainer(f.width(),f.height())},g.src=this.album[b].link,this.currentImageIndex=b},b.prototype.sizeOverlay=function(){var b=this;setTimeout(function(){b.$overlay.width(a(document).width()).height(a(document).height())},0)},b.prototype.sizeContainer=function(a,b){function c(){d.$lightbox.find(".lb-dataContainer").width(g),d.$lightbox.find(".lb-prevLink").height(h),d.$lightbox.find(".lb-nextLink").height(h),d.$overlay.focus(),d.showImage()}var d=this,e=this.$outerContainer.outerWidth(),f=this.$outerContainer.outerHeight(),g=a+this.containerPadding.left+this.containerPadding.right+this.imageBorderWidth.left+this.imageBorderWidth.right,h=b+this.containerPadding.top+this.containerPadding.bottom+this.imageBorderWidth.top+this.imageBorderWidth.bottom;e!==g||f!==h?this.$outerContainer.animate({width:g,height:h},this.options.resizeDuration,"swing",function(){c()}):c()},b.prototype.showImage=function(){this.$lightbox.find(".lb-loader").stop(!0).hide(),this.$lightbox.find(".lb-image").fadeIn(this.options.imageFadeDuration),this.updateNav(),this.updateDetails(),this.preloadNeighboringImages(),this.enableKeyboardNav()},b.prototype.updateNav=function(){var a=!1;try{document.createEvent("TouchEvent"),a=!!this.options.alwaysShowNavOnTouchDevices}catch(a){}this.$lightbox.find(".lb-nav").show(),this.album.length>1&&(this.options.wrapAround?(a&&this.$lightbox.find(".lb-prev, .lb-next").css("opacity","1"),this.$lightbox.find(".lb-prev, .lb-next").show()):(this.currentImageIndex>0&&(this.$lightbox.find(".lb-prev").show(),a&&this.$lightbox.find(".lb-prev").css("opacity","1")),this.currentImageIndex<this.album.length-1&&(this.$lightbox.find(".lb-next").show(),a&&this.$lightbox.find(".lb-next").css("opacity","1"))))},b.prototype.updateDetails=function(){var a=this;if(void 0!==this.album[this.currentImageIndex].title&&""!==this.album[this.currentImageIndex].title){var b=this.$lightbox.find(".lb-caption");this.options.sanitizeTitle?b.text(this.album[this.currentImageIndex].title):b.html(this.album[this.currentImageIndex].title),b.fadeIn("fast")}if(this.album.length>1&&this.options.showImageNumberLabel){var c=this.imageCountLabel(this.currentImageIndex+1,this.album.length);this.$lightbox.find(".lb-number").text(c).fadeIn("fast")}else this.$lightbox.find(".lb-number").hide();this.$outerContainer.removeClass("animating"),this.$lightbox.find(".lb-dataContainer").fadeIn(this.options.resizeDuration,function(){return a.sizeOverlay()})},b.prototype.preloadNeighboringImages=function(){if(this.album.length>this.currentImageIndex+1){(new Image).src=this.album[this.currentImageIndex+1].link}if(this.currentImageIndex>0){(new Image).src=this.album[this.currentImageIndex-1].link}},b.prototype.enableKeyboardNav=function(){this.$lightbox.on("keyup.keyboard",a.proxy(this.keyboardAction,this)),this.$overlay.on("keyup.keyboard",a.proxy(this.keyboardAction,this))},b.prototype.disableKeyboardNav=function(){this.$lightbox.off(".keyboard"),this.$overlay.off(".keyboard")},b.prototype.keyboardAction=function(a){var b=a.keyCode;27===b?(a.stopPropagation(),this.end()):37===b?0!==this.currentImageIndex?this.changeImage(this.currentImageIndex-1):this.options.wrapAround&&this.album.length>1&&this.changeImage(this.album.length-1):39===b&&(this.currentImageIndex!==this.album.length-1?this.changeImage(this.currentImageIndex+1):this.options.wrapAround&&this.album.length>1&&this.changeImage(0))},b.prototype.end=function(){this.disableKeyboardNav(),a(window).off("resize",this.sizeOverlay),this.$lightbox.fadeOut(this.options.fadeDuration),this.$overlay.fadeOut(this.options.fadeDuration),this.options.disableScrolling&&a("body").removeClass("lb-disable-scrolling")},new b});

data/assets/themes/j1/modules/mdiPreviewer/css/previewer.css

@@ -0,0 +1,82 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdiPreviewer/css/previewer.css
+ # Provides styles for the MDI Icon Previewer
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+
+.icons {
+    //display: none;
+    //padding: 0 20px 10px 20px;
+    -webkit-column-count: 2;
+    -moz-column-count: 2;
+    column-count: 2;
+    -webkit-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+    column-gap: 2rem;
+}
+
+.icons div {
+    line-height: 3rem;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.icons div span {
+    cursor: pointer;
+    font-size: 1rem;
+    text-overflow: ellipsis;
+    display: inline-block;
+    max-width: calc(100% - 90px);
+    overflow: hidden;
+    vertical-align: middle;
+    white-space: nowrap;
+    margin-left: .5rem;
+}
+
+.icons div code:hover,
+.icons div span:hover,
+.icons div i:hover {
+    color: rgba(0, 0, 0, 0.9);
+}
+
+.icons div code:hover {
+    border-color: $indigo;
+}
+
+.icons div code {
+    color:  $grey-800;
+    background-color: $grey-300;
+    border: 1px solid $grey;
+    width: 80px;
+    margin-left: 2px;
+    margin-right: 4px;
+    border-radius: 4px;
+    display: inline-block;
+    vertical-align: middle;
+    text-align: center;
+    line-height: 24px;
+    cursor: pointer;
+}
+
+.icons div i {
+    display: inline-block;
+    width: 32px;
+    height: 24px;
+    margin-right: .5rem;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+    line-height: 24px;
+}
+
+.icons .mdi:before {
+    font-size: 24px;
+}

data/assets/themes/j1/modules/mdiPreviewer/css/previewer.min.css

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdiPreviewer/css/previewer.min.css
+ # Provides styles for the MDI Icon Previewer
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+.icons{//display:none;//padding:0 20px 10px 20px;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.icons div{line-height:3rem;color:rgba(0,0,0,0.6)}.icons div span{cursor:pointer;font-size:1rem;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 90px);overflow:hidden;vertical-align:middle;white-space:nowrap;margin-left:.5rem}.icons div code:hover,.icons div span:hover,.icons div i:hover{color:rgba(0,0,0,0.9)}.icons div code:hover{border-color:$indigo}.icons div code{color:$grey-800;background-color:$grey-300;border:1px solid $grey;width:80px;margin-left:2px;margin-right:4px;border-radius:4px;display:inline-block;vertical-align:middle;text-align:center;line-height:24px;cursor:pointer}.icons div i{display:inline-block;width:32px;height:24px;margin-right:.5rem;text-align:center;vertical-align:middle;cursor:pointer;line-height:24px}.icons .mdi:before{font-size:24px}

data/assets/themes/j1/modules/mmenuLight/css/mmenu.css

@@ -1,19 +1,19 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/css/mmenu.css
- #  Provides base styles for Mobile Menu light (v3.0.5)
+ # ~/theme_uno/modules/mmenuLight/css/mmenu.css
+ # Provides base styles for mobile menu light (v3.0.5)
  #
- #  Product/Info:
- #  https://jekyll.one
- #  https://github.com/FrDH/mmenu-light
+ # Product/Info:
+ # https://jekyll.one
+ # https://github.com/FrDH/mmenu-light
  #
- #  Copyright (C) 2020 Fred Heusschen
- #  Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2020 Fred Heusschen
+ # Copyright (C) 2020 Juergen Adams
  #
- #  J1 Template is licensed under MIT License.
- #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- #  MMenu is licensed under CC-BY-4.0 License.
- #  See: http://creativecommons.org/licenses/by/4.0/
+ # J1 Template is licensed under MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # MMenu is licensed under CC-BY-4.0 License.
+ # See: http://creativecommons.org/licenses/by/4.0/
  # -----------------------------------------------------------------------------
 */
 

data/assets/themes/j1/modules/mmenuLight/css/mmenu.min.css

@@ -1,393 +1,19 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/theme_uno/modules/_mmenu-light.scss (v3.0.5)
- #  Provides base styles for mobile menu light
+ # ~/theme_uno/modules/mmenuLight/css/mmenu.min.css
+ # Provides base styles for mobile menu light (v3.0.5)
  #
- #  Product/Info:
- #  https://jekyll.one
- #  https://github.com/FrDH/mmenu-light
+ # Product/Info:
+ # https://jekyll.one
+ # https://github.com/FrDH/mmenu-light
  #
- #  Copyright (C) 2020 Fred Heusschen
- #  Copyright (C) 2020 Juergen Adams
- #
- #  J1 Template is licensed under MIT License.
- #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- #  MMenu is licensed under CC-BY-4.0 License.
- #  See: http://creativecommons.org/licenses/by/4.0/
+ # Copyright (C) 2020 Fred Heusschen
+ # Copyright (C) 2020 Juergen Adams
  #
+ # J1 Template is licensed under MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # MMenu is licensed under CC-BY-4.0 License.
+ # See: http://creativecommons.org/licenses/by/4.0/
  # -----------------------------------------------------------------------------
 */
-
-:root {
-  --mm-ocd-width: 80%;
-  --mm-ocd-min-width: 200px;
-  --mm-ocd-max-width: 440px
-}
-
-body.mm-ocd-opened {
-  overflow-y: hidden;
-  -ms-scroll-chaining: none;
-  overscroll-behavior: none
-}
-
-/*
-  jadams, 2020-06-20: CSS/Offset to the NAV bar should be calculted
-  at runtime as a dyn style
-*/
-.mm-ocd {
-  position: fixed;
-  top: 80px; /* jadams, 2020-06-20: offset to the NAV bar */
-  right: 0;
-  bottom: 100%;
-  left: 0;
-  z-index: 9999;
-  overflow: hidden;
-  -ms-scroll-chaining: none;
-  overscroll-behavior: contain;
-  background: rgba(0, 0, 0, 0);
-  -webkit-transition-property: bottom, background-color;
-  -o-transition-property: bottom, background-color;
-  transition-property: bottom, background-color;
-  -webkit-transition-duration: 0s, .3s;
-  -o-transition-duration: 0s, .3s;
-  transition-duration: 0s, .3s;
-  -webkit-transition-timing-function: ease;
-  -o-transition-timing-function: ease;
-  transition-timing-function: ease;
-  -webkit-transition-delay: .45s, .15s;
-  -o-transition-delay: .45s, .15s;
-  transition-delay: .45s, .15s
-}
-
-.mm-ocd--open {
-  bottom: 0;
-  background: rgba(0, 0, 0, .25);
-  -webkit-transition-delay: 0s;
-  -o-transition-delay: 0s;
-  transition-delay: 0s
-}
-
-.mm-ocd__content {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 2;
-  width: 80%;
-  width: var(--mm-ocd-width);
-  min-width: 200px;
-  min-width: var(--mm-ocd-min-width);
-  max-width: 440px;
-  max-width: var(--mm-ocd-max-width);
-  background: #fff;
-  -webkit-transition-property: -webkit-transform;
-  transition-property: -webkit-transform;
-  -o-transition-property: transform;
-  transition-property: transform;
-  transition-property: transform, -webkit-transform;
-  -webkit-transition-duration: .3s;
-  -o-transition-duration: .3s;
-  transition-duration: .3s;
-  -webkit-transition-timing-function: ease;
-  -o-transition-timing-function: ease;
-  transition-timing-function: ease
-}
-
-.mm-ocd--left .mm-ocd__content {
-  left: 0;
-  -webkit-transform: translate3d(-100%, 0, 0);
-  transform: translate3d(-100%, 0, 0)
-}
-
-.mm-ocd--right .mm-ocd__content {
-  right: 0;
-  -webkit-transform: translate3d(100%, 0, 0);
-  transform: translate3d(100%, 0, 0)
-}
-
-.mm-ocd--open .mm-ocd__content {
-  -webkit-transform: translate3d(0, 0, 0);
-  transform: translate3d(0, 0, 0)
-}
-
-.mm-ocd__backdrop {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 3;
-  width: calc(100% - 80%);
-  width: calc(100% - var(--mm-ocd-width));
-  min-width: calc(100% - 440px);
-  min-width: calc(100% - var(--mm-ocd-max-width));
-  max-width: calc(100% - 200px);
-  max-width: calc(100% - var(--mm-ocd-min-width));
-  background: rgba(3, 2, 1, 0)
-}
-
-.mm-ocd--left .mm-ocd__backdrop {
-  right: 0
-}
-
-.mm-ocd--right .mm-ocd__backdrop {
-  left: 0
-}
-
-.mm-spn,
-.mm-spn a,
-.mm-spn li,
-.mm-spn span,
-.mm-spn ul {
-  display: block;
-  padding: 0;
-  margin: 0;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box
-}
-
-:root {
-  --mm-spn-item-height: 50px;
-  --mm-spn-item-indent: 20px;
-  --mm-spn-line-height: 24px
-}
-
-.mm-spn {
-  width: 100%;
-  height: 100%;
-  -webkit-tap-highlight-color: transparent;
-  -webkit-overflow-scrolling: touch;
-  overflow: hidden;
-  -webkit-clip-path: inset(0 0 0 0);
-  clip-path: inset(0 0 0 0);
-  -webkit-transform: translateX(0);
-  -ms-transform: translateX(0);
-  transform: translateX(0)
-}
-
-.mm-spn ul {
-  -webkit-overflow-scrolling: touch;
-  position: fixed;
-  top: 0;
-  left: 100%;
-  bottom: 0;
-  z-index: 2;
-  width: 130%;
-  padding-right: 30%;
-  line-height: 24px;
-  line-height: var(--mm-spn-line-height);
-  overflow: visible;
-  overflow-y: auto;
-  background: inherit;
-  -webkit-transition: left .3s ease 0s;
-  -o-transition: left .3s ease 0s;
-  transition: left .3s ease 0s;
-  cursor: default
-}
-
-.mm-spn ul:after {
-  content: '';
-  display: block;
-  height: 50px;
-  height: var(--mm-spn-item-height)
-}
-
-.mm-spn>ul {
-  left: 0
-}
-
-.mm-spn ul.mm-spn--open {
-  left: 0
-}
-
-.mm-spn ul.mm-spn--parent {
-  left: -30%;
-  overflow-y: hidden
-}
-
-.mm-spn li {
-  position: relative;
-  background: inherit;
-  cursor: pointer
-}
-
-.mm-spn li:before {
-  content: '';
-  display: block;
-  position: absolute;
-  top: 25px;
-  top: calc(var(--mm-spn-item-height)/ 2);
-  right: 25px;
-  right: calc(var(--mm-spn-item-height)/ 2);
-  z-index: 0;
-  width: 10px;
-  height: 10px;
-  border-top: 2px solid;
-  border-right: 2px solid;
-  -webkit-transform: rotate(45deg) translate(0, -50%);
-  -ms-transform: rotate(45deg) translate(0, -50%);
-  transform: rotate(45deg) translate(0, -50%);
-  opacity: .4
-}
-
-.mm-spn li:after {
-  content: '';
-  display: block;
-  margin-left: 20px;
-  margin-left: var(--mm-spn-item-indent);
-  border-top: 1px solid;
-  opacity: .15
-}
-
-.mm-spn a,
-.mm-spn span {
-  position: relative;
-  z-index: 1;
-  padding: 13px 20px;
-  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)
-}
-
-.mm-spn a {
-  background: inherit;
-  color: inherit;
-  text-decoration: none
-}
-
-.mm-spn a:not(:last-child) {
-  width: calc(100% - 50px);
-  width: calc(100% - var(--mm-spn-item-height))
-}
-
-.mm-spn a:not(:last-child):after {
-  content: '';
-  display: block;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  border-right: 1px solid;
-  opacity: .15
-}
-
-.mm-spn span {
-  background: 0 0
-}
-
-.mm-spn.mm-spn--navbar {
-  cursor: pointer
-}
-
-.mm-spn.mm-spn--navbar:before {
-  content: '';
-  display: block;
-  position: absolute;
-  top: 25px;
-  top: calc(var(--mm-spn-item-height)/ 2);
-  left: 20px;
-  left: var(--mm-spn-item-indent);
-  width: 10px;
-  height: 10px;
-  margin-top: 2px;
-  border-top: 2px solid;
-  border-left: 2px solid;
-  -webkit-transform: rotate(-45deg) translate(50%, -50%);
-  -ms-transform: rotate(-45deg) translate(50%, -50%);
-  transform: rotate(-45deg) translate(50%, -50%);
-  opacity: .4
-}
-
-.mm-spn.mm-spn--navbar.mm-spn--main {
-  cursor: default
-}
-
-.mm-spn.mm-spn--navbar.mm-spn--main:before {
-  content: none;
-  display: none
-}
-
-.mm-spn.mm-spn--navbar:after {
-  content: attr(data-mm-spn-title);
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 50px;
-  height: var(--mm-spn-item-height);
-  padding: 0 40px;
-  padding: 0 calc(var(--mm-spn-item-indent) * 2);
-  line-height: 50px;
-  line-height: var(--mm-spn-item-height);
-  opacity: .4;
-  text-align: left;  /* jadams, 2020-06-20: set menu title to the left */
-  overflow: hidden;
-  white-space: nowrap;
-  -o-text-overflow: ellipsis;
-  text-overflow: ellipsis;
-  font-size: x-large; /* jadams, 2020-06-20: increase size of the menu title */
-}
-
-.mm-spn.mm-spn--navbar.mm-spn--main:after {
-  padding-left: 20px;
-  padding-left: var(--mm-spn-item-indent)
-}
-
-.mm-spn.mm-spn--navbar ul {
-  top: 51px;
-  top: calc(var(--mm-spn-item-height) + 1px)
-}
-
-.mm-spn.mm-spn--navbar ul:before {
-  content: '';
-  display: block;
-  position: fixed;
-  top: inherit;
-  z-index: 2;
-  width: 100%;
-  border-top: 1px solid currentColor;
-  opacity: .15
-}
-
-.mm-spn.mm-spn--light {
-  color: #444;
-  background: #f3f3f3
-}
-
-/* jadams, 2020-06-20: set j1 template colors (dark theme) */
-.mm-spn.mm-spn--dark {
-  color: #e3e3e3;
-  background: #191919
-}
-
-.mm-spn.mm-spn--vertical {
-  overflow-y: auto
-}
-
-.mm-spn.mm-spn--vertical ul {
-  width: 100%;
-  padding-right: 0;
-  position: static
-}
-
-.mm-spn.mm-spn--vertical ul ul {
-  display: none;
-  padding-left: 20px;
-  padding-left: var(--mm-spn-item-indent)
-}
-
-.mm-spn.mm-spn--vertical ul ul:after {
-  height: 25px;
-  height: calc(var(--mm-spn-item-height)/ 2)
-}
-
-.mm-spn.mm-spn--vertical ul.mm-spn--open {
-  display: block
-}
-
-.mm-spn.mm-spn--vertical li.mm-spn--open:before {
-  -webkit-transform: rotate(135deg) translate(-50%, 0);
-  -ms-transform: rotate(135deg) translate(-50%, 0);
-  transform: rotate(135deg) translate(-50%, 0)
-}
-
-.mm-spn.mm-spn--vertical ul ul li:last-child:after {
-  content: none;
-  display: none
-}
+:root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:80px;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:80%;width:var(--mm-ocd-width);min-width:200px;min-width:var(--mm-ocd-min-width);max-width:440px;max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:calc(100% - 80%);width:calc(100% - var(--mm-ocd-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-ocd-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-ocd-min-width));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:130%;padding-right:30%;line-height:24px;line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm-spn ul:after{content:'';display:block;height:50px;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:-30%;overflow-y:hidden}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);right:25px;right:calc(var(--mm-spn-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm-spn li:after{content:'';display:block;margin-left:20px;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:13px 20px;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none}.mm-spn a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm-spn span{background:0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);left:20px;left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:50px;height:var(--mm-spn-item-height);padding:0 40px;padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:50px;line-height:var(--mm-spn-item-height);opacity:.4;text-align:left;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:x-large}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:51px;top:calc(var(--mm-spn-item-height)+1px)}.mm-spn.mm-spn--navbar ul:before{content:'';display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#e3e3e3;background:#191919}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:25px;height:calc(var(--mm-spn-item-height)/ 2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none}