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    margin-bottom:5px !important;
270}
271
272.mod-pedal-boxy{{{cns}}} .mod-enumerated {
273    background-position:right center;
274    background-repeat:no-repeat;
275    font-size:11px;
276    font-weight:bold;
277    left:0;
278    line-height:2;
279    overflow:hidden;
280    position:absolute;
281    right:0;
282    text-align:left;
283}
284
285.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-selected {
286    background-color:rgba(0,0,0,.3);
287    box-shadow:inset 0 0 4px rgba(0,0,0,.3);
288    border-radius:4px;
289    padding:3px 9px;
290}
291
292.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-selected {
293    border-radius:4px 4px 0 0;
294}
295
296.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list {
297    display:none;
298    color:#fff;
299}
300
301.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list {
302    background-color:rgba(0,0,0,.9);
303    display:none;
304    height:115px;
305    overflow:auto;
306    position:relative;
307}
308
309.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list > div {
310    padding:3px 9px;
311}
312
313.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list > div:hover {
314    background-color:rgba(255,255,255,.2);
315    cursor:pointer;
316}
317
318/* SLIDER
319================================================ */
320.mod-pedal-boxy{{{cns}}} .mod-slider:first-child {
321    margin-left:8px;
322}
323
324.mod-pedal-boxy{{{cns}}} .mod-slider {
325    color:black;
326    float:left;
327    font-size:11px;
328    height:140px;
329    margin-bottom:2px;
330    margin-right:2px;
331    overflow:hidden;
332    position:relative;
333    text-align:center;
334    width:33px;
335}
336
337
338.mod-pedal-boxy{{{cns}}} .mod-slider .mod-slider-title {
339    display:block;
340    font-size:11px;
341    font-weight:bold;
342    height:7px;
343    line-height:1;
344    margin-bottom:3px;
345    overflow:hidden;
346    padding:7px 0 5px;
347    position:relative;
348}
349
350.mod-pedal-boxy{{{cns}}} .mod-slider .mod-slider-image {
351    background-image:url(/resources/pedals/slider.png{{{ns}}});
352    background-repeat:no-repeat;
353    background-size:auto 110px;
354    height:110px;
355    margin:0 auto;
356    width:44px;
357}
358
359.mod-pedal-boxy{{{cns}}} .mod-slider .mod-slider-image:hover {
360    cursor:pointer;
361}
362
363.mod-pedal-boxy{{{cns}}}.mod-three-sliders .mod-slider {
364    margin:0;
365    width:33%;
366}
367
368.mod-pedal-boxy{{{cns}}}.mod-four-sliders .mod-slider {
369    margin:0;
370    width:25%;
371}
372
373.mod-pedal-boxy{{{cns}}}.mod-five-sliders .mod-slider {
374    margin:0;
375    width:20%;
376}
377
378.mod-pedal-boxy{{{cns}}}.mod-six-sliders .mod-slider {
379    margin:0;
380    width:16.5%;
381}
382
383.mod-pedal-boxy{{{cns}}}.mod-seven-sliders .mod-slider {
384    margin:0;
385    width:14.2%;
386}
387
388.mod-pedal-boxy{{{cns}}}.mod-eight-sliders .mod-slider {
389    margin:0;
390    width:12.5%;
391}
392
393.mod-pedal-boxy{{{cns}}}.mod-nine-sliders .mod-slider {
394    margin:0;
395    width:11.11%;
396}
397
398.mod-pedal-boxy{{{cns}}}.mod-ten-sliders .mod-slider {
399    margin:0;
400    width:10%;
401}
402
403.mod-pedal-boxy{{{cns}}}.mod-ten-sliders .mod-slider .mod-slider-image {
404    margin-left:-5px;
405}
406
407.mod-pedal-boxy{{{cns}}}.mod-twelve-sliders .mod-slider {
408    margin:0;
409    width:8.333333%;
410}
411
412.mod-pedal-boxy{{{cns}}}.mod-twelve-sliders .mod-slider .mod-slider-image {
413    margin-left:-5px;
414}
415
416
417/* = BACKGROUND IMAGES - Color of the pedal
418================================================ */
419.mod-pedal-boxy{{{cns}}}.mod-gold {
420    background-image:url(/resources/pedals/boxy/gold.png{{{ns}}});
421}
422.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-gold {
423    background-image:url(/resources/pedals/boxy-small/gold.png{{{ns}}});
424}
425.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-gold {
426    background-image:url(/resources/pedals/boxy75/gold.png{{{ns}}});
427}
428.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-gold {
429    background-image:url(/resources/pedals/boxy85/gold.png{{{ns}}});
430}
431.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-gold {
432    background-image:url(/resources/pedals/boxy100/gold.png{{{ns}}});
433}
434.mod-pedal-boxy{{{cns}}}.mod-slime {
435    background-image:url(/resources/pedals/boxy/slime.png{{{ns}}});
436}
437.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-slime {
438    background-image:url(/resources/pedals/boxy-small/slime.png{{{ns}}});
439}
440.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-slime {
441    background-image:url(/resources/pedals/boxy75/slime.png{{{ns}}});
442}
443.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-slime {
444    background-image:url(/resources/pedals/boxy85/slime.png{{{ns}}});
445}
446.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-slime {
447    background-image:url(/resources/pedals/boxy100/slime.png{{{ns}}});
448}
449.mod-pedal-boxy{{{cns}}}.mod-yellow {
450    background-image:url(/resources/pedals/boxy/yellow.png{{{ns}}});
451}
452.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-yellow {
453    background-image:url(/resources/pedals/boxy-small/yellow.png{{{ns}}});
454}
455.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-yellow {
456    background-image:url(/resources/pedals/boxy75/yellow.png{{{ns}}});
457}
458.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-yellow {
459    background-image:url(/resources/pedals/boxy85/yellow.png{{{ns}}});
460}
461.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-yellow {
462    background-image:url(/resources/pedals/boxy100/yellow.png{{{ns}}});
463}
464.mod-pedal-boxy{{{cns}}}.mod-pink {
465    background-image:url(/resources/pedals/boxy/pink.png{{{ns}}});
466}
467.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-pink {
468    background-image:url(/resources/pedals/boxy-small/pink.png{{{ns}}});
469}
470.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-pink {
471    background-image:url(/resources/pedals/boxy75/pink.png{{{ns}}});
472}
473.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-pink {
474    background-image:url(/resources/pedals/boxy85/pink.png{{{ns}}});
475}
476.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-pink {
477    background-image:url(/resources/pedals/boxy100/pink.png{{{ns}}});
478}
479.mod-pedal-boxy{{{cns}}}.mod-zinc {
480    background-image:url(/resources/pedals/boxy/zinc.png{{{ns}}});
481}
482.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-zinc {
483    background-image:url(/resources/pedals/boxy-small/zinc.png{{{ns}}});
484}
485.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-zinc {
486    background-image:url(/resources/pedals/boxy75/zinc.png{{{ns}}});
487}
488.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-zinc {
489    background-image:url(/resources/pedals/boxy85/zinc.png{{{ns}}});
490}
491.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-zinc {
492    background-image:url(/resources/pedals/boxy100/zinc.png{{{ns}}});
493}
494.mod-pedal-boxy{{{cns}}}.mod-cream {
495    background-image:url(/resources/pedals/boxy/cream.png{{{ns}}});
496}
497.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-cream {
498    background-image:url(/resources/pedals/boxy-small/cream.png{{{ns}}});
499}
500.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-cream {
501    background-image:url(/resources/pedals/boxy75/cream.png{{{ns}}});
502}
503.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-cream {
504    background-image:url(/resources/pedals/boxy85/cream.png{{{ns}}});
505}
506.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-cream {
507    background-image:url(/resources/pedals/boxy100/cream.png{{{ns}}});
508}
509.mod-pedal-boxy{{{cns}}}.mod-blue {
510    background-image:url(/resources/pedals/boxy/blue.png{{{ns}}});
511}
512.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-blue {
513    background-image:url(/resources/pedals/boxy-small/blue.png{{{ns}}});
514}
515.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-blue {
516    background-image:url(/resources/pedals/boxy75/blue.png{{{ns}}});
517}
518.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-blue {
519    background-image:url(/resources/pedals/boxy85/blue.png{{{ns}}});
520}
521.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-blue {
522    background-image:url(/resources/pedals/boxy100/blue.png{{{ns}}});
523}
524.mod-pedal-boxy{{{cns}}}.mod-tribal2 {
525    background-image:url(/resources/pedals/boxy/tribal2.png{{{ns}}});
526}
527.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-tribal2 {
528    background-image:url(/resources/pedals/boxy-small/tribal2.png{{{ns}}});
529}
530.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-tribal2 {
531    background-image:url(/resources/pedals/boxy75/tribal2.png{{{ns}}});
532}
533.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-tribal2 {
534    background-image:url(/resources/pedals/boxy85/tribal2.png{{{ns}}});
535}
536.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-tribal2 {
537    background-image:url(/resources/pedals/boxy100/tribal2.png{{{ns}}});
538}
539.mod-pedal-boxy{{{cns}}}.mod-purple {
540    background-image:url(/resources/pedals/boxy/purple.png{{{ns}}});
541}
542.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-purple {
543    background-image:url(/resources/pedals/boxy-small/purple.png{{{ns}}});
544}
545.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-purple {
546    background-image:url(/resources/pedals/boxy75/purple.png{{{ns}}});
547}
548.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-purple {
549    background-image:url(/resources/pedals/boxy85/purple.png{{{ns}}});
550}
551.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-purple {
552    background-image:url(/resources/pedals/boxy100/purple.png{{{ns}}});
553}
554.mod-pedal-boxy{{{cns}}}.mod-lava {
555    background-image:url(/resources/pedals/boxy/lava.png{{{ns}}});
556}
557.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-lava {
558    background-image:url(/resources/pedals/boxy-small/lava.png{{{ns}}});
559}
560.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-lava {
561    background-image:url(/resources/pedals/boxy75/lava.png{{{ns}}});
562}
563.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-lava {
564    background-image:url(/resources/pedals/boxy85/lava.png{{{ns}}});
565}
566.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-lava {
567    background-image:url(/resources/pedals/boxy100/lava.png{{{ns}}});
568}
569.mod-pedal-boxy{{{cns}}}.mod-black {
570    background-image:url(/resources/pedals/boxy/black.png{{{ns}}});
571}
572.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-black {
573    background-image:url(/resources/pedals/boxy-small/black.png{{{ns}}});
574}
575.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-black {
576    background-image:url(/resources/pedals/boxy75/black.png{{{ns}}});
577}
578.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-black {
579    background-image:url(/resources/pedals/boxy85/black.png{{{ns}}});
580}
581.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-black {
582    background-image:url(/resources/pedals/boxy100/black.png{{{ns}}});
583}
584.mod-pedal-boxy{{{cns}}}.mod-orange {
585    background-image:url(/resources/pedals/boxy/orange.png{{{ns}}});
586}
587.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-orange {
588    background-image:url(/resources/pedals/boxy-small/orange.png{{{ns}}});
589}
590.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-orange {
591    background-image:url(/resources/pedals/boxy75/orange.png{{{ns}}});
592}
593.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-orange {
594    background-image:url(/resources/pedals/boxy85/orange.png{{{ns}}});
595}
596.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-orange {
597    background-image:url(/resources/pedals/boxy100/orange.png{{{ns}}});
598}
599.mod-pedal-boxy{{{cns}}}.mod-white {
600    background-image:url(/resources/pedals/boxy/white.png{{{ns}}});
601}
602.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-white {
603    background-image:url(/resources/pedals/boxy-small/white.png{{{ns}}});
604}
605.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-white {
606    background-image:url(/resources/pedals/boxy75/white.png{{{ns}}});
607}
608.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-white {
609    background-image:url(/resources/pedals/boxy85/white.png{{{ns}}});
610}
611.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-white {
612    background-image:url(/resources/pedals/boxy100/white.png{{{ns}}});
613}
614.mod-pedal-boxy{{{cns}}}.mod-racing {
615    background-image:url(/resources/pedals/boxy/racing.png{{{ns}}});
616}
617.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-racing {
618    background-image:url(/resources/pedals/boxy-small/racing.png{{{ns}}});
619}
620.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-racing {
621    background-image:url(/resources/pedals/boxy75/racing.png{{{ns}}});
622}
623.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-racing {
624    background-image:url(/resources/pedals/boxy85/racing.png{{{ns}}});
625}
626.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-racing {
627    background-image:url(/resources/pedals/boxy100/racing.png{{{ns}}});
628}
629.mod-pedal-boxy{{{cns}}}.mod-red {
630    background-image:url(/resources/pedals/boxy/red.png{{{ns}}});
631}
632.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-red {
633    background-image:url(/resources/pedals/boxy-small/red.png{{{ns}}});
634}
635.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-red {
636    background-image:url(/resources/pedals/boxy75/red.png{{{ns}}});
637}
638.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-red {
639    background-image:url(/resources/pedals/boxy85/red.png{{{ns}}});
640}
641.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-red {
642    background-image:url(/resources/pedals/boxy100/red.png{{{ns}}});
643}
644.mod-pedal-boxy{{{cns}}}.mod-dots {
645    background-image:url(/resources/pedals/boxy/dots.png{{{ns}}});
646}
647.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-dots {
648    background-image:url(/resources/pedals/boxy-small/dots.png{{{ns}}});
649}
650.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-dots {
651    background-image:url(/resources/pedals/boxy75/dots.png{{{ns}}});
652}
653.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-dots {
654    background-image:url(/resources/pedals/boxy85/dots.png{{{ns}}});
655}
656.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-dots {
657    background-image:url(/resources/pedals/boxy100/dots.png{{{ns}}});
658}
659.mod-pedal-boxy{{{cns}}}.mod-brown {
660    background-image:url(/resources/pedals/boxy/brown.png{{{ns}}});
661}
662.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-brown {
663    background-image:url(/resources/pedals/boxy-small/brown.png{{{ns}}});
664}
665.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-brown {
666    background-image:url(/resources/pedals/boxy75/brown.png{{{ns}}});
667}
668.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-brown {
669    background-image:url(/resources/pedals/boxy85/brown.png{{{ns}}});
670}
671.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-brown {
672    background-image:url(/resources/pedals/boxy100/brown.png{{{ns}}});
673}
674.mod-pedal-boxy{{{cns}}}.mod-petrol {
675    background-image:url(/resources/pedals/boxy/petrol.png{{{ns}}});
676}
677.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-petrol {
678    background-image:url(/resources/pedals/boxy-small/petrol.png{{{ns}}});
679}
680.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-petrol {
681    background-image:url(/resources/pedals/boxy75/petrol.png{{{ns}}});
682}
683.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-petrol {
684    background-image:url(/resources/pedals/boxy85/petrol.png{{{ns}}});
685}
686.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-petrol {
687    background-image:url(/resources/pedals/boxy100/petrol.png{{{ns}}});
688}
689.mod-pedal-boxy{{{cns}}}.mod-wood0 {
690    background-image:url(/resources/pedals/boxy/wood0.png{{{ns}}});
691}
692.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood0 {
693    background-image:url(/resources/pedals/boxy-small/wood0.png{{{ns}}});
694}
695.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood0 {
696    background-image:url(/resources/pedals/boxy75/wood0.png{{{ns}}});
697}
698.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood0 {
699    background-image:url(/resources/pedals/boxy85/wood0.png{{{ns}}});
700}
701.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood0 {
702    background-image:url(/resources/pedals/boxy100/wood0.png{{{ns}}});
703}
704.mod-pedal-boxy{{{cns}}}.mod-wood1 {
705    background-image:url(/resources/pedals/boxy/wood1.png{{{ns}}});
706}
707.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood1 {
708    background-image:url(/resources/pedals/boxy-small/wood1.png{{{ns}}});
709}
710.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood1 {
711    background-image:url(/resources/pedals/boxy75/wood1.png{{{ns}}});
712}
713.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood1 {
714    background-image:url(/resources/pedals/boxy85/wood1.png{{{ns}}});
715}
716.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood1 {
717    background-image:url(/resources/pedals/boxy100/wood1.png{{{ns}}});
718}
719.mod-pedal-boxy{{{cns}}}.mod-wood2 {
720    background-image:url(/resources/pedals/boxy/wood2.png{{{ns}}});
721}
722.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood2 {
723    background-image:url(/resources/pedals/boxy-small/wood2.png{{{ns}}});
724}
725.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood2 {
726    background-image:url(/resources/pedals/boxy75/wood2.png{{{ns}}});
727}
728.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood2 {
729    background-image:url(/resources/pedals/boxy85/wood2.png{{{ns}}});
730}
731.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood2 {
732    background-image:url(/resources/pedals/boxy100/wood2.png{{{ns}}});
733}
734.mod-pedal-boxy{{{cns}}}.mod-wood3 {
735    background-image:url(/resources/pedals/boxy/wood3.png{{{ns}}});
736}
737.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood3 {
738    background-image:url(/resources/pedals/boxy-small/wood3.png{{{ns}}});
739}
740.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood3 {
741    background-image:url(/resources/pedals/boxy75/wood3.png{{{ns}}});
742}
743.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood3 {
744    background-image:url(/resources/pedals/boxy85/wood3.png{{{ns}}});
745}
746.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood3 {
747    background-image:url(/resources/pedals/boxy100/wood3.png{{{ns}}});
748}
749.mod-pedal-boxy{{{cns}}}.mod-wood4 {
750    background-image:url(/resources/pedals/boxy/wood4.png{{{ns}}});
751}
752.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-wood4 {
753    background-image:url(/resources/pedals/boxy-small/wood4.png{{{ns}}});
754}
755.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-wood4 {
756    background-image:url(/resources/pedals/boxy75/wood4.png{{{ns}}});
757}
758.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-wood4 {
759    background-image:url(/resources/pedals/boxy85/wood4.png{{{ns}}});
760}
761.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-wood4 {
762    background-image:url(/resources/pedals/boxy100/wood4.png{{{ns}}});
763}
764.mod-pedal-boxy{{{cns}}}.mod-cyan {
765    background-image:url(/resources/pedals/boxy/cyan.png{{{ns}}});
766}
767.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-cyan {
768    background-image:url(/resources/pedals/boxy-small/cyan.png{{{ns}}});
769}
770.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-cyan {
771    background-image:url(/resources/pedals/boxy75/cyan.png{{{ns}}});
772}
773.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-cyan {
774    background-image:url(/resources/pedals/boxy85/cyan.png{{{ns}}});
775}
776.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-cyan {
777    background-image:url(/resources/pedals/boxy100/cyan.png{{{ns}}});
778}
779.mod-pedal-boxy{{{cns}}}.mod-gray {
780    background-image:url(/resources/pedals/boxy/gray.png{{{ns}}});
781}
782.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-gray {
783    background-image:url(/resources/pedals/boxy-small/gray.png{{{ns}}});
784}
785.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-gray {
786    background-image:url(/resources/pedals/boxy75/gray.png{{{ns}}});
787}
788.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-gray {
789    background-image:url(/resources/pedals/boxy85/gray.png{{{ns}}});
790}
791.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-gray {
792    background-image:url(/resources/pedals/boxy100/gray.png{{{ns}}});
793}
794.mod-pedal-boxy{{{cns}}}.mod-none {
795    background-image:url(/resources/pedals/boxy/none.png{{{ns}}});
796}
797.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-none {
798    background-image:url(/resources/pedals/boxy-small/none.png{{{ns}}});
799}
800.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-none {
801    background-image:url(/resources/pedals/boxy75/none.png{{{ns}}});
802}
803.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-none {
804    background-image:url(/resources/pedals/boxy85/none.png{{{ns}}});
805}
806.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-none {
807    background-image:url(/resources/pedals/boxy100/none.png{{{ns}}});
808}
809.mod-pedal-boxy{{{cns}}}.mod-flowerpower {
810    background-image:url(/resources/pedals/boxy/flowerpower.png{{{ns}}});
811}
812.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-flowerpower {
813    background-image:url(/resources/pedals/boxy-small/flowerpower.png{{{ns}}});
814}
815.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-flowerpower {
816    background-image:url(/resources/pedals/boxy75/flowerpower.png{{{ns}}});
817}
818.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-flowerpower {
819    background-image:url(/resources/pedals/boxy85/flowerpower.png{{{ns}}});
820}
821.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-flowerpower {
822    background-image:url(/resources/pedals/boxy100/flowerpower.png{{{ns}}});
823}
824.mod-pedal-boxy{{{cns}}}.mod-darkblue {
825    background-image:url(/resources/pedals/boxy/darkblue.png{{{ns}}});
826}
827.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-darkblue {
828    background-image:url(/resources/pedals/boxy-small/darkblue.png{{{ns}}});
829}
830.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-darkblue {
831    background-image:url(/resources/pedals/boxy75/darkblue.png{{{ns}}});
832}
833.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-darkblue {
834    background-image:url(/resources/pedals/boxy85/darkblue.png{{{ns}}});
835}
836.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-darkblue {
837    background-image:url(/resources/pedals/boxy100/darkblue.png{{{ns}}});
838}
839.mod-pedal-boxy{{{cns}}}.mod-tribal1 {
840    background-image:url(/resources/pedals/boxy/tribal1.png{{{ns}}});
841}
842.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-tribal1 {
843    background-image:url(/resources/pedals/boxy-small/tribal1.png{{{ns}}});
844}
845.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-tribal1 {
846    background-image:url(/resources/pedals/boxy75/tribal1.png{{{ns}}});
847}
848.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-tribal1 {
849    background-image:url(/resources/pedals/boxy85/tribal1.png{{{ns}}});
850}
851.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-tribal1 {
852    background-image:url(/resources/pedals/boxy100/tribal1.png{{{ns}}});
853}
854.mod-pedal-boxy{{{cns}}}.mod-warning {
855    background-image:url(/resources/pedals/boxy/warning.png{{{ns}}});
856}
857.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-warning {
858    background-image:url(/resources/pedals/boxy-small/warning.png{{{ns}}});
859}
860.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-warning {
861    background-image:url(/resources/pedals/boxy75/warning.png{{{ns}}});
862}
863.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-warning {
864    background-image:url(/resources/pedals/boxy85/warning.png{{{ns}}});
865}
866.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-warning {
867    background-image:url(/resources/pedals/boxy100/warning.png{{{ns}}});
868}
869.mod-pedal-boxy{{{cns}}}.mod-green {
870    background-image:url(/resources/pedals/boxy/green.png{{{ns}}});
871}
872.mod-pedal-boxy{{{cns}}}.mod-boxy50.mod-green {
873    background-image:url(/resources/pedals/boxy-small/green.png{{{ns}}});
874}
875.mod-pedal-boxy{{{cns}}}.mod-boxy75.mod-green {
876    background-image:url(/resources/pedals/boxy75/green.png{{{ns}}});
877}
878.mod-pedal-boxy{{{cns}}}.mod-boxy85.mod-green {
879    background-image:url(/resources/pedals/boxy85/green.png{{{ns}}});
880}
881.mod-pedal-boxy{{{cns}}}.mod-boxy100.mod-green {
882    background-image:url(/resources/pedals/boxy100/green.png{{{ns}}});
883}
884
885
886/* = COLORS - Color of the pedals labels
887================================================ */
888.mod-pedal-boxy{{{cns}}}.mod-tribal2 .mod-enumerated,
889.mod-pedal-boxy{{{cns}}}.mod-purple .mod-enumerated,
890.mod-pedal-boxy{{{cns}}}.mod-lava .mod-enumerated,
891.mod-pedal-boxy{{{cns}}}.mod-black .mod-enumerated,
892.mod-pedal-boxy{{{cns}}}.mod-racing .mod-enumerated,
893.mod-pedal-boxy{{{cns}}}.mod-red .mod-enumerated,
894.mod-pedal-boxy{{{cns}}}.mod-brown .mod-enumerated,
895.mod-pedal-boxy{{{cns}}}.mod-petrol .mod-enumerated,
896.mod-pedal-boxy{{{cns}}}.mod-wood2 .mod-enumerated,
897.mod-pedal-boxy{{{cns}}}.mod-wood3 .mod-enumerated,
898.mod-pedal-boxy{{{cns}}}.mod-wood4 .mod-enumerated,
899.mod-pedal-boxy{{{cns}}}.mod-gray .mod-enumerated,
900.mod-pedal-boxy{{{cns}}}.mod-none .mod-enumerated,
901.mod-pedal-boxy{{{cns}}}.mod-flowerpower .mod-enumerated,
902.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-enumerated,
903.mod-pedal-boxy{{{cns}}}.mod-warning .mod-enumerated,
904.mod-pedal-boxy{{{cns}}}.mod-green .mod-enumerated
905{
906    background-image:url(/resources/utils/dropdown-arrow-white.png{{{ns}}});
907}
908.mod-pedal-boxy{{{cns}}}.mod-gold .mod-enumerated,
909.mod-pedal-boxy{{{cns}}}.mod-slime .mod-enumerated,
910.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-enumerated,
911.mod-pedal-boxy{{{cns}}}.mod-pink .mod-enumerated,
912.mod-pedal-boxy{{{cns}}}.mod-zinc .mod-enumerated,
913.mod-pedal-boxy{{{cns}}}.mod-cream .mod-enumerated,
914.mod-pedal-boxy{{{cns}}}.mod-blue .mod-enumerated,
915.mod-pedal-boxy{{{cns}}}.mod-orange .mod-enumerated,
916.mod-pedal-boxy{{{cns}}}.mod-white .mod-enumerated,
917.mod-pedal-boxy{{{cns}}}.mod-dots .mod-enumerated,
918.mod-pedal-boxy{{{cns}}}.mod-wood0 .mod-enumerated,
919.mod-pedal-boxy{{{cns}}}.mod-wood1 .mod-enumerated,
920.mod-pedal-boxy{{{cns}}}.mod-cyan .mod-enumerated,
921.mod-pedal-boxy{{{cns}}}.mod-tribal1 .mod-enumerated
922{
923    background-image:url(/resources/utils/dropdown-arrow-black.png{{{ns}}});
924}
925.mod-pedal-boxy{{{cns}}}.mod-tribal2 h1,
926.mod-pedal-boxy{{{cns}}}.mod-tribal2 .mod-enumerated,
927.mod-pedal-boxy{{{cns}}}.mod-tribal2 .mod-control-group .mod-knob > span.mod-knob-title,
928.mod-pedal-boxy{{{cns}}}.mod-purple h1,
929.mod-pedal-boxy{{{cns}}}.mod-purple .mod-enumerated,
930.mod-pedal-boxy{{{cns}}}.mod-purple .mod-control-group .mod-knob > span.mod-knob-title,
931.mod-pedal-boxy{{{cns}}}.mod-lava h1,
932.mod-pedal-boxy{{{cns}}}.mod-lava .mod-enumerated,
933.mod-pedal-boxy{{{cns}}}.mod-lava .mod-control-group .mod-knob > span.mod-knob-title,
934.mod-pedal-boxy{{{cns}}}.mod-black h1,
935.mod-pedal-boxy{{{cns}}}.mod-black .mod-enumerated,
936.mod-pedal-boxy{{{cns}}}.mod-black .mod-control-group .mod-knob > span.mod-knob-title,
937.mod-pedal-boxy{{{cns}}}.mod-racing h1,
938.mod-pedal-boxy{{{cns}}}.mod-racing .mod-enumerated,
939.mod-pedal-boxy{{{cns}}}.mod-racing .mod-control-group .mod-knob > span.mod-knob-title,
940.mod-pedal-boxy{{{cns}}}.mod-red h1,
941.mod-pedal-boxy{{{cns}}}.mod-red .mod-enumerated,
942.mod-pedal-boxy{{{cns}}}.mod-red .mod-control-group .mod-knob > span.mod-knob-title,
943.mod-pedal-boxy{{{cns}}}.mod-brown h1,
944.mod-pedal-boxy{{{cns}}}.mod-brown .mod-enumerated,
945.mod-pedal-boxy{{{cns}}}.mod-brown .mod-control-group .mod-knob > span.mod-knob-title,
946.mod-pedal-boxy{{{cns}}}.mod-petrol h1,
947.mod-pedal-boxy{{{cns}}}.mod-petrol .mod-enumerated,
948.mod-pedal-boxy{{{cns}}}.mod-petrol .mod-control-group .mod-knob > span.mod-knob-title,
949.mod-pedal-boxy{{{cns}}}.mod-wood2 h1,
950.mod-pedal-boxy{{{cns}}}.mod-wood2 .mod-enumerated,
951.mod-pedal-boxy{{{cns}}}.mod-wood2 .mod-control-group .mod-knob > span.mod-knob-title,
952.mod-pedal-boxy{{{cns}}}.mod-wood3 h1,
953.mod-pedal-boxy{{{cns}}}.mod-wood3 .mod-enumerated,
954.mod-pedal-boxy{{{cns}}}.mod-wood3 .mod-control-group .mod-knob > span.mod-knob-title,
955.mod-pedal-boxy{{{cns}}}.mod-wood4 h1,
956.mod-pedal-boxy{{{cns}}}.mod-wood4 .mod-enumerated,
957.mod-pedal-boxy{{{cns}}}.mod-wood4 .mod-control-group .mod-knob > span.mod-knob-title,
958.mod-pedal-boxy{{{cns}}}.mod-gray h1,
959.mod-pedal-boxy{{{cns}}}.mod-gray .mod-enumerated,
960.mod-pedal-boxy{{{cns}}}.mod-gray .mod-control-group .mod-knob > span.mod-knob-title,
961.mod-pedal-boxy{{{cns}}}.mod-none h1,
962.mod-pedal-boxy{{{cns}}}.mod-none .mod-enumerated,
963.mod-pedal-boxy{{{cns}}}.mod-none .mod-control-group .mod-knob > span.mod-knob-title,
964.mod-pedal-boxy{{{cns}}}.mod-flowerpower h1,
965.mod-pedal-boxy{{{cns}}}.mod-flowerpower .mod-enumerated,
966.mod-pedal-boxy{{{cns}}}.mod-flowerpower .mod-control-group .mod-knob > span.mod-knob-title,
967.mod-pedal-boxy{{{cns}}}.mod-darkblue h1,
968.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-enumerated,
969.mod-pedal-boxy{{{cns}}}.mod-darkblue .mod-control-group .mod-knob > span.mod-knob-title,
970.mod-pedal-boxy{{{cns}}}.mod-warning h1,
971.mod-pedal-boxy{{{cns}}}.mod-warning .mod-enumerated,
972.mod-pedal-boxy{{{cns}}}.mod-warning .mod-control-group .mod-knob > span.mod-knob-title,
973.mod-pedal-boxy{{{cns}}}.mod-green h1,
974.mod-pedal-boxy{{{cns}}}.mod-green .mod-enumerated,
975.mod-pedal-boxy{{{cns}}}.mod-green .mod-control-group .mod-knob > span.mod-knob-title
976{
977    color:white;
978}
979.mod-pedal-boxy{{{cns}}}.mod-gold h1,
980.mod-pedal-boxy{{{cns}}}.mod-gold .mod-enumerated,
981.mod-pedal-boxy{{{cns}}}.mod-gold .mod-control-group .mod-knob > span.mod-knob-title,
982.mod-pedal-boxy{{{cns}}}.mod-slime h1,
983.mod-pedal-boxy{{{cns}}}.mod-slime .mod-enumerated,
984.mod-pedal-boxy{{{cns}}}.mod-slime .mod-control-group .mod-knob > span.mod-knob-title,
985.mod-pedal-boxy{{{cns}}}.mod-yellow h1,
986.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-enumerated,
987.mod-pedal-boxy{{{cns}}}.mod-yellow .mod-control-group .mod-knob > span.mod-knob-title,
988.mod-pedal-boxy{{{cns}}}.mod-pink h1,
989.mod-pedal-boxy{{{cns}}}.mod-pink .mod-enumerated,
990.mod-pedal-boxy{{{cns}}}.mod-pink .mod-control-group .mod-knob > span.mod-knob-title,
991.mod-pedal-boxy{{{cns}}}.mod-zinc h1,
992.mod-pedal-boxy{{{cns}}}.mod-zinc .mod-enumerated,
993.mod-pedal-boxy{{{cns}}}.mod-zinc .mod-control-group .mod-knob > span.mod-knob-title,
994.mod-pedal-boxy{{{cns}}}.mod-cream h1,
995.mod-pedal-boxy{{{cns}}}.mod-cream .mod-enumerated,
996.mod-pedal-boxy{{{cns}}}.mod-cream .mod-control-group .mod-knob > span.mod-knob-title,
997.mod-pedal-boxy{{{cns}}}.mod-blue h1,
998.mod-pedal-boxy{{{cns}}}.mod-blue .mod-enumerated,
999.mod-pedal-boxy{{{cns}}}.mod-blue .mod-control-group .mod-knob > span.mod-knob-title,
1000.mod-pedal-boxy{{{cns}}}.mod-orange h1,
1001.mod-pedal-boxy{{{cns}}}.mod-orange .mod-enumerated,
1002.mod-pedal-boxy{{{cns}}}.mod-orange .mod-control-group .mod-knob > span.mod-knob-title,
1003.mod-pedal-boxy{{{cns}}}.mod-white h1,
1004.mod-pedal-boxy{{{cns}}}.mod-white .mod-enumerated,
1005.mod-pedal-boxy{{{cns}}}.mod-white .mod-control-group .mod-knob > span.mod-knob-title,
1006.mod-pedal-boxy{{{cns}}}.mod-dots h1,
1007.mod-pedal-boxy{{{cns}}}.mod-dots .mod-enumerated,
1008.mod-pedal-boxy{{{cns}}}.mod-dots .mod-control-group .mod-knob > span.mod-knob-title,
1009.mod-pedal-boxy{{{cns}}}.mod-wood0 h1,
1010.mod-pedal-boxy{{{cns}}}.mod-wood0 .mod-enumerated,
1011.mod-pedal-boxy{{{cns}}}.mod-wood0 .mod-control-group .mod-knob > span.mod-knob-title,
1012.mod-pedal-boxy{{{cns}}}.mod-wood1 h1,
1013.mod-pedal-boxy{{{cns}}}.mod-wood1 .mod-enumerated,
1014.mod-pedal-boxy{{{cns}}}.mod-wood1 .mod-control-group .mod-knob > span.mod-knob-title,
1015.mod-pedal-boxy{{{cns}}}.mod-cyan h1,
1016.mod-pedal-boxy{{{cns}}}.mod-cyan .mod-enumerated,
1017.mod-pedal-boxy{{{cns}}}.mod-cyan .mod-control-group .mod-knob > span.mod-knob-title,
1018.mod-pedal-boxy{{{cns}}}.mod-tribal1 h1,
1019.mod-pedal-boxy{{{cns}}}.mod-tribal1 .mod-enumerated,
1020.mod-pedal-boxy{{{cns}}}.mod-tribal1 .mod-control-group .mod-knob > span.mod-knob-title
1021{
1022    color:black;
1023}
1024.mod-pedal-boxy{{{cns}}}.mod-tribal2 h1,
1025.mod-pedal-boxy{{{cns}}}.mod-purple h1,
1026.mod-pedal-boxy{{{cns}}}.mod-lava h1,
1027.mod-pedal-boxy{{{cns}}}.mod-black h1,
1028.mod-pedal-boxy{{{cns}}}.mod-racing h1,
1029.mod-pedal-boxy{{{cns}}}.mod-red h1,
1030.mod-pedal-boxy{{{cns}}}.mod-brown h1,
1031.mod-pedal-boxy{{{cns}}}.mod-petrol h1,
1032.mod-pedal-boxy{{{cns}}}.mod-wood2 h1,
1033.mod-pedal-boxy{{{cns}}}.mod-wood3 h1,
1034.mod-pedal-boxy{{{cns}}}.mod-wood4 h1,
1035.mod-pedal-boxy{{{cns}}}.mod-gray h1,
1036.mod-pedal-boxy{{{cns}}}.mod-none h1,
1037.mod-pedal-boxy{{{cns}}}.mod-flowerpower h1,
1038.mod-pedal-boxy{{{cns}}}.mod-darkblue h1,
1039.mod-pedal-boxy{{{cns}}}.mod-warning h1,
1040.mod-pedal-boxy{{{cns}}}.mod-green h1
1041{
1042    border-color:white;
1043}
1044.mod-pedal-boxy{{{cns}}}.mod-gold h1,
1045.mod-pedal-boxy{{{cns}}}.mod-slime h1,
1046.mod-pedal-boxy{{{cns}}}.mod-yellow h1,
1047.mod-pedal-boxy{{{cns}}}.mod-pink h1,
1048.mod-pedal-boxy{{{cns}}}.mod-zinc h1,
1049.mod-pedal-boxy{{{cns}}}.mod-cream h1,
1050.mod-pedal-boxy{{{cns}}}.mod-blue h1,
1051.mod-pedal-boxy{{{cns}}}.mod-orange h1,
1052.mod-pedal-boxy{{{cns}}}.mod-white h1,
1053.mod-pedal-boxy{{{cns}}}.mod-dots h1,
1054.mod-pedal-boxy{{{cns}}}.mod-wood0 h1,
1055.mod-pedal-boxy{{{cns}}}.mod-wood1 h1,
1056.mod-pedal-boxy{{{cns}}}.mod-cyan h1,
1057.mod-pedal-boxy{{{cns}}}.mod-tribal1 h1
1058{
1059    border-color:black;
1060}
1061/* STYLES FOR THE BOXY KNOB */
1062
1063
1064/* = KNOBS
1065================================================ */
1066.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-copper .mod-knob .mod-knob-image {
1067    background-image:url(/resources/knobs/boxy/copper.png{{{ns}}});
1068}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-aluminium .mod-knob .mod-knob-image {
1069    background-image:url(/resources/knobs/boxy/aluminium.png{{{ns}}});
1070}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-gold .mod-knob .mod-knob-image {
1071    background-image:url(/resources/knobs/boxy/gold.png{{{ns}}});
1072}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-petrol .mod-knob .mod-knob-image {
1073    background-image:url(/resources/knobs/boxy/petrol.png{{{ns}}});
1074}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-silver .mod-knob .mod-knob-image {
1075    background-image:url(/resources/knobs/boxy/silver.png{{{ns}}});
1076}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-bronze .mod-knob .mod-knob-image {
1077    background-image:url(/resources/knobs/boxy/bronze.png{{{ns}}});
1078}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-blue .mod-knob .mod-knob-image {
1079    background-image:url(/resources/knobs/boxy/blue.png{{{ns}}});
1080}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-steel .mod-knob .mod-knob-image {
1081    background-image:url(/resources/knobs/boxy/steel.png{{{ns}}});
1082}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-purple .mod-knob .mod-knob-image {
1083    background-image:url(/resources/knobs/boxy/purple.png{{{ns}}});
1084}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-black .mod-knob .mod-knob-image {
1085    background-image:url(/resources/knobs/boxy/black.png{{{ns}}});
1086}.mod-pedal-boxy{{{cns}}} .mod-control-group.mod-green .mod-knob .mod-knob-image {
1087    background-image:url(/resources/knobs/boxy/green.png{{{ns}}});
1088}
1089