DISTRHO
/
DPF-Plugins
mirror of https://github.com/DISTRHO/DPF-Plugins
1
0
Fork 0
Code Releases 8 Activity
Collection of DPF-based plugins for packaging
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 Commits
1 Branch
97MB
Tree: 25c0d85d1b
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '25c0d85d1b'
${ noResults }
DPF-Plugins/modguis/Modulay.modgui/modgui/stylesheet-modulay.css

1094 lines
38KB
Raw Blame History 

  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. }