mmenu-rails 0.0.2 → 5.5.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) hide show
  1. checksums.yaml +6 -14
  2. data/.gitignore +2 -0
  3. data/README.md +66 -6
  4. data/app/assets/javascripts/addons/jquery.mmenu.autoheight.js +7 -0
  5. data/app/assets/javascripts/addons/jquery.mmenu.backbutton.js +7 -0
  6. data/app/assets/javascripts/addons/jquery.mmenu.buttonbars.js +7 -0
  7. data/app/assets/javascripts/addons/jquery.mmenu.counters.js +7 -0
  8. data/app/assets/javascripts/addons/jquery.mmenu.dividers.js +7 -0
  9. data/app/assets/javascripts/addons/jquery.mmenu.dragopen.js +7 -0
  10. data/app/assets/javascripts/addons/jquery.mmenu.fixedelements.js +7 -0
  11. data/app/assets/javascripts/addons/jquery.mmenu.footer.js +7 -0
  12. data/app/assets/javascripts/addons/jquery.mmenu.header.js +7 -0
  13. data/app/assets/javascripts/addons/jquery.mmenu.offcanvas.js +7 -0
  14. data/app/assets/javascripts/addons/jquery.mmenu.searchfield.js +7 -0
  15. data/app/assets/javascripts/addons/jquery.mmenu.sectionindexer.js +7 -0
  16. data/app/assets/javascripts/addons/jquery.mmenu.toggles.js +7 -0
  17. data/app/assets/javascripts/jquery.mmenu.all.js +104 -0
  18. data/app/assets/javascripts/jquery.mmenu.js +20 -0
  19. data/app/assets/javascripts/jquery.mmenu.oncanvas.js +13 -0
  20. data/app/assets/stylesheets/addons/jquery.mmenu.autoheight.css +10 -0
  21. data/app/assets/stylesheets/addons/jquery.mmenu.buttonbars.css +71 -0
  22. data/app/assets/stylesheets/{mmenu-counters.css → addons/jquery.mmenu.counters.css} +12 -8
  23. data/app/assets/stylesheets/addons/jquery.mmenu.dividers.css +41 -0
  24. data/app/assets/stylesheets/{mmenu-dragopen.css → addons/jquery.mmenu.dragopen.css} +2 -0
  25. data/app/assets/stylesheets/addons/jquery.mmenu.footer.css +28 -0
  26. data/app/assets/stylesheets/addons/jquery.mmenu.header.css +25 -0
  27. data/app/assets/stylesheets/addons/jquery.mmenu.height.css +10 -0
  28. data/app/assets/stylesheets/addons/jquery.mmenu.offcanvas.css +69 -0
  29. data/app/assets/stylesheets/addons/jquery.mmenu.searchfield.css +70 -0
  30. data/app/assets/stylesheets/addons/jquery.mmenu.sectionindexer.css +50 -0
  31. data/app/assets/stylesheets/addons/jquery.mmenu.toggles.css +91 -0
  32. data/app/assets/stylesheets/extensions/jquery.mmenu.borderstyle.css +10 -0
  33. data/app/assets/stylesheets/extensions/jquery.mmenu.effects.css +100 -0
  34. data/app/assets/stylesheets/extensions/jquery.mmenu.fullscreen.css +57 -0
  35. data/app/assets/stylesheets/extensions/jquery.mmenu.iconbar.css +21 -0
  36. data/app/assets/stylesheets/extensions/jquery.mmenu.multiline.css +11 -0
  37. data/app/assets/stylesheets/extensions/jquery.mmenu.pageshadow.css +21 -0
  38. data/app/assets/stylesheets/extensions/jquery.mmenu.positioning.css +91 -0
  39. data/app/assets/stylesheets/extensions/jquery.mmenu.themes.css +213 -0
  40. data/app/assets/stylesheets/extensions/jquery.mmenu.widescreen.css +36 -0
  41. data/app/assets/stylesheets/jquery.mmenu.all.css +1304 -0
  42. data/app/assets/stylesheets/jquery.mmenu.css +353 -0
  43. data/app/assets/stylesheets/jquery.mmenu.oncanvas.css +280 -0
  44. data/lib/version.rb +1 -1
  45. data/mmenu-rails.gemspec +1 -1
  46. metadata +50 -22
  47. data/app/assets/javascripts/mmenu-counters.js +0 -14
  48. data/app/assets/javascripts/mmenu-dragopen.js +0 -14
  49. data/app/assets/javascripts/mmenu-header.js +0 -14
  50. data/app/assets/javascripts/mmenu-labels.js +0 -14
  51. data/app/assets/javascripts/mmenu-searchfield.js +0 -14
  52. data/app/assets/javascripts/mmenu.js +0 -14
  53. data/app/assets/stylesheets/mmenu-header.css +0 -98
  54. data/app/assets/stylesheets/mmenu-labels.css +0 -44
  55. data/app/assets/stylesheets/mmenu-searchfield.css +0 -56
  56. data/app/assets/stylesheets/mmenu.css +0 -335
@@ -0,0 +1,100 @@
1
+ /*
2
+ jQuery.mmenu effects extension CSS
3
+ */
4
+ html.mm-effect-slide .mm-menu.mm-offcanvas {
5
+ -webkit-transition: -webkit-transform 0.4s ease;
6
+ transition: transform 0.4s ease; }
7
+ html.mm-effect-slide.mm-opened .mm-menu.mm-offcanvas {
8
+ -webkit-transform: translate3d(-30%, 0, 0);
9
+ -moz-transform: translate3d(-30%, 0, 0);
10
+ -ms-transform: translate3d(-30%, 0, 0);
11
+ -o-transform: translate3d(-30%, 0, 0);
12
+ transform: translate3d(-30%, 0, 0); }
13
+ html.mm-effect-slide.mm-opening .mm-menu.mm-offcanvas {
14
+ -webkit-transform: translate3d(0%, 0, 0);
15
+ -moz-transform: translate3d(0%, 0, 0);
16
+ -ms-transform: translate3d(0%, 0, 0);
17
+ -o-transform: translate3d(0%, 0, 0);
18
+ transform: translate3d(0%, 0, 0); }
19
+ html.mm-effect-slide.mm-right.mm-opened .mm-menu.mm-offcanvas {
20
+ -webkit-transform: translate3d(30%, 0, 0);
21
+ -moz-transform: translate3d(30%, 0, 0);
22
+ -ms-transform: translate3d(30%, 0, 0);
23
+ -o-transform: translate3d(30%, 0, 0);
24
+ transform: translate3d(30%, 0, 0); }
25
+ html.mm-effect-slide.mm-right.mm-opening .mm-menu.mm-offcanvas {
26
+ -webkit-transform: translate3d(0%, 0, 0);
27
+ -moz-transform: translate3d(0%, 0, 0);
28
+ -ms-transform: translate3d(0%, 0, 0);
29
+ -o-transform: translate3d(0%, 0, 0);
30
+ transform: translate3d(0%, 0, 0); }
31
+
32
+ html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
33
+ -webkit-transition: -webkit-transform 0.4s ease;
34
+ -moz-transition: -moz-transform 0.4s ease;
35
+ -ms-transition: -ms-transform 0.4s ease;
36
+ -o-transition: -o-transform 0.4s ease;
37
+ transition: transform 0.4s ease; }
38
+ html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas {
39
+ -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
40
+ -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
41
+ -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
42
+ -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
43
+ transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
44
+ -webkit-transform-origin: left center;
45
+ -moz-transform-origin: left center;
46
+ -ms-transform-origin: left center;
47
+ -o-transform-origin: left center;
48
+ transform-origin: left center; }
49
+ html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas {
50
+ -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
51
+ -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
52
+ -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
53
+ -o-transform: scale(1, 1) translate3d(0%, 0, 0);
54
+ transform: scale(1, 1) translate3d(0%, 0, 0); }
55
+ html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
56
+ -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
57
+ -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
58
+ -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
59
+ -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
60
+ transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
61
+ -webkit-transform-origin: right center;
62
+ -moz-transform-origin: right center;
63
+ -ms-transform-origin: right center;
64
+ -o-transform-origin: right center;
65
+ transform-origin: right center; }
66
+ html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
67
+ -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
68
+ -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
69
+ -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
70
+ -o-transform: scale(1, 1) translate3d(0%, 0, 0);
71
+ transform: scale(1, 1) translate3d(0%, 0, 0); }
72
+
73
+ html.mm-effect-zoom-panels .mm-menu .mm-panel {
74
+ -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
75
+ -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
76
+ -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
77
+ -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
78
+ transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
79
+ -webkit-transform-origin: left center;
80
+ -moz-transform-origin: left center;
81
+ -ms-transform-origin: left center;
82
+ -o-transform-origin: left center;
83
+ transform-origin: left center;
84
+ -webkit-transition-property: -webkit-transform, left;
85
+ -moz-transition-property: -moz-transform, left;
86
+ -ms-transition-property: -ms-transform, left;
87
+ -o-transition-property: -o-transform, left;
88
+ transition-property: transform, left; }
89
+ html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened {
90
+ -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
91
+ -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
92
+ -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
93
+ -o-transform: scale(1, 1) translate3d(0%, 0, 0);
94
+ transform: scale(1, 1) translate3d(0%, 0, 0); }
95
+ html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened.mm-subopened {
96
+ -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
97
+ -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
98
+ -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
99
+ -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
100
+ transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }
@@ -0,0 +1,57 @@
1
+ /*
2
+ jQuery.mmenu fullscreen extension CSS
3
+ */
4
+ .mm-menu.mm-fullscreen {
5
+ width: 100%;
6
+ min-width: 140px;
7
+ max-width: 10000px; }
8
+
9
+ html.mm-opening.mm-fullscreen .mm-slideout {
10
+ -webkit-transform: translate(100%, 0);
11
+ -moz-transform: translate(100%, 0);
12
+ -ms-transform: translate(100%, 0);
13
+ -o-transform: translate(100%, 0);
14
+ transform: translate(100%, 0); }
15
+
16
+ @media all and (max-width: 140px) {
17
+ html.mm-opening.mm-fullscreen .mm-slideout {
18
+ -webkit-transform: translate(140px, 0);
19
+ -moz-transform: translate(140px, 0);
20
+ -ms-transform: translate(140px, 0);
21
+ -o-transform: translate(140px, 0);
22
+ transform: translate(140px, 0); } }
23
+ @media all and (min-width: 10000px) {
24
+ html.mm-opening.mm-fullscreen .mm-slideout {
25
+ -webkit-transform: translate(10000px, 0);
26
+ -moz-transform: translate(10000px, 0);
27
+ -ms-transform: translate(10000px, 0);
28
+ -o-transform: translate(10000px, 0);
29
+ transform: translate(10000px, 0); } }
30
+ html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
31
+ -webkit-transform: translate(-100%, 0);
32
+ -moz-transform: translate(-100%, 0);
33
+ -ms-transform: translate(-100%, 0);
34
+ -o-transform: translate(-100%, 0);
35
+ transform: translate(-100%, 0); }
36
+
37
+ @media all and (max-width: 140px) {
38
+ html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
39
+ -webkit-transform: translate(-140px, 0);
40
+ -moz-transform: translate(-140px, 0);
41
+ -ms-transform: translate(-140px, 0);
42
+ -o-transform: translate(-140px, 0);
43
+ transform: translate(-140px, 0); } }
44
+ @media all and (min-width: 10000px) {
45
+ html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
46
+ -webkit-transform: translate(-10000px, 0);
47
+ -moz-transform: translate(-10000px, 0);
48
+ -ms-transform: translate(-10000px, 0);
49
+ -o-transform: translate(-10000px, 0);
50
+ transform: translate(-10000px, 0); } }
51
+ .mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
52
+ height: 100%;
53
+ min-height: 140px;
54
+ max-height: 10000px; }
55
+
56
+ html.mm-opened.mm-fullscreen .mm-page {
57
+ box-shadow: none !important; }
@@ -0,0 +1,21 @@
1
+ /*
2
+ jQuery.mmenu iconbar extension CSS
3
+ */
4
+ body {
5
+ overflow-x: hidden; }
6
+
7
+ .mm-menu.mm-iconbar {
8
+ display: block; }
9
+
10
+ .mm-page {
11
+ background: inherit;
12
+ min-height: 100vh; }
13
+
14
+ .mm-slideout {
15
+ box-sizing: border-box;
16
+ padding-right: 60px;
17
+ -webkit-transform: translate3d(60px, 0, 0);
18
+ -moz-transform: translate3d(60px, 0, 0);
19
+ -ms-transform: translate3d(60px, 0, 0);
20
+ -o-transform: translate3d(60px, 0, 0);
21
+ transform: translate3d(60px, 0, 0); }
@@ -0,0 +1,11 @@
1
+ /*
2
+ jQuery.mmenu multiline extension CSS
3
+ */
4
+ .mm-menu.mm-multiline .mm-listview > li > a,
5
+ .mm-menu.mm-multiline .mm-listview > li > span,
6
+ .mm-listview.mm-multiline > li
7
+ .mm-listview > li.mm-multiline > a,
8
+ .mm-listview.mm-multiline > li
9
+ .mm-listview > li.mm-multiline > span {
10
+ text-overflow: clip;
11
+ white-space: normal; }
@@ -0,0 +1,21 @@
1
+ /*
2
+ jQuery.mmenu pageshadow extension CSS
3
+ */
4
+ .mm-menu.mm-pageshadow:after {
5
+ content: "";
6
+ display: block;
7
+ width: 20px;
8
+ height: 120%;
9
+ position: absolute;
10
+ left: 100%;
11
+ top: -10%;
12
+ z-index: 99; }
13
+ .mm-menu.mm-pageshadow.mm-right:after {
14
+ left: auto;
15
+ right: 100%; }
16
+ .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {
17
+ content: none;
18
+ display: none; }
19
+
20
+ .mm-menu.mm-pageshadow:after {
21
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
@@ -0,0 +1,91 @@
1
+ /*
2
+ jQuery.mmenu position extension CSS
3
+ */
4
+ .mm-menu.mm-top,
5
+ .mm-menu.mm-bottom {
6
+ width: 100%;
7
+ min-width: 100%;
8
+ max-width: 100%; }
9
+
10
+ .mm-menu.mm-right {
11
+ left: auto;
12
+ right: 0; }
13
+
14
+ .mm-menu.mm-bottom {
15
+ top: auto;
16
+ bottom: 0; }
17
+
18
+ html.mm-right.mm-opening .mm-slideout {
19
+ -webkit-transform: translate(-80%, 0);
20
+ -moz-transform: translate(-80%, 0);
21
+ -ms-transform: translate(-80%, 0);
22
+ -o-transform: translate(-80%, 0);
23
+ transform: translate(-80%, 0); }
24
+
25
+ @media all and (max-width: 175px) {
26
+ html.mm-right.mm-opening .mm-slideout {
27
+ -webkit-transform: translate(-140px, 0);
28
+ -moz-transform: translate(-140px, 0);
29
+ -ms-transform: translate(-140px, 0);
30
+ -o-transform: translate(-140px, 0);
31
+ transform: translate(-140px, 0); } }
32
+ @media all and (min-width: 550px) {
33
+ html.mm-right.mm-opening .mm-slideout {
34
+ -webkit-transform: translate(-440px, 0);
35
+ -moz-transform: translate(-440px, 0);
36
+ -ms-transform: translate(-440px, 0);
37
+ -o-transform: translate(-440px, 0);
38
+ transform: translate(-440px, 0); } }
39
+ /*
40
+ jQuery.mmenu z-position extension CSS
41
+ */
42
+ html.mm-front .mm-slideout {
43
+ -webkit-transform: none !important;
44
+ -moz-transform: none !important;
45
+ -ms-transform: none !important;
46
+ -o-transform: none !important;
47
+ transform: none !important;
48
+ z-index: 0 !important; }
49
+
50
+ .mm-menu.mm-front {
51
+ z-index: 1; }
52
+
53
+ .mm-menu.mm-front, .mm-menu.mm-next {
54
+ -webkit-transition: -webkit-transform 0.4s ease;
55
+ -ms-transition: -ms-transform 0.4s ease;
56
+ transition: transform 0.4s ease;
57
+ -webkit-transform: translate3d(-100%, 0, 0);
58
+ -moz-transform: translate3d(-100%, 0, 0);
59
+ -ms-transform: translate3d(-100%, 0, 0);
60
+ -o-transform: translate3d(-100%, 0, 0);
61
+ transform: translate3d(-100%, 0, 0); }
62
+ .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
63
+ -webkit-transform: translate3d(100%, 0, 0);
64
+ -moz-transform: translate3d(100%, 0, 0);
65
+ -ms-transform: translate3d(100%, 0, 0);
66
+ -o-transform: translate3d(100%, 0, 0);
67
+ transform: translate3d(100%, 0, 0); }
68
+ .mm-menu.mm-top {
69
+ -webkit-transform: translate3d(0, -100%, 0);
70
+ -moz-transform: translate3d(0, -100%, 0);
71
+ -ms-transform: translate3d(0, -100%, 0);
72
+ -o-transform: translate3d(0, -100%, 0);
73
+ transform: translate3d(0, -100%, 0); }
74
+ .mm-menu.mm-bottom {
75
+ -webkit-transform: translate3d(0, 100%, 0);
76
+ -moz-transform: translate3d(0, 100%, 0);
77
+ -ms-transform: translate3d(0, 100%, 0);
78
+ -o-transform: translate3d(0, 100%, 0);
79
+ transform: translate3d(0, 100%, 0); }
80
+
81
+ html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
82
+ -webkit-transform: translate3d(0, 0, 0);
83
+ -moz-transform: translate3d(0, 0, 0);
84
+ -ms-transform: translate3d(0, 0, 0);
85
+ -o-transform: translate3d(0, 0, 0);
86
+ transform: translate3d(0, 0, 0); }
87
+
88
+ .mm-menu.mm-top, .mm-menu.mm-bottom {
89
+ height: 80%;
90
+ min-height: 140px;
91
+ max-height: 880px; }
@@ -0,0 +1,213 @@
1
+ /*
2
+ jQuery.mmenu themes extension CSS
3
+ */
4
+ .mm-menu.mm-theme-dark {
5
+ background: #333333;
6
+ color: rgba(255, 255, 255, 0.8); }
7
+ .mm-menu.mm-theme-dark .mm-header {
8
+ border-color: rgba(0, 0, 0, 0.15); }
9
+ .mm-menu.mm-theme-dark .mm-header > a {
10
+ color: rgba(255, 255, 255, 0.4); }
11
+ .mm-menu.mm-theme-dark .mm-header .mm-btn:before,
12
+ .mm-menu.mm-theme-dark .mm-header .mm-btn:after {
13
+ border-color: rgba(255, 255, 255, 0.4); }
14
+ .mm-menu.mm-theme-dark .mm-listview > li:after {
15
+ border-color: rgba(0, 0, 0, 0.15); }
16
+ .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next {
17
+ color: rgba(255, 255, 255, 0.4); }
18
+ .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after {
19
+ border-color: rgba(255, 255, 255, 0.4); }
20
+ .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before {
21
+ border-color: rgba(0, 0, 0, 0.15); }
22
+ .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
23
+ .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
24
+ background: rgba(0, 0, 0, 0.1); }
25
+ .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next,
26
+ .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel,
27
+ .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next,
28
+ .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel {
29
+ background: rgba(255, 255, 255, 0.05); }
30
+ .mm-menu.mm-theme-dark .mm-divider {
31
+ background: rgba(255, 255, 255, 0.05); }
32
+
33
+ .mm-menu.mm-theme-dark .mm-buttonbar {
34
+ border-color: rgba(255, 255, 255, 0.8);
35
+ background: #333333; }
36
+ .mm-menu.mm-theme-dark .mm-buttonbar > * {
37
+ border-color: rgba(255, 255, 255, 0.8); }
38
+ .mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label {
39
+ background: rgba(255, 255, 255, 0.8);
40
+ color: #333333; }
41
+
42
+ .mm-menu.mm-theme-dark label.mm-check:before {
43
+ border-color: rgba(255, 255, 255, 0.8); }
44
+
45
+ .mm-menu.mm-theme-dark em.mm-counter {
46
+ color: rgba(255, 255, 255, 0.4); }
47
+
48
+ .mm-menu.mm-theme-dark .mm-footer {
49
+ border-color: rgba(0, 0, 0, 0.15);
50
+ color: rgba(255, 255, 255, 0.4); }
51
+
52
+ .mm-menu.mm-theme-dark .mm-fixeddivider span {
53
+ background: rgba(255, 255, 255, 0.05); }
54
+
55
+ .mm-menu.mm-pageshadow.mm-theme-dark:after {
56
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
57
+
58
+ .mm-menu.mm-theme-dark .mm-search input {
59
+ background: rgba(255, 255, 255, 0.3);
60
+ color: rgba(255, 255, 255, 0.8); }
61
+ .mm-menu.mm-theme-dark .mm-noresultsmsg {
62
+ color: rgba(255, 255, 255, 0.4); }
63
+
64
+ .mm-menu.mm-theme-dark .mm-indexer a {
65
+ color: rgba(255, 255, 255, 0.4); }
66
+
67
+ .mm-menu.mm-theme-dark label.mm-toggle {
68
+ background: rgba(0, 0, 0, 0.15); }
69
+ .mm-menu.mm-theme-dark label.mm-toggle:before {
70
+ background: #333333; }
71
+ .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
72
+ background: #4bd963; }
73
+
74
+ .mm-menu.mm-theme-white {
75
+ background: white;
76
+ color: rgba(0, 0, 0, 0.6); }
77
+ .mm-menu.mm-theme-white .mm-header {
78
+ border-color: rgba(0, 0, 0, 0.1); }
79
+ .mm-menu.mm-theme-white .mm-header > a {
80
+ color: rgba(0, 0, 0, 0.3); }
81
+ .mm-menu.mm-theme-white .mm-header .mm-btn:before,
82
+ .mm-menu.mm-theme-white .mm-header .mm-btn:after {
83
+ border-color: rgba(0, 0, 0, 0.3); }
84
+ .mm-menu.mm-theme-white .mm-listview > li:after {
85
+ border-color: rgba(0, 0, 0, 0.1); }
86
+ .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next {
87
+ color: rgba(0, 0, 0, 0.3); }
88
+ .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after {
89
+ border-color: rgba(0, 0, 0, 0.3); }
90
+ .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before {
91
+ border-color: rgba(0, 0, 0, 0.1); }
92
+ .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
93
+ .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
94
+ background: rgba(0, 0, 0, 0.05); }
95
+ .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next,
96
+ .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel,
97
+ .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next,
98
+ .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel {
99
+ background: rgba(0, 0, 0, 0.03); }
100
+ .mm-menu.mm-theme-white .mm-divider {
101
+ background: rgba(0, 0, 0, 0.03); }
102
+
103
+ .mm-menu.mm-theme-white .mm-buttonbar {
104
+ border-color: rgba(0, 0, 0, 0.6);
105
+ background: white; }
106
+ .mm-menu.mm-theme-white .mm-buttonbar > * {
107
+ border-color: rgba(0, 0, 0, 0.6); }
108
+ .mm-menu.mm-theme-white .mm-buttonbar > input:checked + label {
109
+ background: rgba(0, 0, 0, 0.6);
110
+ color: white; }
111
+
112
+ .mm-menu.mm-theme-white label.mm-check:before {
113
+ border-color: rgba(0, 0, 0, 0.6); }
114
+
115
+ .mm-menu.mm-theme-white em.mm-counter {
116
+ color: rgba(0, 0, 0, 0.3); }
117
+
118
+ .mm-menu.mm-theme-white .mm-footer {
119
+ border-color: rgba(0, 0, 0, 0.1);
120
+ color: rgba(0, 0, 0, 0.3); }
121
+
122
+ .mm-menu.mm-theme-white .mm-fixeddivider span {
123
+ background: rgba(0, 0, 0, 0.03); }
124
+
125
+ .mm-menu.mm-pageshadow.mm-theme-white:after {
126
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
127
+
128
+ .mm-menu.mm-theme-white .mm-search input {
129
+ background: rgba(0, 0, 0, 0.05);
130
+ color: rgba(0, 0, 0, 0.6); }
131
+ .mm-menu.mm-theme-white .mm-noresultsmsg {
132
+ color: rgba(0, 0, 0, 0.3); }
133
+
134
+ .mm-menu.mm-theme-white .mm-indexer a {
135
+ color: rgba(0, 0, 0, 0.3); }
136
+
137
+ .mm-menu.mm-theme-white label.mm-toggle {
138
+ background: rgba(0, 0, 0, 0.1); }
139
+ .mm-menu.mm-theme-white label.mm-toggle:before {
140
+ background: white; }
141
+ .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
142
+ background: #4bd963; }
143
+
144
+ .mm-menu.mm-theme-black {
145
+ background: black;
146
+ color: rgba(255, 255, 255, 0.6); }
147
+ .mm-menu.mm-theme-black .mm-header {
148
+ border-color: rgba(255, 255, 255, 0.2); }
149
+ .mm-menu.mm-theme-black .mm-header > a {
150
+ color: rgba(255, 255, 255, 0.4); }
151
+ .mm-menu.mm-theme-black .mm-header .mm-btn:before,
152
+ .mm-menu.mm-theme-black .mm-header .mm-btn:after {
153
+ border-color: rgba(255, 255, 255, 0.4); }
154
+ .mm-menu.mm-theme-black .mm-listview > li:after {
155
+ border-color: rgba(255, 255, 255, 0.2); }
156
+ .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next {
157
+ color: rgba(255, 255, 255, 0.4); }
158
+ .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:after {
159
+ border-color: rgba(255, 255, 255, 0.4); }
160
+ .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:before {
161
+ border-color: rgba(255, 255, 255, 0.2); }
162
+ .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
163
+ .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
164
+ background: rgba(255, 255, 255, 0.3); }
165
+ .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next,
166
+ .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel,
167
+ .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next,
168
+ .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel {
169
+ background: rgba(255, 255, 255, 0.2); }
170
+ .mm-menu.mm-theme-black .mm-divider {
171
+ background: rgba(255, 255, 255, 0.2); }
172
+
173
+ .mm-menu.mm-theme-black .mm-buttonbar {
174
+ border-color: rgba(255, 255, 255, 0.6);
175
+ background: black; }
176
+ .mm-menu.mm-theme-black .mm-buttonbar > * {
177
+ border-color: rgba(255, 255, 255, 0.6); }
178
+ .mm-menu.mm-theme-black .mm-buttonbar > input:checked + label {
179
+ background: rgba(255, 255, 255, 0.6);
180
+ color: black; }
181
+
182
+ .mm-menu.mm-theme-black label.mm-check:before {
183
+ border-color: rgba(255, 255, 255, 0.6); }
184
+
185
+ .mm-menu.mm-theme-black em.mm-counter {
186
+ color: rgba(255, 255, 255, 0.4); }
187
+
188
+ .mm-menu.mm-theme-black .mm-footer {
189
+ border-color: rgba(255, 255, 255, 0.2);
190
+ color: rgba(255, 255, 255, 0.4); }
191
+
192
+ .mm-menu.mm-theme-black .mm-fixeddivider span {
193
+ background: rgba(255, 255, 255, 0.2); }
194
+
195
+ .mm-menu.mm-pageshadow.mm-theme-black:after {
196
+ content: none;
197
+ display: none; }
198
+
199
+ .mm-menu.mm-theme-black .mm-search input {
200
+ background: rgba(255, 255, 255, 0.3);
201
+ color: rgba(255, 255, 255, 0.6); }
202
+ .mm-menu.mm-theme-black .mm-noresultsmsg {
203
+ color: rgba(255, 255, 255, 0.4); }
204
+
205
+ .mm-menu.mm-theme-black .mm-indexer a {
206
+ color: rgba(255, 255, 255, 0.4); }
207
+
208
+ .mm-menu.mm-theme-black label.mm-toggle {
209
+ background: rgba(255, 255, 255, 0.2); }
210
+ .mm-menu.mm-theme-black label.mm-toggle:before {
211
+ background: black; }
212
+ .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
213
+ background: #4bd963; }