j1-template 2022.1.0 → 2022.1.1

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

@@ -1,6 +1,6 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/theme_uno/modules/_mmenu-light.scss (v3.0.5)
+ #  ~/assets/themes/j1/modules/mmenu_light/css/mmenu.min.css
  #  Provides base styles for mobile menu light
  #
  #  Product/Info:
@@ -17,377 +17,4 @@
  #
  # -----------------------------------------------------------------------------
 */
-
-: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}

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

@@ -1,6 +1,6 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno.css
+ #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno/mmenu.css
  #  Provides theme styles (Uno) for Mobile Menu light (v3.0.5)
  #
  #  Product/Info:
@@ -111,7 +111,11 @@ NOTE: For unknown reason, style "mm-ocd--left" is NOT applied correctly
 /* jadams, 2020-06-20: set j1 template colors (dark theme) */
 .mm-spn.mm-spn--dark {
   color: #e3e3e3;
-  background: #191919
+  background: #000 !important;
+}
+
+.mm-spn ul {
+  background: #000 !important;
 }
 
 /* Sidebar (Drawer)
@@ -164,10 +168,15 @@ NOTE: For unknown reason, style "mm-ocd--left" is NOT applied correctly
 
 /* Navigation (Menu)
    ----------------------------------------------------------------------------- */
+
+.mm-spn a {
+  color: #9e9e9e !important;
+}
+
 .mm-spn a:hover {
-    color: #fafafa;
-    text-decoration: none;
-    font-weight: 500;
+    color: #fafafa !important;
+    /* text-decoration: none;
+    font-weight: 500; */
 }
 
 /* jadams, 2020-07-03: added hover to global style */

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

@@ -1,6 +1,6 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno.css
+ #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno/mmenu.min.css
  #  Provides theme styles (Uno) for Mobile Menu light (v3.0.5)
  #
  #  Product/Info:
@@ -16,181 +16,4 @@
  #  See: http://creativecommons.org/licenses/by/4.0/
  # -----------------------------------------------------------------------------
 */
-/*
- # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno.css
- #  Provides theme styles (Uno) for Mobile Menu light (v3.0.5)
- #
- #  Product/Info:
- #  https://jekyll.one
- #  https://github.com/FrDH/mmenu-light
- #
- #  Copyright (C) 2022 Juergen Adams
- #  Copyright (C) 2015-2020 Fred Heusschen
- #
- #  J1 Template is licensed under the MIT License.
- #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- #  Mmenu Light is licensed under the CC-BY-4.0 License.
- #  See: http://creativecommons.org/licenses/by/4.0/
- # -----------------------------------------------------------------------------
-*/
-
-/*
-  jadams, 2020-06-20: CSS/Offset to the NAV bar should be calculated
-  at runtime as a dyn style
-*/
-
-/* CSS overwrites
-   ----------------------------------------------------------------------------- */
-
-/* Drawer */
-
-.mm-ocd--left .mm-ocd__content {
-  background-color: #191919;
-}
-
-.mm-ocd--right .mm-ocd__content {
-  background-color: #191919;
-}
-
-/* Additional CSS styles for BS Theme Switcher
-   ----------------------------------------------------------------------------- */
-.mmenu-item.active, .mmenu-item:active {
-    /* color: #fff; */
-    text-decoration: none;
-    background-color: #607d8b;
-}
-
-/* Responsive */
-/* jadams, 2020-07-02: media query for MMenu
---------------------------------------------------------------------------------
-NOTE: For unknown reason, style "mm-ocd--left" is NOT applied correctly
-      like "mm-ocd--right" what cause the wrong background-color
-      As a workaround, the background-color is added to the media
-      queries as well (but MUST be removed if fixed!!!)
--------------------------------------------------------------------------------- */
-
-/* Large desktop */
-@media only screen and (min-width: 1200px) {
-  .mm-ocd {
-    top: 80px; /* drawer top offset to NAV bar */
-  }
-  .mm-ocd__content {
-      background-color: #191919;
-  }
-}
-
-/* Desktop */
-@media only screen and (min-width: 992px) {
-  .mm-ocd {
-    top: 80px; /* drawer top offset to NAV bar */
-  }
-  .mm-ocd__content {
-      background-color: #191919;
-  }
-}
-
-/* Desktop 2 (intermediate|responsive size) */
-@media only screen and (min-width: 768px) and (max-width: 992px) {
-  .mm-ocd {
-    top: 48px; /* drawer top offset to NAV bar */
-  }
-  .mm-ocd__content {
-      background-color: #191919;
-  }
-}
-/* Landscape iPad, 768px */
-@media only screen and (min-width: 576px) and (max-width: 768px){
-  .mm-ocd {
-    top: 48px; /* drawer top offset to NAV bar */
-  }
-  .mm-ocd__content {
-      background-color: #191919;
-  }
-}
-
-/* Small devices (landscape phones, up to 576px) */
-@media only screen and (max-width: 576px) {
-  .mm-ocd {
-    top: 48px; /* drawer top offset to NAV bar */
-  }
-  .mm-ocd__content {
-      background-color: #191919;
-  }
-}
-
-/* Navigator */
-.mm-spn.mm-spn--navbar:after {
-  text-align: left;  /* jadams, 2020-06-20: set menu title to the left */
-  font-size: x-large; /* jadams, 2020-06-20: increase size of the menu title */
-}
-
-/* Themes */
-/* jadams, 2020-06-20: set j1 template colors (dark theme) */
-.mm-spn.mm-spn--dark {
-  color: #e3e3e3;
-  background: #191919
-}
-
-/* Sidebar (Drawer)
-   ----------------------------------------------------------------------------- */
-.mm-side {
-    margin: 1.5rem;
-}
-
-.mm-side .widget {
-    position: relative;
-    z-index: 1;
-    margin-bottom: 25px
-}
-
-.mm-side .widget .title {
-    color: #fff;
-    margin-bottom: 15px;
-    border-left: 3px solid #204a87;
-    padding-left: 5px
-}
-
-.mm-side .widget .heading {
-    text-align: left;
-    color: #eee;
-    font-size: 18px;
-    text-transform: uppercase;
-    position: relative;
-    margin-bottom: 10px;
-    padding-bottom: 10px
-}
-
-.mm-side .widget ul.link {
-    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
-    font-size: 14px;
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    line-height: 1.5rem;
-}
-
-.mm-side .widget ul.link li a {
-    color: #aaa
-}
-
-.mm-side .widget ul.link li a:focus,.mm-side .widget ul.link li a:hover {
-    color: #fafafa;
-    text-decoration: none;
-    font-weight: 500;
-}
-
-/* Navigation (Menu)
-   ----------------------------------------------------------------------------- */
-.mm-spn a:hover {
-    color: #fafafa;
-    text-decoration: none;
-    font-weight: 500;
-}
-
-/* jadams, 2020-07-03: added hover to global style */
-a.toc-link:hover {
-    color: #fafafa;
-    text-decoration: none;
-    font-weight: 500;
-}
+.mm-ocd--left .mm-ocd__content{background-color:#191919}.mm-ocd--right .mm-ocd__content{background-color:#191919}.mmenu-item.active,.mmenu-item:active{text-decoration:none;background-color:#607d8b}@media only screen and (min-width:1200px){.mm-ocd{top:80px}.mm-ocd__content{background-color:#191919}}@media only screen and (min-width:992px){.mm-ocd{top:80px}.mm-ocd__content{background-color:#191919}}@media only screen and (min-width:768px) and (max-width:992px){.mm-ocd{top:48px}.mm-ocd__content{background-color:#191919}}@media only screen and (min-width:576px) and (max-width:768px){.mm-ocd{top:48px}.mm-ocd__content{background-color:#191919}}@media only screen and (max-width:576px){.mm-ocd{top:48px}.mm-ocd__content{background-color:#191919}}.mm-spn.mm-spn--navbar:after{text-align:left;font-size:x-large}.mm-spn.mm-spn--dark{color:#e3e3e3;background:#000!important}.mm-spn ul{background:#000!important}.mm-side{margin:1.5rem}.mm-side .widget{position:relative;z-index:1;margin-bottom:25px}.mm-side .widget .title{color:#fff;margin-bottom:15px;border-left:3px solid #204a87;padding-left:5px}.mm-side .widget .heading{text-align:left;color:#eee;font-size:18px;text-transform:uppercase;position:relative;margin-bottom:10px;padding-bottom:10px}.mm-side .widget ul.link{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;padding:0;margin:0;list-style:none;line-height:1.5rem}.mm-side .widget ul.link li a{color:#aaa}.mm-side .widget ul.link li a:focus,.mm-side .widget ul.link li a:hover{color:#fafafa;text-decoration:none;font-weight:500}.mm-spn a{color:#9e9e9e!important}.mm-spn a:hover{color:#fafafa!important}a.toc-link:hover{color:#fafafa;text-decoration:none;font-weight:500}

data/assets/themes/j1/modules/msDropdown/css/msDropdown.min.css

@@ -19,16 +19,5 @@
  # https://www.marghoobsuleman.com/image-dropdown/help
  # https://www.marghoobsuleman.com/image-dropdown/advanced-help
  # -----------------------------------------------------------------------------
-
-/*!
- * /**
- *  * MSDropdown - msDropdown.js
- *  * @author: Marghoob Suleman
- *  * @website: https://www.marghoobsuleman.com/
- *  * @version: 4.0.2
- *  * @date: Sun Oct 24 2021 10:46:05 GMT+0200 (GMT+02:00)
- *  * msDropdown is free web component: you can redistribute it and/or modify
- *  * it under the terms of the either the MIT License or the Gnu General Public License (GPL) Version 2
- *  * /
- */
+*/
 .ms-pr{position:relative}.ms-dd:focus-visible{box-shadow:0 1px 5px #ddd;outline:none;outline-width:0}.ms-dd{background:#eee;display:inline-block;font-family:Sans-Serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;width:260px}.ms-dd button:focus,.ms-dd input:focus,.ms-dd select:focus,.ms-dd textarea:focus{outline:none}.ms-dd .ms-value-input{border:0;left:20px;position:absolute;top:10px;width:50%}.ms-dd .ms-dd-header{border:1px solid #ccc;border-bottom:none;border-radius:2px;cursor:pointer;min-height:35px;position:relative;width:100%}.ms-dd .ms-dd-header .option-selected{color:#000;display:block;font-weight:600;overflow:hidden;padding:10px 20px 10px 10px;pointer-events:none}.ms-dd .ms-dd-header a{display:block}.ms-dd .ms-dd-header .ms-list-counter,.ms-dd .ms-dd-header input[type=checkbox]{display:none}.ms-dd .ms-dd-header .ms-header-counter{color:#0e76a8;font-weight:400}.ms-dd .ms-dd-header .ms-filter-box{border-bottom:1px solid #ccc;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:6px 10px}.ms-dd .ms-dd-header .ms-filter-box input,.ms-dd .ms-dd-header .ms-filter-box input:focus,.ms-dd .ms-dd-header .ms-filter-box input:focus-visible{border:1px solid #c3c3c3;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:25px;padding-left:6px;width:100%}.ms-dd .ms-dd-header .ms-filter-box input:focus-visible{outline:1px solid transparent}.ms-dd .ms-dd-option-image,.ms-dd .ms-dd-selected-img{margin-right:5px;max-width:64px;vertical-align:middle}.ms-dd .ms-dd-arrow{height:0;margin-top:-3px;position:absolute;right:10px;top:50%;width:0}.ms-dd .ms-dd-arrow.ms-dd-pointer-down{border:5px solid transparent;border-top-color:#000}.ms-dd .ms-dd-arrow.ms-dd-pointer-up{border:5px solid transparent;border-bottom-color:#000;margin-top:-8px}.ms-dd .ms-options{background:#fff;border:1px solid #ccc;border-top:none;box-shadow:0 1px 5px #ddd;display:none;list-style:none;margin:0;overflow:auto;padding:0;position:absolute;width:100%;z-index:9999}.ms-dd .ms-list-option,.ms-dd .ms-optgroup ul .ms-list-option{align-items:center;border-bottom:1px solid #ddd;color:#333;cursor:pointer;display:flex;justify-content:flex-start;overflow:hidden;padding:10px;position:relative;text-decoration:none}.ms-dd .ms-list-option input[type=checkbox],.ms-dd .ms-optgroup ul .ms-list-option input[type=checkbox]{margin-right:5px;vertical-align:middle}.ms-dd .ms-list-option:last-child,.ms-dd .ms-optgroup ul .ms-list-option:last-child{border-bottom:none}.ms-dd .ms-list-option:hover,.ms-dd .ms-optgroup ul .ms-list-option:hover{background:#f3f3f3;color:#000}.ms-dd .ms-list-option.option-selected,.ms-dd .ms-optgroup ul .ms-list-option.option-selected{background:#f6f6f6}.ms-dd .ms-list-option.ico-align-right .ms-dd-option-image,.ms-dd .ms-list-option.ico-align-right .ms-dd-selected-img,.ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-option-image,.ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-selected-img{order:2}.ms-dd .ms-list-option.disabled,.ms-dd .ms-list-option:disabled,.ms-dd .ms-optgroup ul .ms-list-option.disabled,.ms-dd .ms-optgroup ul .ms-list-option:disabled{cursor:default;opacity:.4}.ms-dd .ms-list-option .ms-dd-desc,.ms-dd .ms-optgroup ul .ms-list-option .ms-dd-desc{color:#aaa;display:block;font-weight:400;line-height:1.5em;overflow:hidden;text-shadow:0 1px .5px #fff}.ms-dd .ms-header-middle-content,.ms-dd .ms-middle{display:flex;justify-content:flex-start;width:100%}.ms-dd.disabled,.ms-dd:disabled{cursor:default;opacity:.4;pointer-events:none}.ms-dd .ms-optgroup-padding{font-weight:700;padding:10px 10px 0}.ms-dd .ms-optgroup{display:block}.ms-dd .ms-optgroup:hover{background:#fff;color:#000}.ms-dd .ms-optgroup ul{margin:0;padding:0}.ms-dd .ms-optgroup ul .ms-list-option{padding-left:20px}.ms-dd .ms-optgroup ul:last-child{border-bottom:1px solid #ddd}.ms-dd .ms-dd-option-content{width:100%}:focus{outline:none}

data/assets/themes/j1/modules/msDropdown/css/themes/uno/msDropdown.css

@@ -1,6 +1,6 @@
 /*
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/modules/msDropdown/css/msDropdown.css
+ # ~/assets/themes/j1/modules/msDropdown/css/themes/uno/msDropdown.css
  # Provides CSS core styles for MSDropdown
  #
  # Product/Info:
@@ -19,6 +19,7 @@
  # https://www.marghoobsuleman.com/image-dropdown/help
  # https://www.marghoobsuleman.com/image-dropdown/advanced-help
  # -----------------------------------------------------------------------------
+*/
 
  /*!
  * /**
@@ -31,6 +32,7 @@
  *  * it under the terms of the either the MIT License or the Gnu General Public License (GPL) Version 2
  *  * /
  */
+ 
  .ms-pr {
   position: relative
 }