1/* STYLES FOR THE BOXY PEDAL */
2
3@import url(/fonts/nexa/stylesheet.css);
4@import url(/fonts/questrial/stylesheet.css);
5
6
7/* = CONTAINER
8================================================ */
9.mod-pedal-boxy{{{cns}}} {
10    background-position:center center;
11    background-repeat:no-repeat;
12    background-size:230px 431px;
13    height:431px;
14    position:absolute;
15    width:230px;
16    border-radius: 21px;
17}
18
19.mod-pedal-boxy{{{cns}}}.mod-boxy50 {
20    background-size:301px 315px;
21    height:315px;
22    width:301px;
23}
24
25.mod-pedal-boxy{{{cns}}}.mod-boxy75 {
26    background-size:326px 431px;
27    width:326px;
28}
29
30.mod-pedal-boxy{{{cns}}}.mod-boxy85 {
31    background-size:364px 431px;
32    width:364px;
33}
34
35.mod-pedal-boxy{{{cns}}}.mod-boxy100 {
36    background-size:421px 431px;
37    width:421px;
38}
39
40/* = PLUGIN'S AUTHOR
41================================================ */
42.mod-pedal-boxy{{{cns}}} .mod-plugin-brand {
43    left:0;
44    position:absolute;
45    right:0;
46    text-align:center;
47    text-transform:uppercase;
48    top:160px;
49}
50
51.mod-pedal-boxy{{{cns}}} .mod-plugin-brand h1 {
52    border-color:#000;
53    border-radius:12px;
54    border-style:solid;
55    border-width:4px;
56    display:inline-block;
57    font-family:"Nexa";
58    font-size:32px;
59    padding:3px 9px 0;
60}
61
62.mod-pedal-boxy{{{cns}}}.mod-five-knobs .mod-plugin-brand,
63.mod-pedal-boxy{{{cns}}}.mod-six-knobs .mod-plugin-brand,
64.mod-pedal-boxy{{{cns}}}.mod-seven-knobs .mod-plugin-brand,
65.mod-pedal-boxy{{{cns}}}.mod-eight-knobs .mod-plugin-brand {
66    top:190px;
67}
68
69.mod-pedal-boxy{{{cns}}}.mod-boxy50 .mod-plugin-brand {
70  top:16px;
71}
72
73
74/* = PLUGIN'S NAME
75================================================ */
76.mod-pedal-boxy{{{cns}}} .mod-plugin-name {
77    left:30px;
78    overflow:hidden;
79    position:absolute;
80    right:30px;
81    text-align:center;
82    top:340px;
83}
84
85.mod-pedal-boxy{{{cns}}} .mod-plugin-name h1 {
86    font-family:"Questrial";
87    font-size:21px;
88    line-height:1;
89}
90
91.mod-pedal-boxy{{{cns}}}.mod-five-knobs .mod-plugin-name,
92.mod-pedal-boxy{{{cns}}}.mod-six-knobs .mod-plugin-name,
93.mod-pedal-boxy{{{cns}}}.mod-seven-knobs .mod-plugin-name,
94.mod-pedal-boxy{{{cns}}}.mod-eight-knobs .mod-plugin-name {
95    top:350px;
96}
97
98.mod-pedal-boxy{{{cns}}}.mod-boxy50 .mod-plugin-name {
99  top:230px;
100}
101
102
103/* = LIGHT ON/OFF
104================================================ */
105.mod-pedal-boxy{{{cns}}} .mod-light {
106    background-position:center center;
107    background-repeat:no-repeat;
108    height:32px;
109    left:10px;
110    position:absolute;
111    right:10px;
112    top:235px;
113}
114
115.mod-pedal-boxy{{{cns}}}.mod-five-knobs .mod-light,
116.mod-pedal-boxy{{{cns}}}.mod-six-knobs .mod-light,
117.mod-pedal-boxy{{{cns}}}.mod-seven-knobs .mod-light,
118.mod-pedal-boxy{{{cns}}}.mod-eight-knobs .mod-light {
119    top:253px;
120}
121
122.mod-pedal-boxy{{{cns}}}.mod-boxy50 .mod-light {
123  top:105px;
124}
125
126
127/* = FOOTSWITCH
128================================================ */
129.mod-pedal-boxy{{{cns}}} .mod-footswitch {
130    background-image:url(/resources/pedals/footswitch.png{{{ns}}});
131    background-position:bottom center;
132    background-repeat:no-repeat;
133    background-size:auto 132px;
134    bottom: 95px;
135    left: 13px;
136    right: 13px;
137    cursor:pointer;
138    height:66px;
139    width: 66px;
140    margin: auto;
141    position:absolute !important;
142}
143.mod-pedal-boxy{{{cns}}} .mod-footswitch.on {
144    background-position-y: top !important
145}
146
147.mod-pedal-boxy{{{cns}}}.mod-five-knobs .mod-footswitch,
148.mod-pedal-boxy{{{cns}}}.mod-six-knobs .mod-footswitch,
149.mod-pedal-boxy{{{cns}}}.mod-seven-knobs .mod-footswitch,
150.mod-pedal-boxy{{{cns}}}.mod-eight-knobs .mod-footswitch {
151    top:285px;
152}
153
154.mod-pedal-boxy{{{cns}}}.mod-boxy50 .mod-footswitch {
155    top:140px;
156}
157
158
159/* = KNOBS
160================================================ */
161.mod-pedal-boxy{{{cns}}} .mod-control-group {
162    margin:20px !important;
163    position:relative;
164    text-align:center;
165    z-index:30;
166}
167.mod-pedal-boxy{{{cns}}} .top {
168    margin-top:0px !important;
169}
170
171.mod-pedal-boxy{{{cns}}} .mod-control-group .mod-knob {
172    overflow:hidden;
173    position:relative;
174}
175
176.mod-pedal-boxy{{{cns}}} .mod-control-group .mod-knob > span.mod-knob-title {
177    bottom:0px;
178    display:block;
179    font-size:11px;
180    font-weight:bold;
181    height:12px;
182    left:0;
183    line-height:1;
184    margin:0;
185    overflow:hidden;
186    padding:0;
187    position:absolute;
188    right:0;
189    text-transform:uppercase;
190}
191
192/* ONE KNOB */
193.mod-pedal-boxy{{{cns}}}.mod-one-knob .mod-control-group .mod-knob .mod-knob-image {
194    background-image:url(/resources/knobs/boxy/boxy.png{{{ns}}});
195    background-repeat:no-repeat;
196    background-size:auto 98px;
197    height:98px;
198    width:98px;
199    margin:0 auto;
200}
201.mod-pedal-boxy{{{cns}}}.mod-one-knob .mod-control-group .mod-knob > span.mod-knob-title {
202    font-size:15px;
203    height:15px;
204}
205.mod-pedal-boxy{{{cns}}}.mod-one-knob .mod-control-group .mod-knob {
206    height:115px;
207}
208
209/* TWO KNOBS */
210.mod-pedal-boxy{{{cns}}}.mod-two-knobs .mod-control-group .mod-knob .mod-knob-image {
211    background-image:url(/resources/knobs/boxy/boxy.png{{{ns}}});
212    background-repeat:no-repeat;
213    background-size:auto 90px;
214    height:90px;
215    width:90px;
216    margin:0 auto;
217}
218.mod-pedal-boxy{{{cns}}}.mod-two-knobs .mod-control-group .mod-knob > span.mod-knob-title {
219    font-size:13px;
220}
221.mod-pedal-boxy{{{cns}}}.mod-two-knobs .mod-control-group .mod-knob {
222    float:left;
223    width:50%;
224}
225.mod-pedal-boxy{{{cns}}}.mod-two-knobs .mod-control-group .mod-knob {
226    height:103px;
227}
228
229/* THREE AND HIGHER KNOBS */
230.mod-pedal-boxy{{{cns}}}.mod-three-knobs .mod-control-group .mod-knob .mod-knob-image,
231.mod-pedal-boxy{{{cns}}}.mod-four-knobs .mod-control-group .mod-knob .mod-knob-image,
232.mod-pedal-boxy{{{cns}}}.mod-five-knobs .mod-control-group .mod-knob .mod-knob-image,
233.mod-pedal-boxy{{{cns}}}.mod-six-knobs .mod-control-group .mod-knob .mod-knob-image,
234.mod-pedal-boxy{{{cns}}}.mod-seven-knobs .mod-control-group .mod-knob .mod-knob-image,
235.mod-pedal-boxy{{{cns}}}.mod-eight-knobs .mod-control-group .mod-knob .mod-knob-image {
236    background-image:url(/resources/knobs/lata/lata.png{{{ns}}});
237    background-repeat:no-repeat;
238    background-size:auto 60px;
239    height:60px;
240    width:60px;
241    margin:0 auto;
242}
243.mod-pedal-boxy{{{cns}}}.mod-three-knobs .mod-control-group .mod-knob,
244.mod-pedal-boxy{{{cns}}}.mod-four-knobs .mod-control-group .mod-knob,
245.mod-pedal-boxy{{{cns}}}.mod-five-knobs .mod-control-group .mod-knob,
246.mod-pedal-boxy{{{cns}}}.mod-six-knobs .mod-control-group .mod-knob,
247.mod-pedal-boxy{{{cns}}}.mod-seven-knobs .mod-control-group .mod-knob,
248.mod-pedal-boxy{{{cns}}}.mod-eight-knobs .mod-control-group .mod-knob {
249    display:inline-block;
250    height:73px;
251}
252
253/* EIGTH KNOBS */
254.mod-pedal-boxy{{{cns}}}.mod-eight-knobs .mod-knob {
255    width:70px;
256}
257
258/* = ENUMERATED LIST
259================================================ */
260.mod-pedal-boxy{{{cns}}} .mod-enumerated-group {
261    height:31px;
262    margin:20px auto 0 !important;
263    position:relative;
264    width:190px;
265    z-index:35;
266}
267
268.mod-pedal-boxy{{{cns}}}.mod-three-knobs .mod-enumerated-group,
269.mod-pedal-boxy{{{cns}}}.mod-four-knobs .mod-enumerated-group {
270    margin-bottom:5px !important;
271}
272
273.mod-pedal-boxy{{{cns}}}.mod-four-knobs .mod-enumerated-group {
274    width:250px;
275}
276
277.mod-pedal-boxy{{{cns}}} .mod-enumerated {
278    background-position:right center;
279    background-repeat:no-repeat;
280    font-size:11px;
281    font-weight:bold;
282    left:0;
283    line-height:2;
284    overflow:hidden;
285    position:absolute;
286    right:0;
287    text-align:left;
288}
289
290.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-selected {
291    background-color:rgba(0,0,0,.3);
292    box-shadow:inset 0 0 4px rgba(0,0,0,.3);
293    border-radius:4px;
294    padding:3px 9px;
295}
296
297.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-selected {
298    border-radius:4px 4px 0 0;
299}
300
301.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list {
302    display:none;
303    color:#fff;
304}
305
306.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list {
307    background-color:rgba(0,0,0,.9);
308    display:none;
309    height:115px;
310    overflow:auto;
311    position:relative;
312}
313
314.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list > div {
315    padding:3px 9px;
316}
317
318.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list > div:hover {
319    background-color:rgba(255,255,255,.2);
320    cursor:pointer;
321}
322
323/* SLIDER
324================================================ */
325.mod-pedal-boxy{{{cns}}} .mod-slider:first-child {
326    margin-left:8px;
327}
328
329.mod-pedal-boxy{{{cns}}} .mod-slider {
330    color:black;
331    float:left;
332    font-size:11px;
333    height:140px;
334    margin-bottom:2px;
335    margin-right:2px;
336    overflow:hidden;
337    position:relative;
338    text-align:center;
339    width:33px;
340}
341
342
343.mod-pedal-boxy{{{cns}}} .mod-slider .mod-slider-title {
344    display:block;
345    font-size:11px;
346    font-weight:bold;
347    height:7px;
348    line-height:1;
349    margin-bottom:3px;
350    overflow:hidden;
351    padding:7px 0 5px;
352    position:relative;
353}
354
355.mod-pedal-boxy{{{cns}}} .mod-slider .mod-slider-image {
356    background-image:url(/resources/pedals/slider.png{{{ns}}});
357    background-repeat:no-repeat;
358    background-size:auto 110px;
359    height:110px;
360    margin:0 auto;
361    width:44px;
362}
363
364.mod-pedal-boxy{{{cns}}} .mod-slider .mod-slider-image:hover {
365    cursor:pointer;
366}
367
368.mod-pedal-boxy{{{cns}}}.mod-three-sliders .mod-slider {
369    margin:0;
370    width:33%;
371}
372
373.mod-pedal-boxy{{{cns}}}.mod-four-sliders .mod-slider {
374    margin:0;
375    width:25%;
376}
377
378.mod-pedal-boxy{{{cns}}}.mod-five-sliders .mod-slider {
379    margin:0;
380    width:20%;
381}
382
383.mod-pedal-boxy{{{cns}}}.mod-six-sliders .mod-slider {
384    margin:0;
385    width:16.5%;
386}
387
388.mod-pedal-boxy{{{cns}}}.mod-seven-sliders .mod-slider {
389    margin:0;
390    width:14.2%;
391}
392
393.mod-pedal-boxy{{{cns}}}.mod-eight-sliders .mod-slider {
394    margin:0;
395    width:12.5%;
396}
397
398.mod-pedal-boxy{{{cns}}}.mod-nine-sliders .mod-slider {
399    margin:0;
400    width:11.11%;
401}
402
403.mod-pedal-boxy{{{cns}}}.mod-ten-sliders .mod-slider {
404    margin:0;
405    width:10%;
406}
407
408.mod-pedal-boxy{{{cns}}}.mod-ten-sliders .mod-slider .mod-slider-image {
409    margin-left:-5px;
410}
411
412.mod-pedal-boxy{{{cns}}}.mod-twelve-sliders .mod-slider {
413    margin:0;
414    width:8.333333%;
415}
416
417.mod-pedal-boxy{{{cns}}}.mod-twelve-sliders .mod-slider .mod-slider-image {
418    margin-left:-5px;
419}
420
421
422/* = BACKGROUND IMAGES - Color of the pedal
423================================================ */
424.mod-pedal-boxy{{{cns}}}.mod-gold {
425    background-image:url(/resources/pedals/boxy/gold.png{{{ns}}});
426}
427.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-gold {
428    background-image:url(/resources/pedals/boxy-small/gold.png{{{ns}}});
429}
430.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-gold {
431    background-image:url(/resources/pedals/boxy75/gold.png{{{ns}}});
432}
433.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-gold {
434    background-image:url(/resources/pedals/boxy85/gold.png{{{ns}}});
435}
436.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-gold {
437    background-image:url(/resources/pedals/boxy100/gold.png{{{ns}}});
438}
439.mod-pedal-boxy{{{cns}}}.mod-slime {
440    background-image:url(/resources/pedals/boxy/slime.png{{{ns}}});
441}
442.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-slime {
443    background-image:url(/resources/pedals/boxy-small/slime.png{{{ns}}});
444}
445.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-slime {
446    background-image:url(/resources/pedals/boxy75/slime.png{{{ns}}});
447}
448.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-slime {
449    background-image:url(/resources/pedals/boxy85/slime.png{{{ns}}});
450}
451.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-slime {
452    background-image:url(/resources/pedals/boxy100/slime.png{{{ns}}});
453}
454.mod-pedal-boxy{{{cns}}}.mod-yellow {
455    background-image:url(/resources/pedals/boxy/yellow.png{{{ns}}});
456}
457.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-yellow {
458    background-image:url(/resources/pedals/boxy-small/yellow.png{{{ns}}});
459}
460.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-yellow {
461    background-image:url(/resources/pedals/boxy75/yellow.png{{{ns}}});
462}
463.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-yellow {
464    background-image:url(/resources/pedals/boxy85/yellow.png{{{ns}}});
465}
466.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-yellow {
467    background-image:url(/resources/pedals/boxy100/yellow.png{{{ns}}});
468}
469.mod-pedal-boxy{{{cns}}}.mod-pink {
470    background-image:url(/resources/pedals/boxy/pink.png{{{ns}}});
471}
472.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-pink {
473    background-image:url(/resources/pedals/boxy-small/pink.png{{{ns}}});
474}
475.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-pink {
476    background-image:url(/resources/pedals/boxy75/pink.png{{{ns}}});
477}
478.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-pink {
479    background-image:url(/resources/pedals/boxy85/pink.png{{{ns}}});
480}
481.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-pink {
482    background-image:url(/resources/pedals/boxy100/pink.png{{{ns}}});
483}
484.mod-pedal-boxy{{{cns}}}.mod-zinc {
485    background-image:url(/resources/pedals/boxy/zinc.png{{{ns}}});
486}
487.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-zinc {
488    background-image:url(/resources/pedals/boxy-small/zinc.png{{{ns}}});
489}
490.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-zinc {
491    background-image:url(/resources/pedals/boxy75/zinc.png{{{ns}}});
492}
493.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-zinc {
494    background-image:url(/resources/pedals/boxy85/zinc.png{{{ns}}});
495}
496.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-zinc {
497    background-image:url(/resources/pedals/boxy100/zinc.png{{{ns}}});
498}
499.mod-pedal-boxy{{{cns}}}.mod-cream {
500    background-image:url(/resources/pedals/boxy/cream.png{{{ns}}});
501}
502.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-cream {
503    background-image:url(/resources/pedals/boxy-small/cream.png{{{ns}}});
504}
505.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-cream {
506    background-image:url(/resources/pedals/boxy75/cream.png{{{ns}}});
507}
508.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-cream {
509    background-image:url(/resources/pedals/boxy85/cream.png{{{ns}}});
510}
511.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-cream {
512    background-image:url(/resources/pedals/boxy100/cream.png{{{ns}}});
513}
514.mod-pedal-boxy{{{cns}}}.mod-blue {
515    background-image:url(/resources/pedals/boxy/blue.png{{{ns}}});
516}
517.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-blue {
518    background-image:url(/resources/pedals/boxy-small/blue.png{{{ns}}});
519}
520.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-blue {
521    background-image:url(/resources/pedals/boxy75/blue.png{{{ns}}});
522}
523.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-blue {
524    background-image:url(/resources/pedals/boxy85/blue.png{{{ns}}});
525}
526.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-blue {
527    background-image:url(/resources/pedals/boxy100/blue.png{{{ns}}});
528}
529.mod-pedal-boxy{{{cns}}}.mod-tribal2 {
530    background-image:url(/resources/pedals/boxy/tribal2.png{{{ns}}});
531}
532.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-tribal2 {
533    background-image:url(/resources/pedals/boxy-small/tribal2.png{{{ns}}});
534}
535.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-tribal2 {
536    background-image:url(/resources/pedals/boxy75/tribal2.png{{{ns}}});
537}
538.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-tribal2 {
539    background-image:url(/resources/pedals/boxy85/tribal2.png{{{ns}}});
540}
541.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-tribal2 {
542    background-image:url(/resources/pedals/boxy100/tribal2.png{{{ns}}});
543}
544.mod-pedal-boxy{{{cns}}}.mod-purple {
545    background-image:url(/resources/pedals/boxy/purple.png{{{ns}}});
546}
547.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-purple {
548    background-image:url(/resources/pedals/boxy-small/purple.png{{{ns}}});
549}
550.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-purple {
551    background-image:url(/resources/pedals/boxy75/purple.png{{{ns}}});
552}
553.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-purple {
554    background-image:url(/resources/pedals/boxy85/purple.png{{{ns}}});
555}
556.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-purple {
557    background-image:url(/resources/pedals/boxy100/purple.png{{{ns}}});
558}
559.mod-pedal-boxy{{{cns}}}.mod-lava {
560    background-image:url(/resources/pedals/boxy/lava.png{{{ns}}});
561}
562.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-lava {
563    background-image:url(/resources/pedals/boxy-small/lava.png{{{ns}}});
564}
565.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-lava {
566    background-image:url(/resources/pedals/boxy75/lava.png{{{ns}}});
567}
568.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-lava {
569    background-image:url(/resources/pedals/boxy85/lava.png{{{ns}}});
570}
571.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-lava {
572    background-image:url(/resources/pedals/boxy100/lava.png{{{ns}}});
573}
574.mod-pedal-boxy{{{cns}}}.mod-black {
575    background-image:url(/resources/pedals/boxy/black.png{{{ns}}});
576}
577.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-black {
578    background-image:url(/resources/pedals/boxy-small/black.png{{{ns}}});
579}
580.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-black {
581    background-image:url(/resources/pedals/boxy75/black.png{{{ns}}});
582}
583.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-black {
584    background-image:url(/resources/pedals/boxy85/black.png{{{ns}}});
585}
586.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-black {
587    background-image:url(/resources/pedals/boxy100/black.png{{{ns}}});
588}
589.mod-pedal-boxy{{{cns}}}.mod-orange {
590    background-image:url(/resources/pedals/boxy/orange.png{{{ns}}});
591}
592.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-orange {
593    background-image:url(/resources/pedals/boxy-small/orange.png{{{ns}}});
594}
595.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-orange {
596    background-image:url(/resources/pedals/boxy75/orange.png{{{ns}}});
597}
598.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-orange {
599    background-image:url(/resources/pedals/boxy85/orange.png{{{ns}}});
600}
601.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-orange {
602    background-image:url(/resources/pedals/boxy100/orange.png{{{ns}}});
603}
604.mod-pedal-boxy{{{cns}}}.mod-white {
605    background-image:url(/resources/pedals/boxy/white.png{{{ns}}});
606}
607.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-white {
608    background-image:url(/resources/pedals/boxy-small/white.png{{{ns}}});
609}
610.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-white {
611    background-image:url(/resources/pedals/boxy75/white.png{{{ns}}});
612}
613.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-white {
614    background-image:url(/resources/pedals/boxy85/white.png{{{ns}}});
615}
616.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-white {
617    background-image:url(/resources/pedals/boxy100/white.png{{{ns}}});
618}
619.mod-pedal-boxy{{{cns}}}.mod-racing {
620    background-image:url(/resources/pedals/boxy/racing.png{{{ns}}});
621}
622.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-racing {
623    background-image:url(/resources/pedals/boxy-small/racing.png{{{ns}}});
624}
625.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-racing {
626    background-image:url(/resources/pedals/boxy75/racing.png{{{ns}}});
627}
628.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-racing {
629    background-image:url(/resources/pedals/boxy85/racing.png{{{ns}}});
630}
631.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-racing {
632    background-image:url(/resources/pedals/boxy100/racing.png{{{ns}}});
633}
634.mod-pedal-boxy{{{cns}}}.mod-red {
635    background-image:url(/resources/pedals/boxy/red.png{{{ns}}});
636}
637.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-red {
638    background-image:url(/resources/pedals/boxy-small/red.png{{{ns}}});
639}
640.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-red {
641    background-image:url(/resources/pedals/boxy75/red.png{{{ns}}});
642}
643.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-red {
644    background-image:url(/resources/pedals/boxy85/red.png{{{ns}}});
645}
646.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-red {
647    background-image:url(/resources/pedals/boxy100/red.png{{{ns}}});
648}
649.mod-pedal-boxy{{{cns}}}.mod-dots {
650    background-image:url(/resources/pedals/boxy/dots.png{{{ns}}});
651}
652.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-dots {
653    background-image:url(/resources/pedals/boxy-small/dots.png{{{ns}}});
654}
655.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-dots {
656    background-image:url(/resources/pedals/boxy75/dots.png{{{ns}}});
657}
658.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-dots {
659    background-image:url(/resources/pedals/boxy85/dots.png{{{ns}}});
660}
661.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-dots {
662    background-image:url(/resources/pedals/boxy100/dots.png{{{ns}}});
663}
664.mod-pedal-boxy{{{cns}}}.mod-brown {
665    background-image:url(/resources/pedals/boxy/brown.png{{{ns}}});
666}
667.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-brown {
668    background-image:url(/resources/pedals/boxy-small/brown.png{{{ns}}});
669}
670.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-brown {
671    background-image:url(/resources/pedals/boxy75/brown.png{{{ns}}});
672}
673.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-brown {
674    background-image:url(/resources/pedals/boxy85/brown.png{{{ns}}});
675}
676.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-brown {
677    background-image:url(/resources/pedals/boxy100/brown.png{{{ns}}});
678}
679.mod-pedal-boxy{{{cns}}}.mod-petrol {
680    background-image:url(/resources/pedals/boxy/petrol.png{{{ns}}});
681}
682.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-petrol {
683    background-image:url(/resources/pedals/boxy-small/petrol.png{{{ns}}});
684}
685.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-petrol {
686    background-image:url(/resources/pedals/boxy75/petrol.png{{{ns}}});
687}
688.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-petrol {
689    background-image:url(/resources/pedals/boxy85/petrol.png{{{ns}}});
690}
691.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-petrol {
692    background-image:url(/resources/pedals/boxy100/petrol.png{{{ns}}});
693}
694.mod-pedal-boxy{{{cns}}}.mod-wood0 {
695    background-image:url(/resources/pedals/boxy/wood0.png{{{ns}}});
696}
697.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood0 {
698    background-image:url(/resources/pedals/boxy-small/wood0.png{{{ns}}});
699}
700.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood0 {
701    background-image:url(/resources/pedals/boxy75/wood0.png{{{ns}}});
702}
703.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood0 {
704    background-image:url(/resources/pedals/boxy85/wood0.png{{{ns}}});
705}
706.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood0 {
707    background-image:url(/resources/pedals/boxy100/wood0.png{{{ns}}});
708}
709.mod-pedal-boxy{{{cns}}}.mod-wood1 {
710    background-image:url(/resources/pedals/boxy/wood1.png{{{ns}}});
711}
712.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood1 {
713    background-image:url(/resources/pedals/boxy-small/wood1.png{{{ns}}});
714}
715.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood1 {
716    background-image:url(/resources/pedals/boxy75/wood1.png{{{ns}}});
717}
718.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood1 {
719    background-image:url(/resources/pedals/boxy85/wood1.png{{{ns}}});
720}
721.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood1 {
722    background-image:url(/resources/pedals/boxy100/wood1.png{{{ns}}});
723}
724.mod-pedal-boxy{{{cns}}}.mod-wood2 {
725    background-image:url(/resources/pedals/boxy/wood2.png{{{ns}}});
726}
727.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood2 {
728    background-image:url(/resources/pedals/boxy-small/wood2.png{{{ns}}});
729}
730.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood2 {
731    background-image:url(/resources/pedals/boxy75/wood2.png{{{ns}}});
732}
733.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood2 {
734    background-image:url(/resources/pedals/boxy85/wood2.png{{{ns}}});
735}
736.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood2 {
737    background-image:url(/resources/pedals/boxy100/wood2.png{{{ns}}});
738}
739.mod-pedal-boxy{{{cns}}}.mod-wood3 {
740    background-image:url(/resources/pedals/boxy/wood3.png{{{ns}}});
741}
742.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood3 {
743    background-image:url(/resources/pedals/boxy-small/wood3.png{{{ns}}});
744}
745.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood3 {
746    background-image:url(/resources/pedals/boxy75/wood3.png{{{ns}}});
747}
748.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood3 {
749    background-image:url(/resources/pedals/boxy85/wood3.png{{{ns}}});
750}
751.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood3 {
752    background-image:url(/resources/pedals/boxy100/wood3.png{{{ns}}});
753}
754.mod-pedal-boxy{{{cns}}}.mod-wood4 {
755    background-image:url(/resources/pedals/boxy/wood4.png{{{ns}}});
756}
757.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood4 {
758    background-image:url(/resources/pedals/boxy-small/wood4.png{{{ns}}});
759}
760.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood4 {
761    background-image:url(/resources/pedals/boxy75/wood4.png{{{ns}}});
762}
763.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood4 {
764    background-image:url(/resources/pedals/boxy85/wood4.png{{{ns}}});
765}
766.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood4 {
767    background-image:url(/resources/pedals/boxy100/wood4.png{{{ns}}});
768}
769.mod-pedal-boxy{{{cns}}}.mod-cyan {
770    background-image:url(/resources/pedals/boxy/cyan.png{{{ns}}});
771}
772.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-cyan {
773    background-image:url(/resources/pedals/boxy-small/cyan.png{{{ns}}});
774}
775.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-cyan {
776    background-image:url(/resources/pedals/boxy75/cyan.png{{{ns}}});
777}
778.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-cyan {
779    background-image:url(/resources/pedals/boxy85/cyan.png{{{ns}}});
780}
781.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-cyan {
782    background-image:url(/resources/pedals/boxy100/cyan.png{{{ns}}});
783}
784.mod-pedal-boxy{{{cns}}}.mod-gray {
785    background-image:url(/resources/pedals/boxy/gray.png{{{ns}}});
786}
787.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-gray {
788    background-image:url(/resources/pedals/boxy-small/gray.png{{{ns}}});
789}
790.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-gray {
791    background-image:url(/resources/pedals/boxy75/gray.png{{{ns}}});
792}
793.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-gray {
794    background-image:url(/resources/pedals/boxy85/gray.png{{{ns}}});
795}
796.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-gray {
797    background-image:url(/resources/pedals/boxy100/gray.png{{{ns}}});
798}
799.mod-pedal-boxy{{{cns}}}.mod-none {
800    background-image:url(/resources/pedals/boxy/none.png{{{ns}}});
801}
802.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-none {
803    background-image:url(/resources/pedals/boxy-small/none.png{{{ns}}});
804}
805.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-none {
806    background-image:url(/resources/pedals/boxy75/none.png{{{ns}}});
807}
808.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-none {
809    background-image:url(/resources/pedals/boxy85/none.png{{{ns}}});
810}
811.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-none {
812    background-image:url(/resources/pedals/boxy100/none.png{{{ns}}});
813}
814.mod-pedal-boxy{{{cns}}}.mod-flowerpower {
815    background-image:url(/resources/pedals/boxy/flowerpower.png{{{ns}}});
816}
817.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-flowerpower {
818    background-image:url(/resources/pedals/boxy-small/flowerpower.png{{{ns}}});
819}
820.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-flowerpower {
821    background-image:url(/resources/pedals/boxy75/flowerpower.png{{{ns}}});
822}
823.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-flowerpower {
824    background-image:url(/resources/pedals/boxy85/flowerpower.png{{{ns}}});
825}
826.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-flowerpower {
827    background-image:url(/resources/pedals/boxy100/flowerpower.png{{{ns}}});
828}
829.mod-pedal-boxy{{{cns}}}.mod-darkblue {
830    background-image:url(/resources/pedals/boxy/darkblue.png{{{ns}}});
831}
832.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-darkblue {
833    background-image:url(/resources/pedals/boxy-small/darkblue.png{{{ns}}});
834}
835.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-darkblue {
836    background-image:url(/resources/pedals/boxy75/darkblue.png{{{ns}}});
837}
838.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-darkblue {
839    background-image:url(/resources/pedals/boxy85/darkblue.png{{{ns}}});
840}
841.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-darkblue {
842    background-image:url(/resources/pedals/boxy100/darkblue.png{{{ns}}});
843}
844.mod-pedal-boxy{{{cns}}}.mod-tribal1 {
845    background-image:url(/resources/pedals/boxy/tribal1.png{{{ns}}});
846}
847.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-tribal1 {
848    background-image:url(/resources/pedals/boxy-small/tribal1.png{{{ns}}});
849}
850.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-tribal1 {
851    background-image:url(/resources/pedals/boxy75/tribal1.png{{{ns}}});
852}
853.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-tribal1 {
854    background-image:url(/resources/pedals/boxy85/tribal1.png{{{ns}}});
855}
856.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-tribal1 {
857    background-image:url(/resources/pedals/boxy100/tribal1.png{{{ns}}});
858}
859.mod-pedal-boxy{{{cns}}}.mod-warning {
860    background-image:url(/resources/pedals/boxy/warning.png{{{ns}}});
861}
862.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-warning {
863    background-image:url(/resources/pedals/boxy-small/warning.png{{{ns}}});
864}
865.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-warning {
866    background-image:url(/resources/pedals/boxy75/warning.png{{{ns}}});
867}
868.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-warning {
869    background-image:url(/resources/pedals/boxy85/warning.png{{{ns}}});
870}
871.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-warning {
872    background-image:url(/resources/pedals/boxy100/warning.png{{{ns}}});
873}
874.mod-pedal-boxy{{{cns}}}.mod-green {
875    background-image:url(/resources/pedals/boxy/green.png{{{ns}}});
876}
877.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-green {
878    background-image:url(/resources/pedals/boxy-small/green.png{{{ns}}});
879}
880.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-green {
881    background-image:url(/resources/pedals/boxy75/green.png{{{ns}}});
882}
883.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-green {
884    background-image:url(/resources/pedals/boxy85/green.png{{{ns}}});
885}
886.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-green {
887    background-image:url(/resources/pedals/boxy100/green.png{{{ns}}});
888}
889
890
891/* = COLORS - Color of the pedals labels
892================================================ */
893.mod-pedal-boxy{{{cns}}}.mod-tribal2 .mod-enumerated,
894.mod-pedal-boxy{{{cns}}}.mod-purple .mod-enumerated,
895.mod-pedal-boxy{{{cns}}}.mod-lava .mod-enumerated,
896.mod-pedal-boxy{{{cns}}}.mod-black .mod-enumerated,
897.mod-pedal-boxy{{{cns}}}.mod-racing .mod-enumerated,
898.mod-pedal-boxy{{{cns}}}.mod-red .mod-enumerated,
899.mod-pedal-boxy{{{cns}}}.mod-brown .mod-enumerated,
900.mod-pedal-boxy{{{cns}}}.mod-petrol .mod-enumerated,
901.mod-pedal-boxy{{{cns}}}.mod-wood2 .mod-enumerated,
902.mod-pedal-boxy{{{cns}}}.mod-wood3 .mod-enumerated,
903.mod-pedal-boxy{{{cns}}}.mod-wood4 .mod-enumerated,
904.mod-pedal-boxy{{{cns}}}.mod-gray .mod-enumerated,
905.mod-pedal-boxy{{{cns}}}.mod-none .mod-enumerated,
906.mod-pedal-boxy{{{cns}}}.mod-flowerpower .mod-enumerated,
907.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-enumerated,
908.mod-pedal-boxy{{{cns}}}.mod-warning .mod-enumerated,
909.mod-pedal-boxy{{{cns}}}.mod-green .mod-enumerated
910{
911    background-image:url(/resources/utils/dropdown-arrow-white.png{{{ns}}});
912}
913.mod-pedal-boxy{{{cns}}}.mod-gold .mod-enumerated,
914.mod-pedal-boxy{{{cns}}}.mod-slime .mod-enumerated,
915.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-enumerated,
916.mod-pedal-boxy{{{cns}}}.mod-pink .mod-enumerated,
917.mod-pedal-boxy{{{cns}}}.mod-zinc .mod-enumerated,
918.mod-pedal-boxy{{{cns}}}.mod-cream .mod-enumerated,
919.mod-pedal-boxy{{{cns}}}.mod-blue .mod-enumerated,
920.mod-pedal-boxy{{{cns}}}.mod-orange .mod-enumerated,
921.mod-pedal-boxy{{{cns}}}.mod-white .mod-enumerated,
922.mod-pedal-boxy{{{cns}}}.mod-dots .mod-enumerated,
923.mod-pedal-boxy{{{cns}}}.mod-wood0 .mod-enumerated,
924.mod-pedal-boxy{{{cns}}}.mod-wood1 .mod-enumerated,
925.mod-pedal-boxy{{{cns}}}.mod-cyan .mod-enumerated,
926.mod-pedal-boxy{{{cns}}}.mod-tribal1 .mod-enumerated
927{
928    background-image:url(/resources/utils/dropdown-arrow-black.png{{{ns}}});
929}
930.mod-pedal-boxy{{{cns}}}.mod-tribal2 h1,
931.mod-pedal-boxy{{{cns}}}.mod-tribal2 .mod-enumerated,
932.mod-pedal-boxy{{{cns}}}.mod-tribal2 .mod-control-group .mod-knob > span.mod-knob-title,
933.mod-pedal-boxy{{{cns}}}.mod-purple h1,
934.mod-pedal-boxy{{{cns}}}.mod-purple .mod-enumerated,
935.mod-pedal-boxy{{{cns}}}.mod-purple .mod-control-group .mod-knob > span.mod-knob-title,
936.mod-pedal-boxy{{{cns}}}.mod-lava h1,
937.mod-pedal-boxy{{{cns}}}.mod-lava .mod-enumerated,
938.mod-pedal-boxy{{{cns}}}.mod-lava .mod-control-group .mod-knob > span.mod-knob-title,
939.mod-pedal-boxy{{{cns}}}.mod-black h1,
940.mod-pedal-boxy{{{cns}}}.mod-black .mod-enumerated,
941.mod-pedal-boxy{{{cns}}}.mod-black .mod-control-group .mod-knob > span.mod-knob-title,
942.mod-pedal-boxy{{{cns}}}.mod-racing h1,
943.mod-pedal-boxy{{{cns}}}.mod-racing .mod-enumerated,
944.mod-pedal-boxy{{{cns}}}.mod-racing .mod-control-group .mod-knob > span.mod-knob-title,
945.mod-pedal-boxy{{{cns}}}.mod-red h1,
946.mod-pedal-boxy{{{cns}}}.mod-red .mod-enumerated,
947.mod-pedal-boxy{{{cns}}}.mod-red .mod-control-group .mod-knob > span.mod-knob-title,
948.mod-pedal-boxy{{{cns}}}.mod-brown h1,
949.mod-pedal-boxy{{{cns}}}.mod-brown .mod-enumerated,
950.mod-pedal-boxy{{{cns}}}.mod-brown .mod-control-group .mod-knob > span.mod-knob-title,
951.mod-pedal-boxy{{{cns}}}.mod-petrol h1,
952.mod-pedal-boxy{{{cns}}}.mod-petrol .mod-enumerated,
953.mod-pedal-boxy{{{cns}}}.mod-petrol .mod-control-group .mod-knob > span.mod-knob-title,
954.mod-pedal-boxy{{{cns}}}.mod-wood2 h1,
955.mod-pedal-boxy{{{cns}}}.mod-wood2 .mod-enumerated,
956.mod-pedal-boxy{{{cns}}}.mod-wood2 .mod-control-group .mod-knob > span.mod-knob-title,
957.mod-pedal-boxy{{{cns}}}.mod-wood3 h1,
958.mod-pedal-boxy{{{cns}}}.mod-wood3 .mod-enumerated,
959.mod-pedal-boxy{{{cns}}}.mod-wood3 .mod-control-group .mod-knob > span.mod-knob-title,
960.mod-pedal-boxy{{{cns}}}.mod-wood4 h1,
961.mod-pedal-boxy{{{cns}}}.mod-wood4 .mod-enumerated,
962.mod-pedal-boxy{{{cns}}}.mod-wood4 .mod-control-group .mod-knob > span.mod-knob-title,
963.mod-pedal-boxy{{{cns}}}.mod-gray h1,
964.mod-pedal-boxy{{{cns}}}.mod-gray .mod-enumerated,
965.mod-pedal-boxy{{{cns}}}.mod-gray .mod-control-group .mod-knob > span.mod-knob-title,
966.mod-pedal-boxy{{{cns}}}.mod-none h1,
967.mod-pedal-boxy{{{cns}}}.mod-none .mod-enumerated,
968.mod-pedal-boxy{{{cns}}}.mod-none .mod-control-group .mod-knob > span.mod-knob-title,
969.mod-pedal-boxy{{{cns}}}.mod-flowerpower h1,
970.mod-pedal-boxy{{{cns}}}.mod-flowerpower .mod-enumerated,
971.mod-pedal-boxy{{{cns}}}.mod-flowerpower .mod-control-group .mod-knob > span.mod-knob-title,
972.mod-pedal-boxy{{{cns}}}.mod-darkblue h1,
973.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-enumerated,
974.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-control-group .mod-knob > span.mod-knob-title,
975.mod-pedal-boxy{{{cns}}}.mod-warning h1,
976.mod-pedal-boxy{{{cns}}}.mod-warning .mod-enumerated,
977.mod-pedal-boxy{{{cns}}}.mod-warning .mod-control-group .mod-knob > span.mod-knob-title,
978.mod-pedal-boxy{{{cns}}}.mod-green h1,
979.mod-pedal-boxy{{{cns}}}.mod-green .mod-enumerated,
980.mod-pedal-boxy{{{cns}}}.mod-green .mod-control-group .mod-knob > span.mod-knob-title
981{
982    color:white;
983}
984.mod-pedal-boxy{{{cns}}}.mod-gold h1,
985.mod-pedal-boxy{{{cns}}}.mod-gold .mod-enumerated,
986.mod-pedal-boxy{{{cns}}}.mod-gold .mod-control-group .mod-knob > span.mod-knob-title,
987.mod-pedal-boxy{{{cns}}}.mod-slime h1,
988.mod-pedal-boxy{{{cns}}}.mod-slime .mod-enumerated,
989.mod-pedal-boxy{{{cns}}}.mod-slime .mod-control-group .mod-knob > span.mod-knob-title,
990.mod-pedal-boxy{{{cns}}}.mod-yellow h1,
991.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-enumerated,
992.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-control-group .mod-knob > span.mod-knob-title,
993.mod-pedal-boxy{{{cns}}}.mod-pink h1,
994.mod-pedal-boxy{{{cns}}}.mod-pink .mod-enumerated,
995.mod-pedal-boxy{{{cns}}}.mod-pink .mod-control-group .mod-knob > span.mod-knob-title,
996.mod-pedal-boxy{{{cns}}}.mod-zinc h1,
997.mod-pedal-boxy{{{cns}}}.mod-zinc .mod-enumerated,
998.mod-pedal-boxy{{{cns}}}.mod-zinc .mod-control-group .mod-knob > span.mod-knob-title,
999.mod-pedal-boxy{{{cns}}}.mod-cream h1,
1000.mod-pedal-boxy{{{cns}}}.mod-cream .mod-enumerated,
1001.mod-pedal-boxy{{{cns}}}.mod-cream .mod-control-group .mod-knob > span.mod-knob-title,
1002.mod-pedal-boxy{{{cns}}}.mod-blue h1,
1003.mod-pedal-boxy{{{cns}}}.mod-blue .mod-enumerated,
1004.mod-pedal-boxy{{{cns}}}.mod-blue .mod-control-group .mod-knob > span.mod-knob-title,
1005.mod-pedal-boxy{{{cns}}}.mod-orange h1,
1006.mod-pedal-boxy{{{cns}}}.mod-orange .mod-enumerated,
1007.mod-pedal-boxy{{{cns}}}.mod-orange .mod-control-group .mod-knob > span.mod-knob-title,
1008.mod-pedal-boxy{{{cns}}}.mod-white h1,
1009.mod-pedal-boxy{{{cns}}}.mod-white .mod-enumerated,
1010.mod-pedal-boxy{{{cns}}}.mod-white .mod-control-group .mod-knob > span.mod-knob-title,
1011.mod-pedal-boxy{{{cns}}}.mod-dots h1,
1012.mod-pedal-boxy{{{cns}}}.mod-dots .mod-enumerated,
1013.mod-pedal-boxy{{{cns}}}.mod-dots .mod-control-group .mod-knob > span.mod-knob-title,
1014.mod-pedal-boxy{{{cns}}}.mod-wood0 h1,
1015.mod-pedal-boxy{{{cns}}}.mod-wood0 .mod-enumerated,
1016.mod-pedal-boxy{{{cns}}}.mod-wood0 .mod-control-group .mod-knob > span.mod-knob-title,
1017.mod-pedal-boxy{{{cns}}}.mod-wood1 h1,
1018.mod-pedal-boxy{{{cns}}}.mod-wood1 .mod-enumerated,
1019.mod-pedal-boxy{{{cns}}}.mod-wood1 .mod-control-group .mod-knob > span.mod-knob-title,
1020.mod-pedal-boxy{{{cns}}}.mod-cyan h1,
1021.mod-pedal-boxy{{{cns}}}.mod-cyan .mod-enumerated,
1022.mod-pedal-boxy{{{cns}}}.mod-cyan .mod-control-group .mod-knob > span.mod-knob-title,
1023.mod-pedal-boxy{{{cns}}}.mod-tribal1 h1,
1024.mod-pedal-boxy{{{cns}}}.mod-tribal1 .mod-enumerated,
1025.mod-pedal-boxy{{{cns}}}.mod-tribal1 .mod-control-group .mod-knob > span.mod-knob-title
1026{
1027    color:black;
1028}
1029.mod-pedal-boxy{{{cns}}}.mod-tribal2 h1,
1030.mod-pedal-boxy{{{cns}}}.mod-purple h1,
1031.mod-pedal-boxy{{{cns}}}.mod-lava h1,
1032.mod-pedal-boxy{{{cns}}}.mod-black h1,
1033.mod-pedal-boxy{{{cns}}}.mod-racing h1,
1034.mod-pedal-boxy{{{cns}}}.mod-red h1,
1035.mod-pedal-boxy{{{cns}}}.mod-brown h1,
1036.mod-pedal-boxy{{{cns}}}.mod-petrol h1,
1037.mod-pedal-boxy{{{cns}}}.mod-wood2 h1,
1038.mod-pedal-boxy{{{cns}}}.mod-wood3 h1,
1039.mod-pedal-boxy{{{cns}}}.mod-wood4 h1,
1040.mod-pedal-boxy{{{cns}}}.mod-gray h1,
1041.mod-pedal-boxy{{{cns}}}.mod-none h1,
1042.mod-pedal-boxy{{{cns}}}.mod-flowerpower h1,
1043.mod-pedal-boxy{{{cns}}}.mod-darkblue h1,
1044.mod-pedal-boxy{{{cns}}}.mod-warning h1,
1045.mod-pedal-boxy{{{cns}}}.mod-green h1
1046{
1047    border-color:white;
1048}
1049.mod-pedal-boxy{{{cns}}}.mod-gold h1,
1050.mod-pedal-boxy{{{cns}}}.mod-slime h1,
1051.mod-pedal-boxy{{{cns}}}.mod-yellow h1,
1052.mod-pedal-boxy{{{cns}}}.mod-pink h1,
1053.mod-pedal-boxy{{{cns}}}.mod-zinc h1,
1054.mod-pedal-boxy{{{cns}}}.mod-cream h1,
1055.mod-pedal-boxy{{{cns}}}.mod-blue h1,
1056.mod-pedal-boxy{{{cns}}}.mod-orange h1,
1057.mod-pedal-boxy{{{cns}}}.mod-white h1,
1058.mod-pedal-boxy{{{cns}}}.mod-dots h1,
1059.mod-pedal-boxy{{{cns}}}.mod-wood0 h1,
1060.mod-pedal-boxy{{{cns}}}.mod-wood1 h1,
1061.mod-pedal-boxy{{{cns}}}.mod-cyan h1,
1062.mod-pedal-boxy{{{cns}}}.mod-tribal1 h1
1063{
1064    border-color:black;
1065}
1066/* STYLES FOR THE BOXY KNOB */
1067
1068
1069/* = KNOBS
1070================================================ */
1071.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-copper .mod-knob .mod-knob-image {
1072    background-image:url(/resources/knobs/boxy/copper.png{{{ns}}});
1073}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-aluminium .mod-knob .mod-knob-image {
1074    background-image:url(/resources/knobs/boxy/aluminium.png{{{ns}}});
1075}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-gold .mod-knob .mod-knob-image {
1076    background-image:url(/resources/knobs/boxy/gold.png{{{ns}}});
1077}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-petrol .mod-knob .mod-knob-image {
1078    background-image:url(/resources/knobs/boxy/petrol.png{{{ns}}});
1079}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-silver .mod-knob .mod-knob-image {
1080    background-image:url(/resources/knobs/boxy/silver.png{{{ns}}});
1081}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-bronze .mod-knob .mod-knob-image {
1082    background-image:url(/resources/knobs/boxy/bronze.png{{{ns}}});
1083}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-blue .mod-knob .mod-knob-image {
1084    background-image:url(/resources/knobs/boxy/blue.png{{{ns}}});
1085}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-steel .mod-knob .mod-knob-image {
1086    background-image:url(/resources/knobs/boxy/steel.png{{{ns}}});
1087}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-purple .mod-knob .mod-knob-image {
1088    background-image:url(/resources/knobs/boxy/purple.png{{{ns}}});
1089}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-black .mod-knob .mod-knob-image {
1090    background-image:url(/resources/knobs/boxy/black.png{{{ns}}});
1091}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-green .mod-knob .mod-knob-image {
1092    background-image:url(/resources/knobs/boxy/green.png{{{ns}}});
1093}
1094