|
|
@@ -1,225 +0,0 @@ |
|
|
|
|
|
|
|
/* STYLES FOR THE BOXY PEDAL */ |
|
|
|
|
|
|
|
@import url(/fonts/nexa/stylesheet.css); |
|
|
|
@import url(/fonts/questrial/stylesheet.css); |
|
|
|
|
|
|
|
/* = CONTAINER |
|
|
|
================================================ */ |
|
|
|
.mod-pedal-boxy{{{cns}}} { |
|
|
|
background-position:center center; |
|
|
|
background-repeat:no-repeat; |
|
|
|
background-size:385px 212px; |
|
|
|
width:385px; |
|
|
|
height:212px; |
|
|
|
position:absolute; |
|
|
|
border-radius: 26px; |
|
|
|
} |
|
|
|
|
|
|
|
/* = PLUGIN'S AUTHOR |
|
|
|
================================================ */ |
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-plugin-brand { |
|
|
|
left:0; |
|
|
|
position:absolute; |
|
|
|
right:0; |
|
|
|
text-align:center; |
|
|
|
text-transform:uppercase; |
|
|
|
top:160px; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-plugin-brand h1 { |
|
|
|
border-color:#000; |
|
|
|
border-radius:12px; |
|
|
|
border-style:solid; |
|
|
|
border-width:4px; |
|
|
|
display:inline-block; |
|
|
|
font-family:"Nexa"; |
|
|
|
font-size:32px; |
|
|
|
padding:3px 9px 0; |
|
|
|
} |
|
|
|
|
|
|
|
/* = PLUGIN'S NAME |
|
|
|
================================================ */ |
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-plugin-name { |
|
|
|
left:30px; |
|
|
|
overflow:hidden; |
|
|
|
position:absolute; |
|
|
|
right:30px; |
|
|
|
text-align:center; |
|
|
|
top:340px; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-plugin-name h1 { |
|
|
|
font-family:"Questrial"; |
|
|
|
font-size:21px; |
|
|
|
line-height:1; |
|
|
|
} |
|
|
|
|
|
|
|
/* = LIGHT ON/OFF |
|
|
|
================================================ */ |
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-light { |
|
|
|
background-position:center center; |
|
|
|
background-repeat:no-repeat; |
|
|
|
height:32px; |
|
|
|
left:10px; |
|
|
|
position:absolute; |
|
|
|
right:10px; |
|
|
|
top:235px; |
|
|
|
} |
|
|
|
|
|
|
|
/* = KNOBS |
|
|
|
================================================ */ |
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-control-group { |
|
|
|
margin:20px; |
|
|
|
position:relative; |
|
|
|
text-align:center; |
|
|
|
z-index:30; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-control-group .mod-knob { |
|
|
|
overflow:hidden; |
|
|
|
position:relative; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-control-group .mod-knob { |
|
|
|
height:110px; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-control-group .mod-knob > span.mod-knob-title { |
|
|
|
bottom:0px; |
|
|
|
display:block; |
|
|
|
font-size:11px; |
|
|
|
font-weight:bold; |
|
|
|
height:12px; |
|
|
|
left:0; |
|
|
|
line-height:1; |
|
|
|
margin:0; |
|
|
|
overflow:hidden; |
|
|
|
padding:0; |
|
|
|
position:absolute; |
|
|
|
right:0; |
|
|
|
text-transform:uppercase; |
|
|
|
} |
|
|
|
|
|
|
|
/* = ENUMERATED LIST |
|
|
|
================================================ */ |
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-enumerated-group { |
|
|
|
height:31px; |
|
|
|
margin:20px auto 0 !important; |
|
|
|
position:relative; |
|
|
|
width:190px; |
|
|
|
z-index:35; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-enumerated { |
|
|
|
background-position:right center; |
|
|
|
background-repeat:no-repeat; |
|
|
|
font-size:11px; |
|
|
|
font-weight:bold; |
|
|
|
left:0; |
|
|
|
line-height:2; |
|
|
|
overflow:hidden; |
|
|
|
position:absolute; |
|
|
|
right:0; |
|
|
|
text-align:left; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-selected { |
|
|
|
background-color:rgba(0,0,0,.3); |
|
|
|
box-shadow:inset 0 0 4px rgba(0,0,0,.3); |
|
|
|
border-radius:4px; |
|
|
|
padding:3px 9px; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-selected { |
|
|
|
border-radius:4px 4px 0 0; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list { |
|
|
|
display:none; |
|
|
|
color:#fff; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list { |
|
|
|
background-color:rgba(0,0,0,.9); |
|
|
|
display:none; |
|
|
|
height:115px; |
|
|
|
overflow:auto; |
|
|
|
position:relative; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list > div { |
|
|
|
padding:3px 9px; |
|
|
|
} |
|
|
|
|
|
|
|
.mod-pedal-boxy{{{cns}}} .mod-enumerated .mod-enumerated-list > div:hover { |
|
|
|
background-color:rgba(255,255,255,.2); |
|
|
|
cursor:pointer; |
|
|
|
} |
|
|
|
|
|
|
|
/* STYLES FOR THE PLUGIN */ |
|
|
|
|
|
|
|
.pingpongpan * { |
|
|
|
color:black !important; |
|
|
|
} |
|
|
|
.pingpongpan { |
|
|
|
background-image:url(/resources/background.png{{{ns}}}) !important; |
|
|
|
background-size:385px 212px; |
|
|
|
width:385px; |
|
|
|
height:212px; |
|
|
|
border-radius: 0; |
|
|
|
} |
|
|
|
.pingpongpan .mod-control-group { |
|
|
|
width:237px; |
|
|
|
height:85px; |
|
|
|
top:71px; |
|
|
|
left:73px; |
|
|
|
margin:0px; |
|
|
|
} |
|
|
|
.pingpongpan .mod-control-group .mod-knob { |
|
|
|
height:85px !important; |
|
|
|
} |
|
|
|
.pingpongpan .mod-control-group .mod-knob .mod-knob-image { |
|
|
|
background-image:url(/resources/knob.png{{{ns}}}); |
|
|
|
background-position:left center; |
|
|
|
background-repeat:no-repeat; |
|
|
|
background-size:auto 85px; |
|
|
|
height:85px; |
|
|
|
width:85px; |
|
|
|
margin:0 auto; |
|
|
|
cursor:pointer; |
|
|
|
position:relative; |
|
|
|
overflow:hidden; |
|
|
|
} |
|
|
|
.pingpongpan .mod-control-group .pingpongpan-knob_freq { |
|
|
|
left:0px; |
|
|
|
position:absolute; |
|
|
|
} |
|
|
|
.pingpongpan .mod-control-group .pingpongpan-knob_width { |
|
|
|
left:152px; |
|
|
|
position:absolute; |
|
|
|
} |
|
|
|
.pingpongpan .mod-footswitch { |
|
|
|
background-image:url(/resources/slider.png{{{ns}}}); |
|
|
|
background-position:top left; |
|
|
|
background-repeat:no-repeat; |
|
|
|
background-size:120px 37px; |
|
|
|
top:5px; |
|
|
|
right:37px; |
|
|
|
cursor:pointer; |
|
|
|
height:37px; |
|
|
|
width: 60px; |
|
|
|
position:absolute; |
|
|
|
} |
|
|
|
.pingpongpan .mod-footswitch.on { |
|
|
|
background-position:top left; |
|
|
|
} |
|
|
|
.pingpongpan .mod-footswitch.off { |
|
|
|
background-position:top right; |
|
|
|
} |
|
|
|
.pingpongpan .mod-pedal-input , .pingpongpan .mod-pedal-output { |
|
|
|
top: 30px; |
|
|
|
} |
|
|
|
.pingpongpan .mod-pedal-input .mod-input , .pingpongpan .mod-pedal-output .mod-output { |
|
|
|
margin-bottom: 40px !important |
|
|
|
} |