jekyll-theme-geneva-noire 0.1.0

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