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