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,36 @@
1
+ /*
2
+ jQuery.mmenu widescreen extension CSS
3
+
4
+ To use on widescreens only, include it using a mediaquery:
5
+ <link type="text/css" href="mmenu-widescreen.css" media="all and (min-width: 900px)"/>
6
+ */
7
+ html,
8
+ body {
9
+ overflow: auto !important; }
10
+
11
+ body {
12
+ position: relative; }
13
+
14
+ #mm-blocker {
15
+ display: none !important; }
16
+
17
+ .mm-slideout {
18
+ -webkit-transform: none !important;
19
+ -moz-transform: none !important;
20
+ -ms-transform: none !important;
21
+ -o-transform: none !important;
22
+ transform: none !important;
23
+ width: 70% !important;
24
+ margin-left: 30% !important; }
25
+
26
+ .mm-page {
27
+ background: inherit;
28
+ box-sizing: border-box;
29
+ min-height: 100vh; }
30
+
31
+ .mm-menu.mm-widescreen {
32
+ display: block;
33
+ width: 30% !important;
34
+ min-width: none !important;
35
+ max-width: none !important;
36
+ z-index: 0; }
@@ -0,0 +1,1304 @@
1
+ /*
2
+ jQuery.mmenu CSS
3
+ */
4
+ /*
5
+ jQuery.mmenu oncanvas CSS
6
+ */
7
+ .mm-hidden {
8
+ display: none !important; }
9
+
10
+ .mm-wrapper {
11
+ overflow-x: hidden;
12
+ position: relative; }
13
+
14
+ .mm-menu,
15
+ .mm-menu > .mm-panel {
16
+ margin: 0;
17
+ position: absolute;
18
+ left: 0;
19
+ right: 0;
20
+ top: 0;
21
+ bottom: 0;
22
+ z-index: 0; }
23
+
24
+ .mm-menu {
25
+ background: inherit;
26
+ display: block;
27
+ overflow: hidden;
28
+ padding: 0; }
29
+
30
+ .mm-panel {
31
+ -webkit-transition: -webkit-transform 0.4s ease;
32
+ -moz-transition: -moz-transform 0.4s ease;
33
+ -ms-transition: -ms-transform 0.4s ease;
34
+ -o-transition: -o-transform 0.4s ease;
35
+ transition: transform 0.4s ease;
36
+ -webkit-transform: translate3d(100%, 0, 0);
37
+ -moz-transform: translate3d(100%, 0, 0);
38
+ -ms-transform: translate3d(100%, 0, 0);
39
+ -o-transform: translate3d(100%, 0, 0);
40
+ transform: translate3d(100%, 0, 0); }
41
+ .mm-panel.mm-opened {
42
+ -webkit-transform: translate3d(0%, 0, 0);
43
+ -moz-transform: translate3d(0%, 0, 0);
44
+ -ms-transform: translate3d(0%, 0, 0);
45
+ -o-transform: translate3d(0%, 0, 0);
46
+ transform: translate3d(0%, 0, 0); }
47
+ .mm-panel.mm-subopened {
48
+ -webkit-transform: translate3d(-30%, 0, 0);
49
+ -moz-transform: translate3d(-30%, 0, 0);
50
+ -ms-transform: translate3d(-30%, 0, 0);
51
+ -o-transform: translate3d(-30%, 0, 0);
52
+ transform: translate3d(-30%, 0, 0); }
53
+ .mm-panel.mm-highest {
54
+ z-index: 1; }
55
+
56
+ .mm-menu > .mm-panel {
57
+ background: inherit;
58
+ -webkit-overflow-scrolling: touch;
59
+ overflow: scroll;
60
+ overflow-x: hidden;
61
+ overflow-y: auto;
62
+ box-sizing: border-box;
63
+ padding: 0 20px; }
64
+ .mm-menu > .mm-panel.mm-hasheader {
65
+ padding-top: 40px; }
66
+ .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after {
67
+ content: '';
68
+ display: block;
69
+ height: 20px; }
70
+
71
+ .mm-vertical .mm-panel {
72
+ -webkit-transform: none !important;
73
+ -moz-transform: none !important;
74
+ -ms-transform: none !important;
75
+ -o-transform: none !important;
76
+ transform: none !important; }
77
+
78
+ .mm-vertical .mm-listview .mm-panel,
79
+ .mm-listview .mm-vertical .mm-panel {
80
+ display: none;
81
+ padding: 10px 0 10px 10px; }
82
+ .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
83
+ .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
84
+ border-color: transparent; }
85
+
86
+ .mm-vertical li.mm-opened > .mm-panel,
87
+ li.mm-vertical.mm-opened > .mm-panel {
88
+ display: block; }
89
+
90
+ .mm-vertical .mm-listview > li > .mm-next,
91
+ .mm-listview > li.mm-vertical > .mm-next {
92
+ height: 40px;
93
+ bottom: auto; }
94
+ .mm-vertical .mm-listview > li > .mm-next:after,
95
+ .mm-listview > li.mm-vertical > .mm-next:after {
96
+ top: 16px;
97
+ bottom: auto; }
98
+ .mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
99
+ .mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
100
+ -webkit-transform: rotate(45deg);
101
+ -moz-transform: rotate(45deg);
102
+ -ms-transform: rotate(45deg);
103
+ -o-transform: rotate(45deg);
104
+ transform: rotate(45deg); }
105
+
106
+ .mm-header {
107
+ border-bottom: 1px solid transparent;
108
+ text-align: center;
109
+ line-height: 20px;
110
+ height: 40px;
111
+ padding: 0 40px;
112
+ margin: 0;
113
+ position: absolute;
114
+ top: 0;
115
+ left: 0;
116
+ right: 0; }
117
+ .mm-header > a {
118
+ text-decoration: none;
119
+ display: block;
120
+ padding: 10px 0; }
121
+ .mm-header .mm-title {
122
+ text-overflow: ellipsis;
123
+ white-space: nowrap;
124
+ overflow: hidden; }
125
+ .mm-header .mm-btn {
126
+ box-sizing: border-box;
127
+ width: 40px;
128
+ height: 40px;
129
+ position: absolute;
130
+ top: 0;
131
+ z-index: 1; }
132
+ .mm-header .mm-btn:first-child {
133
+ padding-left: 20px;
134
+ left: 0; }
135
+ .mm-header .mm-btn:last-child {
136
+ padding-right: 20px;
137
+ right: 0; }
138
+
139
+ .mm-listview,
140
+ .mm-listview > li {
141
+ list-style: none;
142
+ display: block;
143
+ padding: 0;
144
+ margin: 0; }
145
+
146
+ .mm-listview {
147
+ font: inherit;
148
+ font-size: 14px; }
149
+ .mm-listview a,
150
+ .mm-listview a:hover {
151
+ text-decoration: none; }
152
+ .mm-listview > li {
153
+ position: relative; }
154
+ .mm-listview > li > a,
155
+ .mm-listview > li > span {
156
+ text-overflow: ellipsis;
157
+ white-space: nowrap;
158
+ overflow: hidden;
159
+ color: inherit;
160
+ line-height: 20px;
161
+ display: block;
162
+ padding: 10px 10px 10px 20px;
163
+ margin: 0; }
164
+ .mm-listview > li:not(.mm-divider):after {
165
+ content: '';
166
+ border-bottom-width: 1px;
167
+ border-bottom-style: solid;
168
+ display: block;
169
+ position: absolute;
170
+ left: 0;
171
+ right: 0;
172
+ bottom: 0; }
173
+ .mm-listview > li:not(.mm-divider):after {
174
+ left: 20px; }
175
+ .mm-listview .mm-next {
176
+ background: rgba(3, 2, 1, 0);
177
+ width: 50px;
178
+ padding: 0;
179
+ position: absolute;
180
+ right: 0;
181
+ top: 0;
182
+ bottom: 0;
183
+ z-index: 2; }
184
+ .mm-listview .mm-next:before {
185
+ content: '';
186
+ border-left-width: 1px;
187
+ border-left-style: solid;
188
+ display: block;
189
+ position: absolute;
190
+ top: 0;
191
+ bottom: 0;
192
+ left: 0; }
193
+ .mm-listview .mm-next + a,
194
+ .mm-listview .mm-next + span {
195
+ margin-right: 50px; }
196
+ .mm-listview .mm-next.mm-fullsubopen {
197
+ width: 100%; }
198
+ .mm-listview .mm-next.mm-fullsubopen:before {
199
+ border-left: none; }
200
+ .mm-listview .mm-next.mm-fullsubopen + a,
201
+ .mm-listview .mm-next.mm-fullsubopen + span {
202
+ padding-right: 50px;
203
+ margin-right: 0; }
204
+ .mm-listview.mm-first {
205
+ margin-top: -20px; }
206
+
207
+ .mm-menu > .mm-panel > .mm-listview {
208
+ margin-left: -20px;
209
+ margin-right: -20px; }
210
+ .mm-menu > .mm-panel > .mm-listview.mm-last {
211
+ padding-bottom: 20px; }
212
+
213
+ .mm-prev:before,
214
+ .mm-next:after {
215
+ content: '';
216
+ border: 2px solid transparent;
217
+ display: inline-block;
218
+ width: 8px;
219
+ height: 8px;
220
+ margin: auto;
221
+ position: absolute;
222
+ top: 0;
223
+ bottom: 0;
224
+ -webkit-transform: rotate(-45deg);
225
+ -moz-transform: rotate(-45deg);
226
+ -ms-transform: rotate(-45deg);
227
+ -o-transform: rotate(-45deg);
228
+ transform: rotate(-45deg); }
229
+
230
+ .mm-prev:before {
231
+ border-right: none;
232
+ border-bottom: none;
233
+ left: 20px; }
234
+
235
+ .mm-next:after {
236
+ border-top: none;
237
+ border-left: none;
238
+ right: 20px; }
239
+
240
+ .mm-divider {
241
+ text-overflow: ellipsis;
242
+ white-space: nowrap;
243
+ overflow: hidden;
244
+ font-size: 10px;
245
+ text-transform: uppercase;
246
+ text-indent: 20px;
247
+ line-height: 25px; }
248
+
249
+ .mm-listview > li.mm-spacer {
250
+ padding-top: 40px; }
251
+ .mm-listview > li.mm-spacer > .mm-next {
252
+ top: 40px; }
253
+ .mm-listview > li.mm-spacer.mm-divider {
254
+ padding-top: 25px; }
255
+
256
+ .mm-menu {
257
+ background: #f3f3f3;
258
+ color: rgba(0, 0, 0, 0.7); }
259
+ .mm-menu .mm-header {
260
+ border-color: rgba(0, 0, 0, 0.1); }
261
+ .mm-menu .mm-header > a {
262
+ color: rgba(0, 0, 0, 0.3); }
263
+ .mm-menu .mm-header .mm-btn:before,
264
+ .mm-menu .mm-header .mm-btn:after {
265
+ border-color: rgba(0, 0, 0, 0.3); }
266
+ .mm-menu .mm-listview > li:after {
267
+ border-color: rgba(0, 0, 0, 0.1); }
268
+ .mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next {
269
+ color: rgba(0, 0, 0, 0.3); }
270
+ .mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after {
271
+ border-color: rgba(0, 0, 0, 0.3); }
272
+ .mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before {
273
+ border-color: rgba(0, 0, 0, 0.1); }
274
+ .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
275
+ .mm-menu .mm-listview > li.mm-selected > span {
276
+ background: rgba(255, 255, 255, 0.5); }
277
+ .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next,
278
+ .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel,
279
+ .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next,
280
+ .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel {
281
+ background: rgba(0, 0, 0, 0.05); }
282
+ .mm-menu .mm-divider {
283
+ background: rgba(0, 0, 0, 0.05); }
284
+
285
+ /*
286
+ jQuery.mmenu offcanvas addon CSS
287
+ */
288
+ .mm-page {
289
+ box-sizing: border-box;
290
+ position: relative; }
291
+
292
+ .mm-slideout {
293
+ -webkit-transition: -webkit-transform 0.4s ease;
294
+ -ms-transition: -ms-transform 0.4s ease;
295
+ transition: transform 0.4s ease; }
296
+
297
+ html.mm-opened {
298
+ overflow: hidden;
299
+ position: relative; }
300
+ html.mm-opened body {
301
+ overflow: hidden; }
302
+ html.mm-opened .mm-page {
303
+ min-height: 100vh; }
304
+
305
+ html.mm-background .mm-page {
306
+ background: inherit; }
307
+
308
+ #mm-blocker {
309
+ background: rgba(3, 2, 1, 0);
310
+ display: none;
311
+ width: 100%;
312
+ height: 100%;
313
+ position: fixed;
314
+ top: 0;
315
+ left: 0;
316
+ z-index: 999999; }
317
+
318
+ html.mm-opened #mm-blocker,
319
+ html.mm-blocking #mm-blocker {
320
+ display: block; }
321
+
322
+ .mm-menu.mm-offcanvas {
323
+ display: none;
324
+ position: fixed; }
325
+ .mm-menu.mm-current {
326
+ display: block; }
327
+
328
+ .mm-menu {
329
+ width: 80%;
330
+ min-width: 140px;
331
+ max-width: 440px; }
332
+
333
+ html.mm-opening .mm-slideout {
334
+ -webkit-transform: translate(80%, 0);
335
+ -moz-transform: translate(80%, 0);
336
+ -ms-transform: translate(80%, 0);
337
+ -o-transform: translate(80%, 0);
338
+ transform: translate(80%, 0); }
339
+
340
+ @media all and (max-width: 175px) {
341
+ html.mm-opening .mm-slideout {
342
+ -webkit-transform: translate(140px, 0);
343
+ -moz-transform: translate(140px, 0);
344
+ -ms-transform: translate(140px, 0);
345
+ -o-transform: translate(140px, 0);
346
+ transform: translate(140px, 0); } }
347
+ @media all and (min-width: 550px) {
348
+ html.mm-opening .mm-slideout {
349
+ -webkit-transform: translate(440px, 0);
350
+ -moz-transform: translate(440px, 0);
351
+ -ms-transform: translate(440px, 0);
352
+ -o-transform: translate(440px, 0);
353
+ transform: translate(440px, 0); } }
354
+ /*
355
+ jQuery.mmenu autoHeight addon CSS
356
+ */
357
+ .mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight {
358
+ max-height: 80%; }
359
+ .mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen {
360
+ max-height: 100%; }
361
+ .mm-menu.mm-measureheight > .mm-panel {
362
+ bottom: auto !important;
363
+ height: auto !important; }
364
+
365
+ /*
366
+ jQuery.mmenu buttonbars addon CSS
367
+ */
368
+ .mm-buttonbar {
369
+ border: 1px solid transparent;
370
+ border-radius: 5px;
371
+ text-align: center;
372
+ line-height: 20px;
373
+ overflow: hidden;
374
+ display: block;
375
+ padding: 0;
376
+ margin: 0;
377
+ position: relative; }
378
+ .mm-buttonbar:after {
379
+ content: '';
380
+ display: block;
381
+ clear: both; }
382
+ .mm-buttonbar > * {
383
+ border-left: 1px solid transparent;
384
+ box-sizing: border-box;
385
+ display: block;
386
+ width: 100%;
387
+ height: 100%;
388
+ float: left;
389
+ text-overflow: ellipsis;
390
+ white-space: nowrap;
391
+ overflow: hidden; }
392
+ .mm-buttonbar > a {
393
+ text-decoration: none; }
394
+ .mm-buttonbar > input {
395
+ position: absolute;
396
+ left: -1000px;
397
+ top: -1000px; }
398
+ .mm-buttonbar > input:checked + label {
399
+ border-color: transparent !important; }
400
+ .mm-buttonbar > *:first-child,
401
+ .mm-buttonbar > input:first-child + * {
402
+ border-left: none; }
403
+ .mm-buttonbar.mm-buttonbar-2 > * {
404
+ width: 50%; }
405
+ .mm-buttonbar.mm-buttonbar-3 > * {
406
+ width: 33.33%; }
407
+ .mm-buttonbar.mm-buttonbar-4 > * {
408
+ width: 25%; }
409
+ .mm-buttonbar.mm-buttonbar-5 > * {
410
+ width: 20%; }
411
+
412
+ .mm-header .mm-buttonbar {
413
+ margin-top: 0px;
414
+ margin-left: -30px;
415
+ margin-right: -30px; }
416
+
417
+ .mm-footer .mm-buttonbar {
418
+ border: none;
419
+ border-radius: none;
420
+ line-height: 40px;
421
+ margin: -10px -10px 0 -20px; }
422
+ .mm-footer .mm-buttonbar > * {
423
+ border-left: none; }
424
+
425
+ .mm-listview > li > .mm-buttonbar {
426
+ margin: 10px 20px; }
427
+
428
+ .mm-menu .mm-buttonbar {
429
+ border-color: rgba(0, 0, 0, 0.7);
430
+ background: #f3f3f3; }
431
+ .mm-menu .mm-buttonbar > * {
432
+ border-color: rgba(0, 0, 0, 0.7); }
433
+ .mm-menu .mm-buttonbar > input:checked + label {
434
+ background: rgba(0, 0, 0, 0.7);
435
+ color: #f3f3f3; }
436
+
437
+ /*
438
+ jQuery.mmenu counters addon CSS
439
+ */
440
+ em.mm-counter {
441
+ font: inherit;
442
+ font-size: 14px;
443
+ font-style: normal;
444
+ text-indent: 0;
445
+ line-height: 20px;
446
+ display: block;
447
+ margin-top: -10px;
448
+ position: absolute;
449
+ right: 50px;
450
+ top: 50%; }
451
+ em.mm-counter + a.mm-next {
452
+ padding-left: 40px; }
453
+ em.mm-counter + a.mm-next + a,
454
+ em.mm-counter + a.mm-next + span {
455
+ margin-right: 90px; }
456
+ em.mm-counter + a.mm-fullsubopen {
457
+ padding-left: 0; }
458
+
459
+ .mm-vertical > .mm-counter {
460
+ top: 12px;
461
+ margin-top: 0; }
462
+ .mm-vertical.mm-spacer > .mm-counter {
463
+ margin-top: 40px; }
464
+
465
+ .mm-nosubresults > .mm-counter {
466
+ display: none; }
467
+
468
+ .mm-menu em.mm-counter {
469
+ color: rgba(0, 0, 0, 0.3); }
470
+
471
+ /*
472
+ jQuery.mmenu dragOpen addon CSS
473
+ */
474
+ html.mm-opened.mm-dragging .mm-menu,
475
+ html.mm-opened.mm-dragging .mm-page,
476
+ html.mm-opened.mm-dragging .mm-fixed-top,
477
+ html.mm-opened.mm-dragging .mm-fixed-bottom,
478
+ html.mm-opened.mm-dragging #mm-blocker {
479
+ -webkit-transition-duration: 0s;
480
+ -moz-transition-duration: 0s;
481
+ -ms-transition-duration: 0s;
482
+ -o-transition-duration: 0s;
483
+ transition-duration: 0s; }
484
+
485
+ /*
486
+ jQuery.mmenu footer addon CSS
487
+ */
488
+ .mm-footer {
489
+ background: inherit;
490
+ border-top: 1px solid transparent;
491
+ text-align: center;
492
+ line-height: 20px;
493
+ box-sizing: border-box;
494
+ width: 100%;
495
+ height: 40px;
496
+ padding: 10px 20px;
497
+ position: absolute;
498
+ z-index: 3;
499
+ bottom: 0;
500
+ left: 0;
501
+ -webkit-transform: translate3d(0, 0, 0);
502
+ -moz-transform: translate3d(0, 0, 0);
503
+ -ms-transform: translate3d(0, 0, 0);
504
+ -o-transform: translate3d(0, 0, 0);
505
+ transform: translate3d(0, 0, 0); }
506
+
507
+ .mm-menu.mm-hasfooter > .mm-panel {
508
+ bottom: 40px; }
509
+
510
+ .mm-menu .mm-footer {
511
+ border-color: rgba(0, 0, 0, 0.1);
512
+ color: rgba(0, 0, 0, 0.3); }
513
+
514
+ /*
515
+ jQuery.mmenu header addon CSS
516
+ */
517
+ .mm-menu > .mm-header {
518
+ background: inherit;
519
+ z-index: 3;
520
+ -webkit-transform: translate3d(0, 0, 0);
521
+ -moz-transform: translate3d(0, 0, 0);
522
+ -ms-transform: translate3d(0, 0, 0);
523
+ -o-transform: translate3d(0, 0, 0);
524
+ transform: translate3d(0, 0, 0); }
525
+ .mm-menu > .mm-header .mm-close:after {
526
+ content: 'x'; }
527
+
528
+ .mm-menu.mm-hassearch > .mm-header {
529
+ top: 40px; }
530
+
531
+ .mm-menu.mm-hasheader .mm-panel .mm-header {
532
+ display: none; }
533
+ .mm-menu.mm-hasheader .mm-panel,
534
+ .mm-menu.mm-hasheader .mm-fixeddivider {
535
+ top: 40px; }
536
+ .mm-menu.mm-hasheader.mm-hassearch .mm-panel,
537
+ .mm-menu.mm-hasheader.mm-hassearch .mm-fixeddivider {
538
+ top: 80px; }
539
+
540
+ /*
541
+ jQuery.mmenu dividers addon CSS
542
+ */
543
+ .mm-divider > span {
544
+ text-overflow: ellipsis;
545
+ white-space: nowrap;
546
+ overflow: hidden;
547
+ padding: 0;
548
+ line-height: 25px; }
549
+ .mm-divider.mm-opened a.mm-next:after {
550
+ -webkit-transform: rotate(45deg);
551
+ -moz-transform: rotate(45deg);
552
+ -ms-transform: rotate(45deg);
553
+ -o-transform: rotate(45deg);
554
+ transform: rotate(45deg); }
555
+
556
+ .mm-collapsed:not(.mm-uncollapsed) {
557
+ display: none; }
558
+
559
+ .mm-fixeddivider {
560
+ background: inherit;
561
+ display: none;
562
+ position: absolute;
563
+ top: 0;
564
+ left: 0;
565
+ right: 0;
566
+ z-index: 2;
567
+ -webkit-transform: translate3d(0, 0, 0);
568
+ -moz-transform: translate3d(0, 0, 0);
569
+ -ms-transform: translate3d(0, 0, 0);
570
+ -o-transform: translate3d(0, 0, 0);
571
+ transform: translate3d(0, 0, 0); }
572
+ .mm-fixeddivider:after {
573
+ content: none !important;
574
+ display: none !important; }
575
+
576
+ .mm-hasdividers .mm-fixeddivider {
577
+ display: block; }
578
+
579
+ .mm-menu .mm-fixeddivider span {
580
+ background: rgba(0, 0, 0, 0.05); }
581
+
582
+ /*
583
+ jQuery.mmenu searchfield addon CSS
584
+ */
585
+ .mm-search,
586
+ .mm-search input {
587
+ box-sizing: border-box; }
588
+
589
+ .mm-menu > .mm-search {
590
+ background: inherit;
591
+ z-index: 3;
592
+ -webkit-transform: translate3d(0, 0, 0);
593
+ -moz-transform: translate3d(0, 0, 0);
594
+ -ms-transform: translate3d(0, 0, 0);
595
+ -o-transform: translate3d(0, 0, 0);
596
+ transform: translate3d(0, 0, 0); }
597
+
598
+ .mm-search {
599
+ height: 40px;
600
+ width: 100%;
601
+ padding: 10px 10px 0 10px;
602
+ position: absolute;
603
+ top: 0;
604
+ left: 0; }
605
+ .mm-search input {
606
+ border: none;
607
+ border-radius: 25px;
608
+ font: inherit;
609
+ font-size: 14px;
610
+ line-height: 25px;
611
+ outline: none;
612
+ display: block;
613
+ width: 100%;
614
+ height: 25px;
615
+ margin: 0;
616
+ padding: 0 10px; }
617
+ .mm-search input::-ms-clear {
618
+ display: none; }
619
+
620
+ .mm-panel.mm-hassearch {
621
+ padding-top: 40px; }
622
+ .mm-panel.mm-hassearch.mm-hasheader {
623
+ padding-top: 80px; }
624
+ .mm-panel.mm-hassearch.mm-hasheader .mm-search {
625
+ top: 40px; }
626
+
627
+ .mm-noresultsmsg {
628
+ text-align: center;
629
+ font-size: 21px;
630
+ display: none;
631
+ padding: 40px 0; }
632
+
633
+ .mm-noresults .mm-noresultsmsg {
634
+ display: block; }
635
+ .mm-noresults .mm-indexer {
636
+ display: none !important; }
637
+
638
+ .mm-menu li.mm-nosubresults > a.mm-next {
639
+ display: none; }
640
+ .mm-menu li.mm-nosubresults > a.mm-next + a,
641
+ .mm-menu li.mm-nosubresults > a.mm-next + span {
642
+ padding-right: 10px; }
643
+ .mm-menu.mm-hassearch .mm-panel,
644
+ .mm-menu.mm-hassearch .mm-fixeddivider {
645
+ top: 40px; }
646
+
647
+ .mm-menu .mm-search input {
648
+ background: rgba(0, 0, 0, 0.05);
649
+ color: rgba(0, 0, 0, 0.7); }
650
+ .mm-menu .mm-noresultsmsg {
651
+ color: rgba(0, 0, 0, 0.3); }
652
+
653
+ /*
654
+ jQuery.mmenu sectionIndexer addon CSS
655
+ */
656
+ .mm-indexer {
657
+ background: inherit;
658
+ text-align: center;
659
+ font-size: 12px;
660
+ box-sizing: border-box;
661
+ width: 20px;
662
+ position: absolute;
663
+ top: 10px;
664
+ bottom: 10px;
665
+ right: -100px;
666
+ z-index: 3;
667
+ -webkit-transition: right 0.4s ease;
668
+ -moz-transition: right 0.4s ease;
669
+ -ms-transition: right 0.4s ease;
670
+ -o-transition: right 0.4s ease;
671
+ transition: right 0.4s ease;
672
+ -webkit-transform: translate3d(0, 0, 0);
673
+ -moz-transform: translate3d(0, 0, 0);
674
+ -ms-transform: translate3d(0, 0, 0);
675
+ -o-transform: translate3d(0, 0, 0);
676
+ transform: translate3d(0, 0, 0); }
677
+ .mm-indexer a {
678
+ text-decoration: none;
679
+ display: block;
680
+ height: 3.71%; }
681
+ .mm-indexer ~ .mm-panel.mm-hasindexer {
682
+ padding-right: 40px; }
683
+
684
+ .mm-hasindexer .mm-indexer {
685
+ right: 0; }
686
+ .mm-hasindexer .mm-fixeddivider {
687
+ right: 20px; }
688
+
689
+ .mm-hasheader .mm-indexer {
690
+ top: 50px; }
691
+
692
+ .mm-hasfooter .mm-indexer {
693
+ bottom: 50px; }
694
+
695
+ .mm-hassearch .mm-indexer {
696
+ top: 50px; }
697
+
698
+ .mm-hassearch.mm-hasheader .mm-indexer {
699
+ top: 90px; }
700
+
701
+ .mm-menu .mm-indexer a {
702
+ color: rgba(0, 0, 0, 0.3); }
703
+
704
+ /*
705
+ jQuery.mmenu toggles addon CSS
706
+ */
707
+ input.mm-toggle,
708
+ input.mm-check {
709
+ position: absolute;
710
+ left: -10000px; }
711
+
712
+ label.mm-toggle,
713
+ label.mm-check {
714
+ margin: 0;
715
+ position: absolute;
716
+ bottom: 50%;
717
+ z-index: 2; }
718
+ label.mm-toggle:before,
719
+ label.mm-check:before {
720
+ content: '';
721
+ display: block; }
722
+
723
+ label.mm-toggle {
724
+ border-radius: 30px;
725
+ width: 50px;
726
+ height: 30px;
727
+ margin-bottom: -15px; }
728
+ label.mm-toggle:before {
729
+ border-radius: 30px;
730
+ width: 28px;
731
+ height: 28px;
732
+ margin: 1px; }
733
+
734
+ input.mm-toggle:checked ~ label.mm-toggle:before {
735
+ float: right; }
736
+
737
+ label.mm-check {
738
+ width: 30px;
739
+ height: 30px;
740
+ margin-bottom: -15px; }
741
+ label.mm-check:before {
742
+ border-left: 3px solid;
743
+ border-bottom: 3px solid;
744
+ width: 40%;
745
+ height: 20%;
746
+ margin: 25% 0 0 20%;
747
+ opacity: 0.1;
748
+ -webkit-transform: rotate(-45deg);
749
+ -moz-transform: rotate(-45deg);
750
+ -ms-transform: rotate(-45deg);
751
+ -o-transform: rotate(-45deg);
752
+ transform: rotate(-45deg); }
753
+
754
+ input.mm-check:checked ~ label.mm-check:before {
755
+ opacity: 1; }
756
+
757
+ label.mm-toggle, label.mm-check {
758
+ right: 20px; }
759
+ label.mm-toggle + a,
760
+ label.mm-toggle + span {
761
+ padding-right: 80px; }
762
+ label.mm-check + a,
763
+ label.mm-check + span {
764
+ padding-right: 60px; }
765
+
766
+ a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
767
+ right: 60px; }
768
+ a.mm-next + label.mm-toggle + a,
769
+ a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a,
770
+ a.mm-next + label.mm-check + span {
771
+ margin-right: 50px; }
772
+ a.mm-next + label.mm-toggle + a,
773
+ a.mm-next + label.mm-toggle + span {
774
+ padding-right: 70px; }
775
+ a.mm-next + label.mm-check + a,
776
+ a.mm-next + label.mm-check + span {
777
+ padding-right: 50px; }
778
+
779
+ em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
780
+ right: 100px; }
781
+ em.mm-counter + a.mm-next + label.mm-toggle + a,
782
+ em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a,
783
+ em.mm-counter + a.mm-next + label.mm-check + span {
784
+ margin-right: 90px; }
785
+
786
+ .mm-menu label.mm-toggle {
787
+ background: rgba(0, 0, 0, 0.1); }
788
+ .mm-menu label.mm-toggle:before {
789
+ background: #f3f3f3; }
790
+ .mm-menu input.mm-toggle:checked ~ label.mm-toggle {
791
+ background: #4bd963; }
792
+
793
+ .mm-menu label.mm-check:before {
794
+ border-color: rgba(0, 0, 0, 0.7); }
795
+
796
+ /*
797
+ jQuery.mmenu borderstyle extension CSS
798
+ */
799
+ .mm-menu.mm-border-none .mm-listview > li:after,
800
+ .mm-listview.mm-border-none > li:after {
801
+ content: none; }
802
+
803
+ .mm-menu.mm-border-full .mm-listview > li:after,
804
+ .mm-listview.mm-border-full > li:after {
805
+ left: 0 !important; }
806
+
807
+ /*
808
+ jQuery.mmenu effects extension CSS
809
+ */
810
+ html.mm-effect-slide .mm-menu.mm-offcanvas {
811
+ -webkit-transition: -webkit-transform 0.4s ease;
812
+ transition: transform 0.4s ease; }
813
+ html.mm-effect-slide.mm-opened .mm-menu.mm-offcanvas {
814
+ -webkit-transform: translate3d(-30%, 0, 0);
815
+ -moz-transform: translate3d(-30%, 0, 0);
816
+ -ms-transform: translate3d(-30%, 0, 0);
817
+ -o-transform: translate3d(-30%, 0, 0);
818
+ transform: translate3d(-30%, 0, 0); }
819
+ html.mm-effect-slide.mm-opening .mm-menu.mm-offcanvas {
820
+ -webkit-transform: translate3d(0%, 0, 0);
821
+ -moz-transform: translate3d(0%, 0, 0);
822
+ -ms-transform: translate3d(0%, 0, 0);
823
+ -o-transform: translate3d(0%, 0, 0);
824
+ transform: translate3d(0%, 0, 0); }
825
+ html.mm-effect-slide.mm-right.mm-opened .mm-menu.mm-offcanvas {
826
+ -webkit-transform: translate3d(30%, 0, 0);
827
+ -moz-transform: translate3d(30%, 0, 0);
828
+ -ms-transform: translate3d(30%, 0, 0);
829
+ -o-transform: translate3d(30%, 0, 0);
830
+ transform: translate3d(30%, 0, 0); }
831
+ html.mm-effect-slide.mm-right.mm-opening .mm-menu.mm-offcanvas {
832
+ -webkit-transform: translate3d(0%, 0, 0);
833
+ -moz-transform: translate3d(0%, 0, 0);
834
+ -ms-transform: translate3d(0%, 0, 0);
835
+ -o-transform: translate3d(0%, 0, 0);
836
+ transform: translate3d(0%, 0, 0); }
837
+
838
+ html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
839
+ -webkit-transition: -webkit-transform 0.4s ease;
840
+ -moz-transition: -moz-transform 0.4s ease;
841
+ -ms-transition: -ms-transform 0.4s ease;
842
+ -o-transition: -o-transform 0.4s ease;
843
+ transition: transform 0.4s ease; }
844
+ html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas {
845
+ -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
846
+ -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
847
+ -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
848
+ -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
849
+ transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
850
+ -webkit-transform-origin: left center;
851
+ -moz-transform-origin: left center;
852
+ -ms-transform-origin: left center;
853
+ -o-transform-origin: left center;
854
+ transform-origin: left center; }
855
+ html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas {
856
+ -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
857
+ -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
858
+ -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
859
+ -o-transform: scale(1, 1) translate3d(0%, 0, 0);
860
+ transform: scale(1, 1) translate3d(0%, 0, 0); }
861
+ html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
862
+ -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
863
+ -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
864
+ -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
865
+ -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
866
+ transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
867
+ -webkit-transform-origin: right center;
868
+ -moz-transform-origin: right center;
869
+ -ms-transform-origin: right center;
870
+ -o-transform-origin: right center;
871
+ transform-origin: right center; }
872
+ html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
873
+ -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
874
+ -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
875
+ -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
876
+ -o-transform: scale(1, 1) translate3d(0%, 0, 0);
877
+ transform: scale(1, 1) translate3d(0%, 0, 0); }
878
+
879
+ html.mm-effect-zoom-panels .mm-menu .mm-panel {
880
+ -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
881
+ -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
882
+ -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
883
+ -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
884
+ transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
885
+ -webkit-transform-origin: left center;
886
+ -moz-transform-origin: left center;
887
+ -ms-transform-origin: left center;
888
+ -o-transform-origin: left center;
889
+ transform-origin: left center;
890
+ -webkit-transition-property: -webkit-transform, left;
891
+ -moz-transition-property: -moz-transform, left;
892
+ -ms-transition-property: -ms-transform, left;
893
+ -o-transition-property: -o-transform, left;
894
+ transition-property: transform, left; }
895
+ html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened {
896
+ -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
897
+ -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
898
+ -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
899
+ -o-transform: scale(1, 1) translate3d(0%, 0, 0);
900
+ transform: scale(1, 1) translate3d(0%, 0, 0); }
901
+ html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened.mm-subopened {
902
+ -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
903
+ -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
904
+ -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
905
+ -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
906
+ transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }
907
+
908
+ /*
909
+ jQuery.mmenu fullscreen extension CSS
910
+ */
911
+ .mm-menu.mm-fullscreen {
912
+ width: 100%;
913
+ min-width: 140px;
914
+ max-width: 10000px; }
915
+
916
+ html.mm-opening.mm-fullscreen .mm-slideout {
917
+ -webkit-transform: translate(100%, 0);
918
+ -moz-transform: translate(100%, 0);
919
+ -ms-transform: translate(100%, 0);
920
+ -o-transform: translate(100%, 0);
921
+ transform: translate(100%, 0); }
922
+
923
+ @media all and (max-width: 140px) {
924
+ html.mm-opening.mm-fullscreen .mm-slideout {
925
+ -webkit-transform: translate(140px, 0);
926
+ -moz-transform: translate(140px, 0);
927
+ -ms-transform: translate(140px, 0);
928
+ -o-transform: translate(140px, 0);
929
+ transform: translate(140px, 0); } }
930
+ @media all and (min-width: 10000px) {
931
+ html.mm-opening.mm-fullscreen .mm-slideout {
932
+ -webkit-transform: translate(10000px, 0);
933
+ -moz-transform: translate(10000px, 0);
934
+ -ms-transform: translate(10000px, 0);
935
+ -o-transform: translate(10000px, 0);
936
+ transform: translate(10000px, 0); } }
937
+ html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
938
+ -webkit-transform: translate(-100%, 0);
939
+ -moz-transform: translate(-100%, 0);
940
+ -ms-transform: translate(-100%, 0);
941
+ -o-transform: translate(-100%, 0);
942
+ transform: translate(-100%, 0); }
943
+
944
+ @media all and (max-width: 140px) {
945
+ html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
946
+ -webkit-transform: translate(-140px, 0);
947
+ -moz-transform: translate(-140px, 0);
948
+ -ms-transform: translate(-140px, 0);
949
+ -o-transform: translate(-140px, 0);
950
+ transform: translate(-140px, 0); } }
951
+ @media all and (min-width: 10000px) {
952
+ html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
953
+ -webkit-transform: translate(-10000px, 0);
954
+ -moz-transform: translate(-10000px, 0);
955
+ -ms-transform: translate(-10000px, 0);
956
+ -o-transform: translate(-10000px, 0);
957
+ transform: translate(-10000px, 0); } }
958
+ .mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
959
+ height: 100%;
960
+ min-height: 140px;
961
+ max-height: 10000px; }
962
+
963
+ html.mm-opened.mm-fullscreen .mm-page {
964
+ box-shadow: none !important; }
965
+
966
+ /*
967
+ jQuery.mmenu multiline extension CSS
968
+ */
969
+ .mm-menu.mm-multiline .mm-listview > li > a,
970
+ .mm-menu.mm-multiline .mm-listview > li > span,
971
+ .mm-listview.mm-multiline > li
972
+ .mm-listview > li.mm-multiline > a,
973
+ .mm-listview.mm-multiline > li
974
+ .mm-listview > li.mm-multiline > span {
975
+ text-overflow: clip;
976
+ white-space: normal; }
977
+
978
+ /*
979
+ jQuery.mmenu pageshadow extension CSS
980
+ */
981
+ .mm-menu.mm-pageshadow:after {
982
+ content: "";
983
+ display: block;
984
+ width: 20px;
985
+ height: 120%;
986
+ position: absolute;
987
+ left: 100%;
988
+ top: -10%;
989
+ z-index: 99; }
990
+ .mm-menu.mm-pageshadow.mm-right:after {
991
+ left: auto;
992
+ right: 100%; }
993
+ .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {
994
+ content: none;
995
+ display: none; }
996
+
997
+ .mm-menu.mm-pageshadow:after {
998
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
999
+
1000
+ /*
1001
+ jQuery.mmenu position extension CSS
1002
+ */
1003
+ .mm-menu.mm-top,
1004
+ .mm-menu.mm-bottom {
1005
+ width: 100%;
1006
+ min-width: 100%;
1007
+ max-width: 100%; }
1008
+
1009
+ .mm-menu.mm-right {
1010
+ left: auto;
1011
+ right: 0; }
1012
+
1013
+ .mm-menu.mm-bottom {
1014
+ top: auto;
1015
+ bottom: 0; }
1016
+
1017
+ html.mm-right.mm-opening .mm-slideout {
1018
+ -webkit-transform: translate(-80%, 0);
1019
+ -moz-transform: translate(-80%, 0);
1020
+ -ms-transform: translate(-80%, 0);
1021
+ -o-transform: translate(-80%, 0);
1022
+ transform: translate(-80%, 0); }
1023
+
1024
+ @media all and (max-width: 175px) {
1025
+ html.mm-right.mm-opening .mm-slideout {
1026
+ -webkit-transform: translate(-140px, 0);
1027
+ -moz-transform: translate(-140px, 0);
1028
+ -ms-transform: translate(-140px, 0);
1029
+ -o-transform: translate(-140px, 0);
1030
+ transform: translate(-140px, 0); } }
1031
+ @media all and (min-width: 550px) {
1032
+ html.mm-right.mm-opening .mm-slideout {
1033
+ -webkit-transform: translate(-440px, 0);
1034
+ -moz-transform: translate(-440px, 0);
1035
+ -ms-transform: translate(-440px, 0);
1036
+ -o-transform: translate(-440px, 0);
1037
+ transform: translate(-440px, 0); } }
1038
+ /*
1039
+ jQuery.mmenu z-position extension CSS
1040
+ */
1041
+ html.mm-front .mm-slideout {
1042
+ -webkit-transform: none !important;
1043
+ -moz-transform: none !important;
1044
+ -ms-transform: none !important;
1045
+ -o-transform: none !important;
1046
+ transform: none !important;
1047
+ z-index: 0 !important; }
1048
+
1049
+ .mm-menu.mm-front {
1050
+ z-index: 1; }
1051
+
1052
+ .mm-menu.mm-front, .mm-menu.mm-next {
1053
+ -webkit-transition: -webkit-transform 0.4s ease;
1054
+ -ms-transition: -ms-transform 0.4s ease;
1055
+ transition: transform 0.4s ease;
1056
+ -webkit-transform: translate3d(-100%, 0, 0);
1057
+ -moz-transform: translate3d(-100%, 0, 0);
1058
+ -ms-transform: translate3d(-100%, 0, 0);
1059
+ -o-transform: translate3d(-100%, 0, 0);
1060
+ transform: translate3d(-100%, 0, 0); }
1061
+ .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
1062
+ -webkit-transform: translate3d(100%, 0, 0);
1063
+ -moz-transform: translate3d(100%, 0, 0);
1064
+ -ms-transform: translate3d(100%, 0, 0);
1065
+ -o-transform: translate3d(100%, 0, 0);
1066
+ transform: translate3d(100%, 0, 0); }
1067
+ .mm-menu.mm-top {
1068
+ -webkit-transform: translate3d(0, -100%, 0);
1069
+ -moz-transform: translate3d(0, -100%, 0);
1070
+ -ms-transform: translate3d(0, -100%, 0);
1071
+ -o-transform: translate3d(0, -100%, 0);
1072
+ transform: translate3d(0, -100%, 0); }
1073
+ .mm-menu.mm-bottom {
1074
+ -webkit-transform: translate3d(0, 100%, 0);
1075
+ -moz-transform: translate3d(0, 100%, 0);
1076
+ -ms-transform: translate3d(0, 100%, 0);
1077
+ -o-transform: translate3d(0, 100%, 0);
1078
+ transform: translate3d(0, 100%, 0); }
1079
+
1080
+ html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
1081
+ -webkit-transform: translate3d(0, 0, 0);
1082
+ -moz-transform: translate3d(0, 0, 0);
1083
+ -ms-transform: translate3d(0, 0, 0);
1084
+ -o-transform: translate3d(0, 0, 0);
1085
+ transform: translate3d(0, 0, 0); }
1086
+
1087
+ .mm-menu.mm-top, .mm-menu.mm-bottom {
1088
+ height: 80%;
1089
+ min-height: 140px;
1090
+ max-height: 880px; }
1091
+
1092
+ /*
1093
+ jQuery.mmenu themes extension CSS
1094
+ */
1095
+ .mm-menu.mm-theme-dark {
1096
+ background: #333333;
1097
+ color: rgba(255, 255, 255, 0.8); }
1098
+ .mm-menu.mm-theme-dark .mm-header {
1099
+ border-color: rgba(0, 0, 0, 0.15); }
1100
+ .mm-menu.mm-theme-dark .mm-header > a {
1101
+ color: rgba(255, 255, 255, 0.4); }
1102
+ .mm-menu.mm-theme-dark .mm-header .mm-btn:before,
1103
+ .mm-menu.mm-theme-dark .mm-header .mm-btn:after {
1104
+ border-color: rgba(255, 255, 255, 0.4); }
1105
+ .mm-menu.mm-theme-dark .mm-listview > li:after {
1106
+ border-color: rgba(0, 0, 0, 0.15); }
1107
+ .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next {
1108
+ color: rgba(255, 255, 255, 0.4); }
1109
+ .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after {
1110
+ border-color: rgba(255, 255, 255, 0.4); }
1111
+ .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before {
1112
+ border-color: rgba(0, 0, 0, 0.15); }
1113
+ .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
1114
+ .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
1115
+ background: rgba(0, 0, 0, 0.1); }
1116
+ .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next,
1117
+ .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel,
1118
+ .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next,
1119
+ .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel {
1120
+ background: rgba(255, 255, 255, 0.05); }
1121
+ .mm-menu.mm-theme-dark .mm-divider {
1122
+ background: rgba(255, 255, 255, 0.05); }
1123
+
1124
+ .mm-menu.mm-theme-dark .mm-buttonbar {
1125
+ border-color: rgba(255, 255, 255, 0.8);
1126
+ background: #333333; }
1127
+ .mm-menu.mm-theme-dark .mm-buttonbar > * {
1128
+ border-color: rgba(255, 255, 255, 0.8); }
1129
+ .mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label {
1130
+ background: rgba(255, 255, 255, 0.8);
1131
+ color: #333333; }
1132
+
1133
+ .mm-menu.mm-theme-dark label.mm-check:before {
1134
+ border-color: rgba(255, 255, 255, 0.8); }
1135
+
1136
+ .mm-menu.mm-theme-dark em.mm-counter {
1137
+ color: rgba(255, 255, 255, 0.4); }
1138
+
1139
+ .mm-menu.mm-theme-dark .mm-footer {
1140
+ border-color: rgba(0, 0, 0, 0.15);
1141
+ color: rgba(255, 255, 255, 0.4); }
1142
+
1143
+ .mm-menu.mm-theme-dark .mm-fixeddivider span {
1144
+ background: rgba(255, 255, 255, 0.05); }
1145
+
1146
+ .mm-menu.mm-pageshadow.mm-theme-dark:after {
1147
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
1148
+
1149
+ .mm-menu.mm-theme-dark .mm-search input {
1150
+ background: rgba(255, 255, 255, 0.3);
1151
+ color: rgba(255, 255, 255, 0.8); }
1152
+ .mm-menu.mm-theme-dark .mm-noresultsmsg {
1153
+ color: rgba(255, 255, 255, 0.4); }
1154
+
1155
+ .mm-menu.mm-theme-dark .mm-indexer a {
1156
+ color: rgba(255, 255, 255, 0.4); }
1157
+
1158
+ .mm-menu.mm-theme-dark label.mm-toggle {
1159
+ background: rgba(0, 0, 0, 0.15); }
1160
+ .mm-menu.mm-theme-dark label.mm-toggle:before {
1161
+ background: #333333; }
1162
+ .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
1163
+ background: #4bd963; }
1164
+
1165
+ .mm-menu.mm-theme-white {
1166
+ background: white;
1167
+ color: rgba(0, 0, 0, 0.6); }
1168
+ .mm-menu.mm-theme-white .mm-header {
1169
+ border-color: rgba(0, 0, 0, 0.1); }
1170
+ .mm-menu.mm-theme-white .mm-header > a {
1171
+ color: rgba(0, 0, 0, 0.3); }
1172
+ .mm-menu.mm-theme-white .mm-header .mm-btn:before,
1173
+ .mm-menu.mm-theme-white .mm-header .mm-btn:after {
1174
+ border-color: rgba(0, 0, 0, 0.3); }
1175
+ .mm-menu.mm-theme-white .mm-listview > li:after {
1176
+ border-color: rgba(0, 0, 0, 0.1); }
1177
+ .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next {
1178
+ color: rgba(0, 0, 0, 0.3); }
1179
+ .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after {
1180
+ border-color: rgba(0, 0, 0, 0.3); }
1181
+ .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before {
1182
+ border-color: rgba(0, 0, 0, 0.1); }
1183
+ .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
1184
+ .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
1185
+ background: rgba(0, 0, 0, 0.05); }
1186
+ .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next,
1187
+ .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel,
1188
+ .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next,
1189
+ .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel {
1190
+ background: rgba(0, 0, 0, 0.03); }
1191
+ .mm-menu.mm-theme-white .mm-divider {
1192
+ background: rgba(0, 0, 0, 0.03); }
1193
+
1194
+ .mm-menu.mm-theme-white .mm-buttonbar {
1195
+ border-color: rgba(0, 0, 0, 0.6);
1196
+ background: white; }
1197
+ .mm-menu.mm-theme-white .mm-buttonbar > * {
1198
+ border-color: rgba(0, 0, 0, 0.6); }
1199
+ .mm-menu.mm-theme-white .mm-buttonbar > input:checked + label {
1200
+ background: rgba(0, 0, 0, 0.6);
1201
+ color: white; }
1202
+
1203
+ .mm-menu.mm-theme-white label.mm-check:before {
1204
+ border-color: rgba(0, 0, 0, 0.6); }
1205
+
1206
+ .mm-menu.mm-theme-white em.mm-counter {
1207
+ color: rgba(0, 0, 0, 0.3); }
1208
+
1209
+ .mm-menu.mm-theme-white .mm-footer {
1210
+ border-color: rgba(0, 0, 0, 0.1);
1211
+ color: rgba(0, 0, 0, 0.3); }
1212
+
1213
+ .mm-menu.mm-theme-white .mm-fixeddivider span {
1214
+ background: rgba(0, 0, 0, 0.03); }
1215
+
1216
+ .mm-menu.mm-pageshadow.mm-theme-white:after {
1217
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
1218
+
1219
+ .mm-menu.mm-theme-white .mm-search input {
1220
+ background: rgba(0, 0, 0, 0.05);
1221
+ color: rgba(0, 0, 0, 0.6); }
1222
+ .mm-menu.mm-theme-white .mm-noresultsmsg {
1223
+ color: rgba(0, 0, 0, 0.3); }
1224
+
1225
+ .mm-menu.mm-theme-white .mm-indexer a {
1226
+ color: rgba(0, 0, 0, 0.3); }
1227
+
1228
+ .mm-menu.mm-theme-white label.mm-toggle {
1229
+ background: rgba(0, 0, 0, 0.1); }
1230
+ .mm-menu.mm-theme-white label.mm-toggle:before {
1231
+ background: white; }
1232
+ .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
1233
+ background: #4bd963; }
1234
+
1235
+ .mm-menu.mm-theme-black {
1236
+ background: black;
1237
+ color: rgba(255, 255, 255, 0.6); }
1238
+ .mm-menu.mm-theme-black .mm-header {
1239
+ border-color: rgba(255, 255, 255, 0.2); }
1240
+ .mm-menu.mm-theme-black .mm-header > a {
1241
+ color: rgba(255, 255, 255, 0.4); }
1242
+ .mm-menu.mm-theme-black .mm-header .mm-btn:before,
1243
+ .mm-menu.mm-theme-black .mm-header .mm-btn:after {
1244
+ border-color: rgba(255, 255, 255, 0.4); }
1245
+ .mm-menu.mm-theme-black .mm-listview > li:after {
1246
+ border-color: rgba(255, 255, 255, 0.2); }
1247
+ .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next {
1248
+ color: rgba(255, 255, 255, 0.4); }
1249
+ .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:after {
1250
+ border-color: rgba(255, 255, 255, 0.4); }
1251
+ .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:before {
1252
+ border-color: rgba(255, 255, 255, 0.2); }
1253
+ .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
1254
+ .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
1255
+ background: rgba(255, 255, 255, 0.3); }
1256
+ .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next,
1257
+ .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel,
1258
+ .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next,
1259
+ .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel {
1260
+ background: rgba(255, 255, 255, 0.2); }
1261
+ .mm-menu.mm-theme-black .mm-divider {
1262
+ background: rgba(255, 255, 255, 0.2); }
1263
+
1264
+ .mm-menu.mm-theme-black .mm-buttonbar {
1265
+ border-color: rgba(255, 255, 255, 0.6);
1266
+ background: black; }
1267
+ .mm-menu.mm-theme-black .mm-buttonbar > * {
1268
+ border-color: rgba(255, 255, 255, 0.6); }
1269
+ .mm-menu.mm-theme-black .mm-buttonbar > input:checked + label {
1270
+ background: rgba(255, 255, 255, 0.6);
1271
+ color: black; }
1272
+
1273
+ .mm-menu.mm-theme-black label.mm-check:before {
1274
+ border-color: rgba(255, 255, 255, 0.6); }
1275
+
1276
+ .mm-menu.mm-theme-black em.mm-counter {
1277
+ color: rgba(255, 255, 255, 0.4); }
1278
+
1279
+ .mm-menu.mm-theme-black .mm-footer {
1280
+ border-color: rgba(255, 255, 255, 0.2);
1281
+ color: rgba(255, 255, 255, 0.4); }
1282
+
1283
+ .mm-menu.mm-theme-black .mm-fixeddivider span {
1284
+ background: rgba(255, 255, 255, 0.2); }
1285
+
1286
+ .mm-menu.mm-pageshadow.mm-theme-black:after {
1287
+ content: none;
1288
+ display: none; }
1289
+
1290
+ .mm-menu.mm-theme-black .mm-search input {
1291
+ background: rgba(255, 255, 255, 0.3);
1292
+ color: rgba(255, 255, 255, 0.6); }
1293
+ .mm-menu.mm-theme-black .mm-noresultsmsg {
1294
+ color: rgba(255, 255, 255, 0.4); }
1295
+
1296
+ .mm-menu.mm-theme-black .mm-indexer a {
1297
+ color: rgba(255, 255, 255, 0.4); }
1298
+
1299
+ .mm-menu.mm-theme-black label.mm-toggle {
1300
+ background: rgba(255, 255, 255, 0.2); }
1301
+ .mm-menu.mm-theme-black label.mm-toggle:before {
1302
+ background: black; }
1303
+ .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
1304
+ background: #4bd963; }