Files
SkinbaseNova/public/legacy/js/mmenu/dist/css/extensions/jquery.mmenu.themes.css
2026-02-07 08:23:18 +01:00

214 lines
8.5 KiB
CSS

/*
jQuery.mmenu themes extension CSS
*/
.mm-menu.mm-theme-dark {
background: #333333;
color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-header {
border-color: rgba(0, 0, 0, 0.15); }
.mm-menu.mm-theme-dark .mm-header > a {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-header .mm-btn:before,
.mm-menu.mm-theme-dark .mm-header .mm-btn:after {
border-color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-listview > li:after {
border-color: rgba(0, 0, 0, 0.15); }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after {
border-color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before {
border-color: rgba(0, 0, 0, 0.15); }
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel {
background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-theme-dark .mm-divider {
background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-theme-dark .mm-buttonbar {
border-color: rgba(255, 255, 255, 0.8);
background: #333333; }
.mm-menu.mm-theme-dark .mm-buttonbar > * {
border-color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label {
background: rgba(255, 255, 255, 0.8);
color: #333333; }
.mm-menu.mm-theme-dark label.mm-check:before {
border-color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark em.mm-counter {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-footer {
border-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-fixeddivider span {
background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-pageshadow.mm-theme-dark:after {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
.mm-menu.mm-theme-dark .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-indexer a {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark label.mm-toggle {
background: rgba(0, 0, 0, 0.15); }
.mm-menu.mm-theme-dark label.mm-toggle:before {
background: #333333; }
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }
.mm-menu.mm-theme-white {
background: white;
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-header {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-theme-white .mm-header > a {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-header .mm-btn:before,
.mm-menu.mm-theme-white .mm-header .mm-btn:after {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-listview > li:after {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
background: rgba(0, 0, 0, 0.05); }
.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-theme-white .mm-divider {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-theme-white .mm-buttonbar {
border-color: rgba(0, 0, 0, 0.6);
background: white; }
.mm-menu.mm-theme-white .mm-buttonbar > * {
border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-buttonbar > input:checked + label {
background: rgba(0, 0, 0, 0.6);
color: white; }
.mm-menu.mm-theme-white label.mm-check:before {
border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white em.mm-counter {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-footer {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-fixeddivider span {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-pageshadow.mm-theme-white:after {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.mm-menu.mm-theme-white .mm-search input {
background: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-noresultsmsg {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-indexer a {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white label.mm-toggle {
background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-theme-white label.mm-toggle:before {
background: white; }
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }
.mm-menu.mm-theme-black {
background: black;
color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-theme-black .mm-header {
border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-theme-black .mm-header > a {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black .mm-header .mm-btn:before,
.mm-menu.mm-theme-black .mm-header .mm-btn:after {
border-color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black .mm-listview > li:after {
border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-theme-black .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:after {
border-color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:before {
border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
background: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel,
.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel {
background: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-theme-black .mm-divider {
background: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-theme-black .mm-buttonbar {
border-color: rgba(255, 255, 255, 0.6);
background: black; }
.mm-menu.mm-theme-black .mm-buttonbar > * {
border-color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-theme-black .mm-buttonbar > input:checked + label {
background: rgba(255, 255, 255, 0.6);
color: black; }
.mm-menu.mm-theme-black label.mm-check:before {
border-color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-theme-black em.mm-counter {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black .mm-footer {
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black .mm-fixeddivider span {
background: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-pageshadow.mm-theme-black:after {
content: none;
display: none; }
.mm-menu.mm-theme-black .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-theme-black .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black .mm-indexer a {
color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-black label.mm-toggle {
background: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-theme-black label.mm-toggle:before {
background: black; }
.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }