PluginProbe
Bubble Menu – Floating Button Menu with Sticky Navigation / 2.2
Bubble Menu – Floating Button Menu with Sticky Navigation v2.2
trunk 1.3 2.0 2.2 2.2.1 3.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.1 3.1.1 4.0 4.0.1 4.0.2 4.0.3 4.0.4 4.0.5 4.0.6 4.0.7 4.1 4.1.1
bubble-menu / admin / partials / generator / style.php

style.php in Bubble Menu – Floating Button Menu with Sticky Navigation 2.2, at admin/partials/generator/style.php

1,481 lines 31.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* ========= INFORMATION ============================
2 - document: Bubble Menu - easily create a flyouts bubble menu.
3 - url: https://wow-estore.com/item/bubble-menu-pro/
4 - author: Wow-Company
5 - profile: https://wow-estore.com/
6 - version: 2.0
7 - email: support@wow-company.com
8 ==================================================== */
9
10 <?php if ( ! defined( 'ABSPATH' ) ) exit;
11
12 if($param['menu'] == 'wow-bmp-pos-tl'){
13 $count_i = count($param['item_type']);
14 switch ($count_i) {
15 case 1:
16 echo "
17 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(1) {
18 top: 262.5%;
19 left: 262.5%;
20 }";
21 break;
22 case 2:
23 echo "
24 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(1) {
25 top: 165.625%;
26 left: 328.125%;
27 }
28 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(2) {
29 top: 328.125%;
30 left: 165.625%;
31 }
32 ";
33 break;
34 case 3:
35 echo "
36 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(1) {
37 left: 350%;
38 }
39 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(2) {
40 top: 262.5%;
41 left: 262.5%;
42 }
43 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(3) {
44 top: 350%;
45 left: 50%;
46 }
47 ";
48 break;
49 case 4:
50 echo "
51 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(1) {
52 left: 350%;
53 }
54 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(2) {
55 top: 165.625%;
56 left: 328.125%;
57 }
58 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(3) {
59 top: 262.5%;
60 left: 262.5%;
61 }
62 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(4) {
63 top: 328.125%;
64 left: 165.625%;
65 }
66 ";
67 break;
68 case 5:
69 echo "
70 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(1) {
71 left: 350%;
72 }
73 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(2) {
74 top: 165.625%;
75 left: 328.125%;
76 }
77 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(3) {
78 top: 262.5%;
79 left: 262.5%;
80 }
81 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(4) {
82 top: 328.125%;
83 left: 165.625%;
84 }
85 .wow-bmp-pos-tl input:checked ~ ul li:nth-child(5) {
86 top: 350%;
87 left: 50%;
88 }
89 ";
90 break;
91 }
92 }
93
94 elseif($param['menu'] == 'wow-bmp-pos-tr'){
95 $count_i = count($param['item_type']);
96 switch ($count_i) {
97 case 1:
98 echo "
99 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(1) {
100 top: 262.5%;
101 left: -162.5%;
102 }";
103 break;
104 case 2:
105 echo "
106 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(1) {
107 top: 328.125%;
108 left: -65.625%;
109 }
110 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(2) {
111 top: 165.625%;
112 left: -228.125%;
113 }
114 ";
115 break;
116 case 3:
117 echo "
118 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(1) {
119 top: 350%;
120 left: 50%;
121 }
122 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(2) {
123 top: 262.5%;
124 left: -162.5%;
125 }
126 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(3) {
127 left: -250%;
128 }
129 ";
130 break;
131 case 4:
132 echo "
133 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(1) {
134 top: 350%;
135 left: 50%;
136 }
137 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(2) {
138 top: 328.125%;
139 left: -65.625%;
140 }
141 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(3) {
142 top: 262.5%;
143 left: -162.5%;
144 }
145 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(4) {
146 top: 165.625%;
147 left: -228.125%;
148 }
149 ";
150 break;
151 case 5:
152 echo "
153 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(1) {
154 top: 350%;
155 left: 50%;
156 }
157 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(2) {
158 top: 328.125%;
159 left: -65.625%;
160 }
161 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(3) {
162 top: 262.5%;
163 left: -162.5%;
164 }
165 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(4) {
166 top: 165.625%;
167 left: -228.125%;
168 }
169 .wow-bmp-pos-tr input:checked ~ ul li:nth-child(5) {
170 left: -250%;
171 }
172 ";
173 break;
174 }
175 }
176 elseif($param['menu'] == 'wow-bmp-pos-br'){
177 $count_i = count($param['item_type']);
178 switch ($count_i) {
179 case 1:
180 echo "
181 .wow-bmp-pos-br input:checked ~ ul li:nth-child(1) {
182 top: -162.5%;
183 left: -162.5%;
184 }";
185 break;
186 case 2:
187 echo "
188 .wow-bmp-pos-br input:checked ~ ul li:nth-child(1) {
189 top: -65.625%;
190 left: -228.125%;
191 }
192 .wow-bmp-pos-br input:checked ~ ul li:nth-child(2) {
193 top: -228.125%;
194 left: -65.625%;
195 }
196 ";
197 break;
198 case 3:
199 echo "
200 .wow-bmp-pos-br input:checked ~ ul li:nth-child(1) {
201 left: -250%;
202 }
203 .wow-bmp-pos-br input:checked ~ ul li:nth-child(2) {
204 top: -162.5%;
205 left: -162.5%;
206 }
207 .wow-bmp-pos-br input:checked ~ ul li:nth-child(3) {
208 top: -250%;
209 left: 50%;
210 }
211 ";
212 break;
213 case 4:
214 echo "
215 .wow-bmp-pos-br input:checked ~ ul li:nth-child(1) {
216 left: -250%;
217 }
218 .wow-bmp-pos-br input:checked ~ ul li:nth-child(2) {
219 top: -65.625%;
220 left: -228.125%;
221 }
222 .wow-bmp-pos-br input:checked ~ ul li:nth-child(3) {
223 top: -162.5%;
224 left: -162.5%;
225 }
226 .wow-bmp-pos-br input:checked ~ ul li:nth-child(4) {
227 top: -228.125%;
228 left: -65.625%;
229 }
230 ";
231 break;
232 case 5:
233 echo "
234 .wow-bmp-pos-br input:checked ~ ul li:nth-child(1) {
235 left: -250%;
236 }
237 .wow-bmp-pos-br input:checked ~ ul li:nth-child(2) {
238 top: -65.625%;
239 left: -228.125%;
240 }
241 .wow-bmp-pos-br input:checked ~ ul li:nth-child(3) {
242 top: -162.5%;
243 left: -162.5%;
244 }
245 .wow-bmp-pos-br input:checked ~ ul li:nth-child(4) {
246 top: -228.125%;
247 left: -65.625%;
248 }
249 .wow-bmp-pos-br input:checked ~ ul li:nth-child(5) {
250 top: -250%;
251 left: 50%;
252 }
253 ";
254 break;
255 }
256 }
257 elseif($param['menu'] == 'wow-bmp-pos-bl'){
258 $count_i = count($param['item_type']);
259 switch ($count_i) {
260 case 1:
261 echo "
262 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(1) {
263 top: -162.5%;
264 left: 262.5%;
265 }";
266 break;
267 case 2:
268 echo "
269 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(1) {
270 top: -228.125%;
271 left: 165.625%;
272 }
273 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(2) {
274 top: -65.625%;
275 left: 328.125%;
276 }
277 ";
278 break;
279 case 3:
280 echo "
281 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(1) {
282 top: -250%;
283 left: 50%;
284 }
285 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(2) {
286 top: -162.5%;
287 left: 262.5%;
288 }
289 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(3) {
290 left: 350%;
291 }
292 ";
293 break;
294 case 4:
295 echo "
296 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(1) {
297 top: -250%;
298 left: 50%;
299 }
300 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(2) {
301 top: -228.125%;
302 left: 165.625%;
303 }
304 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(3) {
305 top: -162.5%;
306 left: 262.5%;
307 }
308 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(4) {
309 top: -65.625%;
310 left: 328.125%;
311 }
312 ";
313 break;
314 case 5:
315 echo "
316 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(1) {
317 top: -250%;
318 left: 50%;
319 }
320 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(2) {
321 top: -228.125%;
322 left: 165.625%;
323 }
324 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(3) {
325 top: -162.5%;
326 left: 262.5%;
327 }
328 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(4) {
329 top: -65.625%;
330 left: 328.125%;
331 }
332 .wow-bmp-pos-bl input:checked ~ ul li:nth-child(5) {
333 left: 350%;
334 }
335 ";
336 break;
337 }
338 }
339 elseif($param['menu'] == 'wow-bmp-pos-t'){
340 $count_i = count($param['item_type']);
341 switch ($count_i) {
342 case 1:
343 echo "
344 .wow-bmp-pos-t input:checked ~ ul li:nth-child(1) {
345 top: 350%;
346 left: 50%;
347 }
348 ";
349 break;
350 case 2:
351 echo "
352 .wow-bmp-pos-t input:checked ~ ul li:nth-child(1) {
353 top: 262.5%;
354 left: 262.5%;
355 }
356 .wow-bmp-pos-t input:checked ~ ul li:nth-child(2) {
357 top: 262.5%;
358 left: -162.5%;
359 ";
360 break;
361 case 3:
362 echo "
363 .wow-bmp-pos-t input:checked ~ ul li:nth-child(1) {
364 top: 262.5%;
365 left: 262.5%;
366 }
367 .wow-bmp-pos-t input:checked ~ ul li:nth-child(2) {
368 top: 350%;
369 left: 50%;
370 }
371 .wow-bmp-pos-t input:checked ~ ul li:nth-child(3) {
372 top: 262.5%;
373 left: -162.5%;
374 }
375 ";
376 break;
377 case 4:
378 echo "
379 .wow-bmp-pos-t input:checked ~ ul li:nth-child(1) {
380 top: 165.625%;
381 left: 328.125%;
382 }
383 .wow-bmp-pos-t input:checked ~ ul li:nth-child(2) {
384 top: 328.125%;
385 left: 165.625%;
386 }
387 .wow-bmp-pos-t input:checked ~ ul li:nth-child(3) {
388 top: 328.125%;
389 left: -65.625%;
390 }
391 .wow-bmp-pos-t input:checked ~ ul li:nth-child(4) {
392 top: 165.625%;
393 left: -228.125%;
394 }
395 ";
396 break;
397 case 5:
398 echo "
399 .wow-bmp-pos-t input:checked ~ ul li:nth-child(1) {
400 left: 350%;
401 }
402 .wow-bmp-pos-t input:checked ~ ul li:nth-child(2) {
403 top: 262.5%;
404 left: 262.5%;
405 }
406 .wow-bmp-pos-t input:checked ~ ul li:nth-child(3) {
407 top: 350%;
408 left: 50%;
409 }
410 .wow-bmp-pos-t input:checked ~ ul li:nth-child(4) {
411 top: 262.5%;
412 left: -162.5%;
413 }
414 .wow-bmp-pos-t input:checked ~ ul li:nth-child(5) {
415 left: -250%;
416 }
417 ";
418 break;
419 case 6:
420 echo "
421 .wow-bmp-pos-t input:checked ~ ul li:nth-child(1) {
422 top: 165.625%;
423 left: 328.125%;
424 }
425 .wow-bmp-pos-t input:checked ~ ul li:nth-child(2) {
426 top: 262.5%;
427 left: 262.5%;
428 }
429 .wow-bmp-pos-t input:checked ~ ul li:nth-child(3) {
430 top: 328.125%;
431 left: 165.625%;
432 }
433 .wow-bmp-pos-t input:checked ~ ul li:nth-child(4) {
434 top: 328.125%;
435 left: -65.625%;
436 }
437 .wow-bmp-pos-t input:checked ~ ul li:nth-child(5) {
438 top: 262.5%;
439 left: -162.5%;
440 }
441 .wow-bmp-pos-t input:checked ~ ul li:nth-child(6) {
442 top: 165.625%;
443 left: -228.125%;
444 }
445 ";
446 break;
447 case 7:
448 echo "
449 .wow-bmp-pos-t input:checked ~ ul li:nth-child(1) {
450 left: 350%;
451 }
452 .wow-bmp-pos-t input:checked ~ ul li:nth-child(2) {
453 top: 165.625%;
454 left: 328.125%;
455 }
456 .wow-bmp-pos-t input:checked ~ ul li:nth-child(3) {
457 top: 262.5%;
458 left: 262.5%;
459 }
460 .wow-bmp-pos-t input:checked ~ ul li:nth-child(4) {
461 top: 350%;
462 left: 50%;
463 }
464 .wow-bmp-pos-t input:checked ~ ul li:nth-child(5) {
465 top: 262.5%;
466 left: -162.5%;
467 }
468 .wow-bmp-pos-t input:checked ~ ul li:nth-child(6) {
469 top: 165.625%;
470 left: -228.125%;
471 }
472 .wow-bmp-pos-t input:checked ~ ul li:nth-child(7) {
473 left: -250%;
474 }
475 ";
476 break;
477 case 8:
478 echo "
479 .wow-bmp-pos-t input:checked ~ ul li:nth-child(1) {
480 left: 350%;
481 }
482 .wow-bmp-pos-t input:checked ~ ul li:nth-child(2) {
483 top: 165.625%;
484 left: 328.125%;
485 }
486 .wow-bmp-pos-t input:checked ~ ul li:nth-child(3) {
487 top: 262.5%;
488 left: 262.5%;
489 }
490 .wow-bmp-pos-t input:checked ~ ul li:nth-child(4) {
491 top: 328.125%;
492 left: 165.625%;
493 }
494 .wow-bmp-pos-t input:checked ~ ul li:nth-child(5) {
495 top: 350%;
496 left: 50%;
497 }
498 .wow-bmp-pos-t input:checked ~ ul li:nth-child(6) {
499 top: 328.125%;
500 left: -65.625%;
501 }
502 .wow-bmp-pos-t input:checked ~ ul li:nth-child(7) {
503 top: 262.5%;
504 left: -162.5%;
505 }
506 .wow-bmp-pos-t input:checked ~ ul li:nth-child(8) {
507 top: 165.625%;
508 left: -228.125%;
509 }
510 ";
511 break;
512 case 9:
513 echo "
514 .wow-bmp-pos-t input:checked ~ ul li:nth-child(1) {
515 left: 350%;
516 }
517 .wow-bmp-pos-t input:checked ~ ul li:nth-child(2) {
518 top: 165.625%;
519 left: 328.125%;
520 }
521 .wow-bmp-pos-t input:checked ~ ul li:nth-child(3) {
522 top: 262.5%;
523 left: 262.5%;
524 }
525 .wow-bmp-pos-t input:checked ~ ul li:nth-child(4) {
526 top: 328.125%;
527 left: 165.625%;
528 }
529 .wow-bmp-pos-t input:checked ~ ul li:nth-child(5) {
530 top: 350%;
531 left: 50%;
532 }
533 .wow-bmp-pos-t input:checked ~ ul li:nth-child(6) {
534 top: 328.125%;
535 left: -65.625%;
536 }
537 .wow-bmp-pos-t input:checked ~ ul li:nth-child(7) {
538 top: 262.5%;
539 left: -162.5%;
540 }
541 .wow-bmp-pos-t input:checked ~ ul li:nth-child(8) {
542 top: 165.625%;
543 left: -228.125%;
544 }
545 .wow-bmp-pos-t input:checked ~ ul li:nth-child(9) {
546 left: -250%;
547 }
548 ";
549 break;
550 }
551 }
552
553 elseif($param['menu'] == 'wow-bmp-pos-r'){
554 $count_i = count($param['item_type']);
555 switch ($count_i) {
556 case 1:
557 echo "
558 .wow-bmp-pos-r input:checked ~ ul li:nth-child(1) {
559 left: -250%;
560 }
561 ";
562 break;
563 case 2:
564 echo "
565 .wow-bmp-pos-r input:checked ~ ul li:nth-child(1) {
566 top: 262.5%;
567 left: -162.5%;
568 }
569 .wow-bmp-pos-r input:checked ~ ul li:nth-child(2) {
570 top: -162.5%;
571 left: -162.5%;
572 ";
573 break;
574 case 3:
575 echo "
576 .wow-bmp-pos-r input:checked ~ ul li:nth-child(1) {
577 top: 262.5%;
578 left: -162.5%;
579 }
580 .wow-bmp-pos-r input:checked ~ ul li:nth-child(2) {
581 left: -250%;
582 }
583 .wow-bmp-pos-r input:checked ~ ul li:nth-child(3) {
584 top: -162.5%;
585 left: -162.5%;
586 }
587 ";
588 break;
589 case 4:
590 echo "
591
592 .wow-bmp-pos-r input:checked ~ ul li:nth-child(1) {
593 top: 328.125%;
594 left: -65.625%;
595 }
596
597 .wow-bmp-pos-r input:checked ~ ul li:nth-child(2) {
598 top: 165.625%;
599 left: -228.125%;
600 }
601
602 .wow-bmp-pos-r input:checked ~ ul li:nth-child(3) {
603 top: -65.625%;
604 left: -228.125%;
605 }
606
607 .wow-bmp-pos-r input:checked ~ ul li:nth-child(4) {
608 top: -228.125%;
609 left: -65.625%;
610 }
611
612 ";
613 break;
614 case 5:
615 echo "
616 .wow-bmp-pos-r input:checked ~ ul li:nth-child(1) {
617 top: 350%;
618 left: 50%;
619 }
620 .wow-bmp-pos-r input:checked ~ ul li:nth-child(2) {
621 top: 262.5%;
622 left: -162.5%;
623 }
624 .wow-bmp-pos-r input:checked ~ ul li:nth-child(3) {
625 left: -250%;
626 }
627 .wow-bmp-pos-r input:checked ~ ul li:nth-child(4) {
628 top: -162.5%;
629 left: -162.5%;
630 }
631 .wow-bmp-pos-r input:checked ~ ul li:nth-child(5) {
632 top: -250%;
633 left: 50%;
634 }
635 ";
636 break;
637 case 6:
638 echo "
639 .wow-bmp-pos-r input:checked ~ ul li:nth-child(1) {
640 top: 328.125%;
641 left: -65.625%;
642 }
643 .wow-bmp-pos-r input:checked ~ ul li:nth-child(2) {
644 top: 262.5%;
645 left: -162.5%;
646 }
647 .wow-bmp-pos-r input:checked ~ ul li:nth-child(3) {
648 top: 165.625%;
649 left: -228.125%;
650 }
651 .wow-bmp-pos-r input:checked ~ ul li:nth-child(4) {
652 top: -65.625%;
653 left: -228.125%;
654 }
655 .wow-bmp-pos-r input:checked ~ ul li:nth-child(5) {
656 top: -162.5%;
657 left: -162.5%;
658 }
659 .wow-bmp-pos-r input:checked ~ ul li:nth-child(6) {
660 top: -228.125%;
661 left: -65.625%;
662 }
663 ";
664 break;
665 case 7:
666 echo "
667 .wow-bmp-pos-r input:checked ~ ul li:nth-child(1) {
668 top: 350%;
669 left: 50%;
670 }
671 .wow-bmp-pos-r input:checked ~ ul li:nth-child(2) {
672 top: 328.125%;
673 left: -65.625%;
674 }
675 .wow-bmp-pos-r input:checked ~ ul li:nth-child(3) {
676 top: 262.5%;
677 left: -162.5%;
678 }
679 .wow-bmp-pos-r input:checked ~ ul li:nth-child(4) {
680 left: -250%;
681 }
682 .wow-bmp-pos-r input:checked ~ ul li:nth-child(5) {
683 top: -162.5%;
684 left: -162.5%;
685 }
686 .wow-bmp-pos-r input:checked ~ ul li:nth-child(6) {
687 top: -228.125%;
688 left: -65.625%;
689 }
690 .wow-bmp-pos-r input:checked ~ ul li:nth-child(7) {
691 top: -250%;
692 left: 50%;
693 }
694 ";
695 break;
696 case 8:
697 echo "
698 .wow-bmp-pos-r input:checked ~ ul li:nth-child(1) {
699 top: 350%;
700 left: 50%;
701 }
702 .wow-bmp-pos-r input:checked ~ ul li:nth-child(2) {
703 top: 328.125%;
704 left: -65.625%;
705 }
706 .wow-bmp-pos-r input:checked ~ ul li:nth-child(3) {
707 top: 262.5%;
708 left: -162.5%;
709 }
710 .wow-bmp-pos-r input:checked ~ ul li:nth-child(4) {
711 top: 165.625%;
712 left: -228.125%;
713 }
714 .wow-bmp-pos-r input:checked ~ ul li:nth-child(5) {
715 left: -250%;
716 }
717 .wow-bmp-pos-r input:checked ~ ul li:nth-child(6) {
718 top: -65.625%;
719 left: -228.125%;
720 }
721 .wow-bmp-pos-r input:checked ~ ul li:nth-child(7) {
722 top: -162.5%;
723 left: -162.5%;
724 }
725 .wow-bmp-pos-r input:checked ~ ul li:nth-child(8) {
726 top: -228.125%;
727 left: -65.625%;
728 }
729 ";
730 break;
731 case 9:
732 echo "
733 .wow-bmp-pos-r input:checked ~ ul li:nth-child(1) {
734 top: 350%;
735 left: 50%;
736 }
737 .wow-bmp-pos-r input:checked ~ ul li:nth-child(2) {
738 top: 328.125%;
739 left: -65.625%;
740 }
741 .wow-bmp-pos-r input:checked ~ ul li:nth-child(3) {
742 top: 262.5%;
743 left: -162.5%;
744 }
745 .wow-bmp-pos-r input:checked ~ ul li:nth-child(4) {
746 top: 165.625%;
747 left: -228.125%;
748 }
749 .wow-bmp-pos-r input:checked ~ ul li:nth-child(5) {
750 left: -250%;
751 }
752 .wow-bmp-pos-r input:checked ~ ul li:nth-child(6) {
753 top: -65.625%;
754 left: -228.125%;
755 }
756 .wow-bmp-pos-r input:checked ~ ul li:nth-child(7) {
757 top: -162.5%;
758 left: -162.5%;
759 }
760 .wow-bmp-pos-r input:checked ~ ul li:nth-child(8) {
761 top: -228.125%;
762 left: -65.625%;
763 }
764 .wow-bmp-pos-r input:checked ~ ul li:nth-child(9) {
765 top: -250%;
766 left: 50%;
767 }
768 ";
769 break;
770 }
771 }
772
773 elseif($param['menu'] == 'wow-bmp-pos-b'){
774 $count_i = count($param['item_type']);
775 switch ($count_i) {
776 case 1:
777 echo "
778 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
779 top: -250%;
780 left: 50%;
781 }
782 ";
783 break;
784 case 2:
785 echo "
786 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
787 top: -162.5%;
788 left: -162.5%;
789 }
790 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
791 top: -162.5%;
792 left: 262.5%;
793 ";
794 break;
795 case 3:
796 echo "
797 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
798 top: -162.5%;
799 left: -162.5%;
800 }
801 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
802 top: -250%;
803 left: 50%;
804 }
805 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
806 top: -162.5%;
807 left: 262.5%;
808 }
809 ";
810 break;
811 case 4:
812 echo "
813
814
815 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
816 top: -65.625%;
817 left: -228.125%;
818 }
819
820 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
821 top: -228.125%;
822 left: -65.625%;
823 }
824
825 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
826 top: -228.125%;
827 left: 165.625%;
828 }
829
830 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
831 top: -65.625%;
832 left: 328.125%;
833 }
834
835
836 ";
837 break;
838 case 5:
839 echo "
840 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
841 left: -250%;
842 }
843
844 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
845 top: -162.5%;
846 left: -162.5%;
847 }
848
849 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
850 top: -250%;
851 left: 50%;
852 }
853
854 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
855 top: -162.5%;
856 left: 262.5%;
857 }
858
859 .wow-bmp-pos-b input:checked ~ ul li:nth-child(5) {
860 left: 350%;
861 }
862 ";
863 break;
864 case 6:
865 echo "
866
867 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
868 top: -65.625%;
869 left: -228.125%;
870 }
871 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
872 top: -162.5%;
873 left: -162.5%;
874 }
875 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
876 top: -228.125%;
877 left: -65.625%;
878 }
879
880 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
881 top: -228.125%;
882 left: 165.625%;
883 }
884 .wow-bmp-pos-b input:checked ~ ul li:nth-child(5) {
885 top: -162.5%;
886 left: 262.5%;
887 }
888 .wow-bmp-pos-b input:checked ~ ul li:nth-child(6) {
889 top: -65.625%;
890 left: 328.125%;
891 }
892 ";
893 break;
894 case 7:
895 echo "
896 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
897 left: -250%;
898 }
899 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
900 top: -65.625%;
901 left: -228.125%;
902 }
903 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
904 top: -162.5%;
905 left: -162.5%;
906 }
907
908 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
909 top: -250%;
910 left: 50%;
911 }
912
913 .wow-bmp-pos-b input:checked ~ ul li:nth-child(5) {
914 top: -162.5%;
915 left: 262.5%;
916 }
917 .wow-bmp-pos-b input:checked ~ ul li:nth-child(6) {
918 top: -65.625%;
919 left: 328.125%;
920 }
921 .wow-bmp-pos-b input:checked ~ ul li:nth-child(7) {
922 left: 350%;
923 }
924 ";
925 break;
926 case 8:
927 echo "
928 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
929 left: -250%;
930 }
931 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
932 top: -65.625%;
933 left: -228.125%;
934 }
935 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
936 top: -162.5%;
937 left: -162.5%;
938 }
939 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
940 top: -228.125%;
941 left: -65.625%;
942 }
943 .wow-bmp-pos-b input:checked ~ ul li:nth-child(5) {
944 top: -250%;
945 left: 50%;
946 }
947 .wow-bmp-pos-b input:checked ~ ul li:nth-child(6) {
948 top: -228.125%;
949 left: 165.625%;
950 }
951 .wow-bmp-pos-b input:checked ~ ul li:nth-child(7) {
952 top: -162.5%;
953 left: 262.5%;
954 }
955 .wow-bmp-pos-b input:checked ~ ul li:nth-child(8) {
956 top: -65.625%;
957 left: 328.125%;
958 }
959
960 ";
961 break;
962 case 9:
963 echo "
964 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
965 left: -250%;
966 }
967 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
968 top: -65.625%;
969 left: -228.125%;
970 }
971 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
972 top: -162.5%;
973 left: -162.5%;
974 }
975 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
976 top: -228.125%;
977 left: -65.625%;
978 }
979 .wow-bmp-pos-b input:checked ~ ul li:nth-child(5) {
980 top: -250%;
981 left: 50%;
982 }
983 .wow-bmp-pos-b input:checked ~ ul li:nth-child(6) {
984 top: -228.125%;
985 left: 165.625%;
986 }
987 .wow-bmp-pos-b input:checked ~ ul li:nth-child(7) {
988 top: -162.5%;
989 left: 262.5%;
990 }
991 .wow-bmp-pos-b input:checked ~ ul li:nth-child(8) {
992 top: -65.625%;
993 left: 328.125%;
994 }
995 .wow-bmp-pos-b input:checked ~ ul li:nth-child(9) {
996 left: 350%;
997 }
998 ";
999 break;
1000 }
1001 }
1002 elseif($param['menu'] == 'wow-bmp-pos-b'){
1003 $count_i = count($param['item_type']);
1004 switch ($count_i) {
1005 case 1:
1006 echo "
1007 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
1008 top: -250%;
1009 left: 50%;
1010 }
1011 ";
1012 break;
1013 case 2:
1014 echo "
1015 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
1016 top: -162.5%;
1017 left: -162.5%;
1018 }
1019 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
1020 top: -162.5%;
1021 left: 262.5%;
1022 ";
1023 break;
1024 case 3:
1025 echo "
1026 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
1027 top: -162.5%;
1028 left: -162.5%;
1029 }
1030 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
1031 top: -250%;
1032 left: 50%;
1033 }
1034 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
1035 top: -162.5%;
1036 left: 262.5%;
1037 }
1038 ";
1039 break;
1040 case 4:
1041 echo "
1042
1043
1044 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
1045 top: -65.625%;
1046 left: -228.125%;
1047 }
1048
1049 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
1050 top: -228.125%;
1051 left: -65.625%;
1052 }
1053
1054 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
1055 top: -228.125%;
1056 left: 165.625%;
1057 }
1058
1059 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
1060 top: -65.625%;
1061 left: 328.125%;
1062 }
1063
1064
1065 ";
1066 break;
1067 case 5:
1068 echo "
1069 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
1070 left: -250%;
1071 }
1072
1073 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
1074 top: -162.5%;
1075 left: -162.5%;
1076 }
1077
1078 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
1079 top: -250%;
1080 left: 50%;
1081 }
1082
1083 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
1084 top: -162.5%;
1085 left: 262.5%;
1086 }
1087
1088 .wow-bmp-pos-b input:checked ~ ul li:nth-child(5) {
1089 left: 350%;
1090 }
1091 ";
1092 break;
1093 case 6:
1094 echo "
1095
1096 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
1097 top: -65.625%;
1098 left: -228.125%;
1099 }
1100 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
1101 top: -162.5%;
1102 left: -162.5%;
1103 }
1104 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
1105 top: -228.125%;
1106 left: -65.625%;
1107 }
1108
1109 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
1110 top: -228.125%;
1111 left: 165.625%;
1112 }
1113 .wow-bmp-pos-b input:checked ~ ul li:nth-child(5) {
1114 top: -162.5%;
1115 left: 262.5%;
1116 }
1117 .wow-bmp-pos-b input:checked ~ ul li:nth-child(6) {
1118 top: -65.625%;
1119 left: 328.125%;
1120 }
1121 ";
1122 break;
1123 case 7:
1124 echo "
1125 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
1126 left: -250%;
1127 }
1128 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
1129 top: -65.625%;
1130 left: -228.125%;
1131 }
1132 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
1133 top: -162.5%;
1134 left: -162.5%;
1135 }
1136
1137 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
1138 top: -250%;
1139 left: 50%;
1140 }
1141
1142 .wow-bmp-pos-b input:checked ~ ul li:nth-child(5) {
1143 top: -162.5%;
1144 left: 262.5%;
1145 }
1146 .wow-bmp-pos-b input:checked ~ ul li:nth-child(6) {
1147 top: -65.625%;
1148 left: 328.125%;
1149 }
1150 .wow-bmp-pos-b input:checked ~ ul li:nth-child(7) {
1151 left: 350%;
1152 }
1153 ";
1154 break;
1155 case 8:
1156 echo "
1157 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
1158 left: -250%;
1159 }
1160 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
1161 top: -65.625%;
1162 left: -228.125%;
1163 }
1164 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
1165 top: -162.5%;
1166 left: -162.5%;
1167 }
1168 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
1169 top: -228.125%;
1170 left: -65.625%;
1171 }
1172 .wow-bmp-pos-b input:checked ~ ul li:nth-child(5) {
1173 top: -250%;
1174 left: 50%;
1175 }
1176 .wow-bmp-pos-b input:checked ~ ul li:nth-child(6) {
1177 top: -228.125%;
1178 left: 165.625%;
1179 }
1180 .wow-bmp-pos-b input:checked ~ ul li:nth-child(7) {
1181 top: -162.5%;
1182 left: 262.5%;
1183 }
1184 .wow-bmp-pos-b input:checked ~ ul li:nth-child(8) {
1185 top: -65.625%;
1186 left: 328.125%;
1187 }
1188
1189 ";
1190 break;
1191 case 9:
1192 echo "
1193 .wow-bmp-pos-b input:checked ~ ul li:nth-child(1) {
1194 left: -250%;
1195 }
1196 .wow-bmp-pos-b input:checked ~ ul li:nth-child(2) {
1197 top: -65.625%;
1198 left: -228.125%;
1199 }
1200 .wow-bmp-pos-b input:checked ~ ul li:nth-child(3) {
1201 top: -162.5%;
1202 left: -162.5%;
1203 }
1204 .wow-bmp-pos-b input:checked ~ ul li:nth-child(4) {
1205 top: -228.125%;
1206 left: -65.625%;
1207 }
1208 .wow-bmp-pos-b input:checked ~ ul li:nth-child(5) {
1209 top: -250%;
1210 left: 50%;
1211 }
1212 .wow-bmp-pos-b input:checked ~ ul li:nth-child(6) {
1213 top: -228.125%;
1214 left: 165.625%;
1215 }
1216 .wow-bmp-pos-b input:checked ~ ul li:nth-child(7) {
1217 top: -162.5%;
1218 left: 262.5%;
1219 }
1220 .wow-bmp-pos-b input:checked ~ ul li:nth-child(8) {
1221 top: -65.625%;
1222 left: 328.125%;
1223 }
1224 .wow-bmp-pos-b input:checked ~ ul li:nth-child(9) {
1225 left: 350%;
1226 }
1227 ";
1228 break;
1229 }
1230 }
1231 elseif($param['menu'] == 'wow-bmp-pos-l'){
1232 $count_i = count($param['item_type']);
1233 switch ($count_i) {
1234 case 1:
1235 echo "
1236 .wow-bmp-pos-l input:checked ~ ul li:nth-child(1) {
1237 left: 350%;
1238 }
1239 ";
1240 break;
1241 case 2:
1242 echo "
1243 .wow-bmp-pos-l input:checked ~ ul li:nth-child(1) {
1244 top: -162.5%;
1245 left: 262.5%;
1246 }
1247 .wow-bmp-pos-l input:checked ~ ul li:nth-child(2) {
1248 top: 262.5%;
1249 left: 262.5%;
1250 ";
1251 break;
1252 case 3:
1253 echo "
1254 .wow-bmp-pos-l input:checked ~ ul li:nth-child(1) {
1255 top: -162.5%;
1256 left: 262.5%;
1257 }
1258 .wow-bmp-pos-l input:checked ~ ul li:nth-child(2) {
1259 left: 350%;
1260 }
1261 .wow-bmp-pos-l input:checked ~ ul li:nth-child(3) {
1262 top: 262.5%;
1263 left: 262.5%;
1264 }
1265 ";
1266 break;
1267 case 4:
1268 echo "
1269
1270
1271 .wow-bmp-pos-l input:checked ~ ul li:nth-child(1) {
1272 top: -228.125%;
1273 left: 165.625%;
1274 }
1275
1276 .wow-bmp-pos-l input:checked ~ ul li:nth-child(2) {
1277 top: -65.625%;
1278 left: 328.125%;
1279 }
1280
1281 .wow-bmp-pos-l input:checked ~ ul li:nth-child(3) {
1282 top: 165.625%;
1283 left: 328.125%;
1284 }
1285
1286 .wow-bmp-pos-l input:checked ~ ul li:nth-child(4) {
1287 top: 328.125%;
1288 left: 165.625%;
1289 }
1290
1291
1292
1293 ";
1294 break;
1295 case 5:
1296 echo "
1297 .wow-bmp-pos-l input:checked ~ ul li:nth-child(1) {
1298 top: -250%;
1299 left: 50%;
1300 }
1301
1302 .wow-bmp-pos-l input:checked ~ ul li:nth-child(2) {
1303 top: -162.5%;
1304 left: 262.5%;
1305 }
1306
1307 .wow-bmp-pos-l input:checked ~ ul li:nth-child(3) {
1308 left: 350%;
1309 }
1310
1311 .wow-bmp-pos-l input:checked ~ ul li:nth-child(4) {
1312 top: 262.5%;
1313 left: 262.5%;
1314 }
1315
1316 .wow-bmp-pos-l input:checked ~ ul li:nth-child(5) {
1317 top: 350%;
1318 left: 50%;
1319 }
1320 ";
1321 break;
1322 case 6:
1323 echo "
1324
1325
1326 .wow-bmp-pos-l input:checked ~ ul li:nth-child(1) {
1327 top: -228.125%;
1328 left: 165.625%;
1329 }
1330 .wow-bmp-pos-l input:checked ~ ul li:nth-child(2) {
1331 top: -162.5%;
1332 left: 262.5%;
1333 }
1334 .wow-bmp-pos-l input:checked ~ ul li:nth-child(3) {
1335 top: -65.625%;
1336 left: 328.125%;
1337 }
1338
1339 .wow-bmp-pos-l input:checked ~ ul li:nth-child(4) {
1340 top: 165.625%;
1341 left: 328.125%;
1342 }
1343 .wow-bmp-pos-l input:checked ~ ul li:nth-child(5) {
1344 top: 262.5%;
1345 left: 262.5%;
1346 }
1347 .wow-bmp-pos-l input:checked ~ ul li:nth-child(6) {
1348 top: 328.125%;
1349 left: 165.625%;
1350 }
1351
1352 ";
1353 break;
1354 case 7:
1355 echo "
1356 .wow-bmp-pos-l input:checked ~ ul li:nth-child(1) {
1357 top: -250%;
1358 left: 50%;
1359 }
1360 .wow-bmp-pos-l input:checked ~ ul li:nth-child(2) {
1361 top: -228.125%;
1362 left: 165.625%;
1363 }
1364 .wow-bmp-pos-l input:checked ~ ul li:nth-child(3) {
1365 top: -162.5%;
1366 left: 262.5%;
1367 }
1368
1369 .wow-bmp-pos-l input:checked ~ ul li:nth-child(4) {
1370 left: 350%;
1371 }
1372
1373 .wow-bmp-pos-l input:checked ~ ul li:nth-child(5) {
1374 top: 262.5%;
1375 left: 262.5%;
1376 }
1377 .wow-bmp-pos-l input:checked ~ ul li:nth-child(6) {
1378 top: 328.125%;
1379 left: 165.625%;
1380 }
1381 .wow-bmp-pos-l input:checked ~ ul li:nth-child(7) {
1382 top: 350%;
1383 left: 50%;
1384 }
1385 ";
1386 break;
1387 case 8:
1388 echo "
1389 .wow-bmp-pos-l input:checked ~ ul li:nth-child(1) {
1390 top: -250%;
1391 left: 50%;
1392 }
1393 .wow-bmp-pos-l input:checked ~ ul li:nth-child(2) {
1394 top: -228.125%;
1395 left: 165.625%;
1396 }
1397 .wow-bmp-pos-l input:checked ~ ul li:nth-child(3) {
1398 top: -162.5%;
1399 left: 262.5%;
1400 }
1401 .wow-bmp-pos-l input:checked ~ ul li:nth-child(4) {
1402 top: -65.625%;
1403 left: 328.125%;
1404 }
1405 .wow-bmp-pos-l input:checked ~ ul li:nth-child(5) {
1406 left: 350%;
1407 }
1408 .wow-bmp-pos-l input:checked ~ ul li:nth-child(6) {
1409 top: 165.625%;
1410 left: 328.125%;
1411 }
1412 .wow-bmp-pos-l input:checked ~ ul li:nth-child(7) {
1413 top: 262.5%;
1414 left: 262.5%;
1415 }
1416 .wow-bmp-pos-l input:checked ~ ul li:nth-child(8) {
1417 top: 328.125%;
1418 left: 165.625%;
1419 }
1420
1421
1422 ";
1423 break;
1424 case 9:
1425 echo "
1426 .wow-bmp-pos-l input:checked ~ ul li:nth-child(1) {
1427 top: -250%;
1428 left: 50%;
1429 }
1430 .wow-bmp-pos-l input:checked ~ ul li:nth-child(2) {
1431 top: -228.125%;
1432 left: 165.625%;
1433 }
1434 .wow-bmp-pos-l input:checked ~ ul li:nth-child(3) {
1435 top: -162.5%;
1436 left: 262.5%;
1437 }
1438 .wow-bmp-pos-l input:checked ~ ul li:nth-child(4) {
1439 top: -65.625%;
1440 left: 328.125%;
1441 }
1442 .wow-bmp-pos-l input:checked ~ ul li:nth-child(5) {
1443 left: 350%;
1444 }
1445 .wow-bmp-pos-l input:checked ~ ul li:nth-child(6) {
1446 top: 165.625%;
1447 left: 328.125%;
1448 }
1449 .wow-bmp-pos-l input:checked ~ ul li:nth-child(7) {
1450 top: 262.5%;
1451 left: 262.5%;
1452 }
1453 .wow-bmp-pos-l input:checked ~ ul li:nth-child(8) {
1454 top: 328.125%;
1455 left: 165.625%;
1456 }
1457 .wow-bmp-pos-l input:checked ~ ul li:nth-child(9) {
1458 top: 350%;
1459 left: 50%;
1460 }
1461 ";
1462 break;
1463 }
1464 }
1465
1466 if(!empty($param['include_mobile'])){ ?>
1467 @media only screen and (max-width: <?php if(empty($param['screen'])){echo "480";} else {echo $param['screen'];} ?>px){
1468 .bmp-mobile-<?php echo $val->id;?> {
1469 display:none;
1470 }
1471 }
1472 <?php }
1473
1474 if(!empty($param['include_more_screen'])){ ?>
1475 @media only screen and (min-width: <?php if(empty($param['screen_more'])){echo "1400";} else {echo $param['screen_more'];} ?>px){
1476 .bmp-mobile-<?php echo $val->id;?> {
1477 display:none;
1478 }
1479 }
1480 <?php }
1481