@@ -1,21 +0,0 @@ | |||||
@prefix modgui: <http://moddevices.com/ns/modgui#> . | |||||
@prefix lv2: <http://lv2plug.in/ns/lv2core#> . | |||||
<http://distrho.sf.net/plugins/Kars> | |||||
modgui:gui [ | |||||
modgui:resourcesDirectory <modgui> ; | |||||
modgui:iconTemplate <modgui/icon-kars.html> ; | |||||
modgui:stylesheet <modgui/stylesheet-kars.css> ; | |||||
modgui:screenshot <modgui/screenshot-kars.png> ; | |||||
modgui:thumbnail <modgui/thumbnail-kars.png> ; | |||||
modgui:brand "DISTRHO" ; | |||||
modgui:label "Kars" ; | |||||
modgui:model "boxy-small" ; | |||||
modgui:panel "1-footswitch" ; | |||||
modgui:color "yellow" ; | |||||
modgui:port [ | |||||
lv2:index 0 ; | |||||
lv2:symbol "sustain" ; | |||||
lv2:name "Sustain" ; | |||||
] ; | |||||
] . |
@@ -1,41 +0,0 @@ | |||||
<div class="mod-pedal mod-pedal-boxy{{{cns}}} mod-boxy50 mod-one-footswitch mod-{{color}} {{color}}"> | |||||
<div mod-role="drag-handle" class="mod-drag-handle"></div> | |||||
<div class="mod-plugin-brand"><h1>{{brand}}</h1></div> | |||||
<div class="mod-plugin-name"><h1>{{label}}</h1></div> | |||||
<div class="mod-light on" mod-role="bypass-light"></div> | |||||
<div class="mod-footswitch" mod-role="bypass"></div> | |||||
<div class="mod-pedal-input"> | |||||
{{#effect.ports.audio.input}} | |||||
<div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-audio-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.audio.input}} | |||||
{{#effect.ports.midi.input}} | |||||
<div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-midi-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.midi.input}} | |||||
{{#effect.ports.cv.input}} | |||||
<div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-cv-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.cv.input}} | |||||
</div> | |||||
<div class="mod-pedal-output"> | |||||
{{#effect.ports.audio.output}} | |||||
<div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-audio-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-output-image"></div> | |||||
</div> | |||||
{{/effect.ports.audio.output}} | |||||
{{#effect.ports.midi.output}} | |||||
<div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-midi-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-output-image"></div> | |||||
</div> | |||||
{{/effect.ports.midi.output}} | |||||
{{#effect.ports.cv.output}} | |||||
<div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-cv-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-output-image"></div> | |||||
</div> | |||||
{{/effect.ports.cv.output}} | |||||
</div> | |||||
</div> |
@@ -1,52 +0,0 @@ | |||||
@prefix modgui: <http://moddevices.com/ns/modgui#> . | |||||
@prefix lv2: <http://lv2plug.in/ns/lv2core#> . | |||||
<http://distrho.sf.net/plugins/MVerb> | |||||
modgui:gui [ | |||||
modgui:resourcesDirectory <modgui> ; | |||||
modgui:iconTemplate <modgui/icon-mverb.html> ; | |||||
modgui:stylesheet <modgui/stylesheet-mverb.css> ; | |||||
modgui:screenshot <modgui/screenshot-mverb.png> ; | |||||
modgui:thumbnail <modgui/thumbnail-mverb.png> ; | |||||
modgui:brand "Martin Eastwood" ; | |||||
modgui:label "MVerb" ; | |||||
modgui:model "combo-model-001" ; | |||||
modgui:panel "0930" ; | |||||
modgui:port [ | |||||
lv2:index 0 ; | |||||
lv2:symbol "mix" ; | |||||
lv2:name "MIX" ; | |||||
] , [ | |||||
lv2:index 1 ; | |||||
lv2:symbol "predelay" ; | |||||
lv2:name "PRE" ; | |||||
] , [ | |||||
lv2:index 2 ; | |||||
lv2:symbol "earlymix" ; | |||||
lv2:name "EL/MIX" ; | |||||
] , [ | |||||
lv2:index 3 ; | |||||
lv2:symbol "size" ; | |||||
lv2:name "SIZE" ; | |||||
] , [ | |||||
lv2:index 4 ; | |||||
lv2:symbol "density" ; | |||||
lv2:name "DENSITY" ; | |||||
] , [ | |||||
lv2:index 5 ; | |||||
lv2:symbol "bandwidth" ; | |||||
lv2:name "BAND" ; | |||||
] , [ | |||||
lv2:index 6 ; | |||||
lv2:symbol "decay" ; | |||||
lv2:name "DECAY" ; | |||||
] , [ | |||||
lv2:index 7 ; | |||||
lv2:symbol "damping" ; | |||||
lv2:name "DAMP" ; | |||||
] , [ | |||||
lv2:index 8 ; | |||||
lv2:symbol "gain" ; | |||||
lv2:name "GAIN" ; | |||||
] ; | |||||
] . |
@@ -1,102 +0,0 @@ | |||||
<div class="mod-pedal mod-combo-model-001{{{cns}}} mod-combo-model-001-0930{{{cns}}}"> | |||||
<div mod-role="drag-handle" class="mod-drag-handle"></div> | |||||
<div class="mod-plugin-brand"><h1>{{brand}}</h1></div> | |||||
<div class="mod-plugin-name"><h1>{{label}}</h1></div> | |||||
<div class="mod-control-group clearfix"> | |||||
<div class="mod-switch" mod-role="bypass"> | |||||
<div class="mod-switch-image" mod-role="bypass-light"></div> | |||||
</div> | |||||
<div class="mod-separator"></div> | |||||
{{#controls.0}} | |||||
<div class="mod-chicken-head"> | |||||
<div class="mod-chicken-head-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div> | |||||
<span class="mod-chicken-head-title">{{name}}</span> | |||||
</div> | |||||
{{/controls.0}} | |||||
<div class="mod-separator"></div> | |||||
{{#controls.1}} | |||||
<div class="mod-chicken-head"> | |||||
<div class="mod-chicken-head-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div> | |||||
<span class="mod-chicken-head-title">{{name}}</span> | |||||
</div> | |||||
{{/controls.1}} | |||||
{{#controls.2}} | |||||
<div class="mod-chicken-head"> | |||||
<div class="mod-chicken-head-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div> | |||||
<span class="mod-chicken-head-title">{{name}}</span> | |||||
</div> | |||||
{{/controls.2}} | |||||
<div class="mod-separator"></div> | |||||
{{#controls.3}} | |||||
<div class="mod-chicken-head"> | |||||
<div class="mod-chicken-head-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div> | |||||
<span class="mod-chicken-head-title">{{name}}</span> | |||||
</div> | |||||
{{/controls.3}} | |||||
{{#controls.4}} | |||||
<div class="mod-chicken-head"> | |||||
<div class="mod-chicken-head-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div> | |||||
<span class="mod-chicken-head-title">{{name}}</span> | |||||
</div> | |||||
{{/controls.4}} | |||||
{{#controls.5}} | |||||
<div class="mod-chicken-head"> | |||||
<div class="mod-chicken-head-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div> | |||||
<span class="mod-chicken-head-title">{{name}}</span> | |||||
</div> | |||||
{{/controls.5}} | |||||
{{#controls.6}} | |||||
<div class="mod-chicken-head"> | |||||
<div class="mod-chicken-head-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div> | |||||
<span class="mod-chicken-head-title">{{name}}</span> | |||||
</div> | |||||
{{/controls.6}} | |||||
{{#controls.7}} | |||||
<div class="mod-chicken-head"> | |||||
<div class="mod-chicken-head-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div> | |||||
<span class="mod-chicken-head-title">{{name}}</span> | |||||
</div> | |||||
{{/controls.7}} | |||||
<div class="mod-separator"></div> | |||||
{{#controls.8}} | |||||
<div class="mod-chicken-head"> | |||||
<div class="mod-chicken-head-image" mod-role="input-control-port" mod-port-symbol="{{symbol}}"></div> | |||||
<span class="mod-chicken-head-title">{{name}}</span> | |||||
</div> | |||||
{{/controls.8}} | |||||
</div> | |||||
<div class="mod-pedal-input"> | |||||
{{#effect.ports.audio.input}} | |||||
<div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-audio-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.audio.input}} | |||||
{{#effect.ports.midi.input}} | |||||
<div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-midi-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.midi.input}} | |||||
{{#effect.ports.cv.input}} | |||||
<div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-cv-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.cv.input}} | |||||
</div> | |||||
<div class="mod-pedal-output"> | |||||
{{#effect.ports.audio.output}} | |||||
<div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-audio-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-output-image"></div> | |||||
</div> | |||||
{{/effect.ports.audio.output}} | |||||
{{#effect.ports.midi.output}} | |||||
<div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-midi-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-output-image"></div> | |||||
</div> | |||||
{{/effect.ports.midi.output}} | |||||
{{#effect.ports.cv.output}} | |||||
<div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-cv-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-output-image"></div> | |||||
</div> | |||||
{{/effect.ports.cv.output}} | |||||
</div> | |||||
</div> |
@@ -1,220 +0,0 @@ | |||||
/* SKINS */ | |||||
.mod-combo-model-001{{{cns}}} { | |||||
border-radius: 20px; | |||||
} | |||||
.mod-combo-model-001-0550{{{cns}}} { | |||||
background-image: url(/resources/combos/model-001/model-0550.png{{{ns}}}); | |||||
background-position: center center; | |||||
background-repeat: no-repeat; | |||||
height: 200px; | |||||
position: relative; | |||||
width: 550px; | |||||
} | |||||
.mod-combo-model-001-0625{{{cns}}} { | |||||
background-image: url(/resources/combos/model-001/model-0625.png{{{ns}}}); | |||||
background-position: center center; | |||||
background-repeat: no-repeat; | |||||
height: 200px; | |||||
position: relative; | |||||
width: 625px; | |||||
} | |||||
.mod-combo-model-001-0778{{{cns}}} { | |||||
background-image: url(/resources/combos/model-001/model-0778.png{{{ns}}}); | |||||
background-position: center center; | |||||
background-repeat: no-repeat; | |||||
height: 200px; | |||||
position: relative; | |||||
width: 778px; | |||||
} | |||||
.mod-combo-model-001-0930{{{cns}}} { | |||||
background-image: url(/resources/combos/model-001/model-0930.png{{{ns}}}); | |||||
background-position: center center; | |||||
background-repeat: no-repeat; | |||||
height: 200px; | |||||
position: relative; | |||||
width: 930px; | |||||
} | |||||
/* THE AUTHOR */ | |||||
.mod-combo-model-001{{{cns}}} .mod-plugin-brand h1 { | |||||
color: #333; | |||||
font-size: 18px; | |||||
font-weight: bold; | |||||
left: 80px; | |||||
line-height: 1; | |||||
margin: 0; | |||||
position: absolute; | |||||
top: 23px; | |||||
} | |||||
/* PLUGIN'S NAME */ | |||||
.mod-combo-model-001{{{cns}}} .mod-plugin-name h1 { | |||||
color: #333; | |||||
font-size: 18px; | |||||
font-weight: bold; | |||||
line-height: 1; | |||||
margin: 0; | |||||
position: absolute; | |||||
right: 80px; | |||||
top: 23px; | |||||
} | |||||
/* CONTROLS */ | |||||
.mod-combo-model-001{{{cns}}} .mod-control-group { | |||||
border-color: #000; | |||||
border-style: solid; | |||||
border-width: 1px 0 0 0; | |||||
bottom: 149px; | |||||
color: #000; | |||||
font-size: 10px; | |||||
font-weight: bold; | |||||
height: 71px; | |||||
left: 58px; | |||||
position: absolute; | |||||
right: 58px; | |||||
top: 47px; | |||||
} | |||||
.mod-combo-model-001{{{cns}}} .mod-control-group > div { | |||||
margin-right: 2px; | |||||
} | |||||
.mod-combo-model-001{{{cns}}} .mod-pedal-input, | |||||
.mod-combo-model-001{{{cns}}} .mod-pedal-output { | |||||
top: 30px; | |||||
} | |||||
/* SWITCH ON/OFF GENERAL */ | |||||
.mod-combo-model-001{{{cns}}} .mod-switch { | |||||
cursor: pointer; | |||||
float: left; | |||||
height: 71px; | |||||
position: relative; | |||||
width: 130px; | |||||
} | |||||
.mod-combo-model-001{{{cns}}} .mod-switch-image { | |||||
background-image: url(/resources/switches/switch-001.png{{{ns}}}); | |||||
background-position: -9px 0px; | |||||
background-repeat: no-repeat; | |||||
background-size: auto 71px; | |||||
height: 71px; | |||||
width: 71px; | |||||
} | |||||
.mod-combo-model-001{{{cns}}} .mod-switch-image.on { | |||||
background-position: -80px 0px; | |||||
} | |||||
.mod-combo-model-001{{{cns}}} .mod-switch-image.off { | |||||
background-position: -9px 0px; | |||||
} | |||||
/* CHICKEN HEAD */ | |||||
.mod-combo-model-001{{{cns}}} .mod-chicken-head { | |||||
float: left; | |||||
height: 71px; | |||||
overflow: hidden; | |||||
position: relative; | |||||
text-align: center; | |||||
width: 71px; | |||||
} | |||||
.mod-combo-model-001{{{cns}}} .mod-chicken-head .mod-chicken-head-image { | |||||
background-image: url(/resources/knobs/chicken-head/_strip.png{{{ns}}}); | |||||
background-position: left 0px; | |||||
background-repeat: no-repeat; | |||||
background-size: auto 71px; | |||||
height: 71px; | |||||
margin-top: 3px; | |||||
position: relative; | |||||
width: 71px; | |||||
z-index: 2; | |||||
} | |||||
.mod-combo-model-001{{{cns}}} .mod-chicken-head .mod-chicken-head-title { | |||||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |||||
font-size: 10px; | |||||
font-weight: bold; | |||||
height:18px; | |||||
left: 0; | |||||
overflow:hidden; | |||||
position: absolute; | |||||
right: 0; | |||||
text-transform: uppercase; | |||||
top: 0; | |||||
z-index: 1; | |||||
} | |||||
/* ENUMERATED LIST */ | |||||
.mod-combo-model-001{{{cns}}} .mod-enumerated { | |||||
color:#fff; | |||||
display:inline-block; | |||||
left:132px; | |||||
overflow:hidden; | |||||
position:absolute; | |||||
top:-27px; | |||||
width:240px; | |||||
} | |||||
.mod-combo-model-001{{{cns}}} .mod-enumerated .mod-enumerated-selected { | |||||
background-color:rgba(0,0,0,.8); | |||||
background-image:url(/resources/utils/dropdown-arrow-white.png{{{ns}}}); | |||||
background-position:right center; | |||||
background-repeat:no-repeat; | |||||
border-radius:4px; | |||||
box-shadow:inset 1px 1px 5px #000; | |||||
color:#fff; | |||||
font-size:12px; | |||||
height:24px; | |||||
line-height:2; | |||||
margin-right:8px; | |||||
overflow:hidden; | |||||
padding:0 9px; | |||||
} | |||||
/* WHEN IS HOVER */ | |||||
.mod-combo-model-001{{{cns}}} .mod-enumerated:hover .mod-enumerated-selected { | |||||
border-radius:4px 4px 0 0; | |||||
} | |||||
/* THE LIST OF OPTIONS */ | |||||
.mod-combo-model-001{{{cns}}} .mod-enumerated .mod-enumerated-list { | |||||
display:none; | |||||
font-weight:bold; | |||||
} | |||||
.mod-combo-model-001{{{cns}}} .mod-enumerated .mod-enumerated-list > div { | |||||
padding:3px 9px; | |||||
} | |||||
.mod-combo-model-001{{{cns}}} .mod-enumerated .mod-enumerated-list > div:hover { | |||||
background:rgba(255,255,255,.2); | |||||
cursor:pointer; | |||||
} | |||||
/* WHEN THE LIST IS SHOWING */ | |||||
.mod-combo-model-001{{{cns}}} .mod-enumerated .mod-enumerated-list { | |||||
background:rgba(0,0,0,.9); | |||||
display:none; | |||||
height:85px; | |||||
overflow:auto; | |||||
position:relative; | |||||
width:232px; | |||||
z-index:3; | |||||
} | |||||
/* SEPARATOR */ | |||||
.mod-combo-model-001{{{cns}}} .mod-separator { | |||||
background: #000; | |||||
display: inline-block; | |||||
float: left; | |||||
height: 69px; | |||||
margin-top: 2px; | |||||
width: 1px; | |||||
} |
@@ -1,13 +0,0 @@ | |||||
@prefix mod: <http://moddevices.com/ns/mod#>. | |||||
@prefix modgui: <http://moddevices.com/ns/modgui#>. | |||||
<http://distrho.sf.net/plugins/Nekobi> | |||||
mod:brand "DISTRHO"; | |||||
mod:label "Nekobi"; | |||||
modgui:gui [ | |||||
modgui:resourcesDirectory <modgui>; | |||||
modgui:iconTemplate <modgui/icon-nekobi.html>; | |||||
modgui:stylesheet <modgui/stylesheet-nekobi.css>; | |||||
modgui:screenshot <modgui/screenshot-nekobi.png>; | |||||
modgui:thumbnail <modgui/thumb-nekobi.png>; | |||||
]. |
@@ -1,57 +0,0 @@ | |||||
<div class="dpf-nekobi mod-pedal mod-pedal-boxy{{{cns}}}"> | |||||
<div mod-role="drag-handle" class="mod-drag-handle"></div> | |||||
<div class="mod-light on" mod-role="bypass-light"></div> | |||||
<div class="mod-control-group clearfix"> | |||||
<div class="mod-knob dpf-nekobi-knob_tuning"> | |||||
<div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="tuning"></div> | |||||
</div> | |||||
<div class="mod-knob dpf-nekobi-knob_cutoff"> | |||||
<div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="cutoff"></div> | |||||
</div> | |||||
<div class="mod-knob dpf-nekobi-knob_resonance"> | |||||
<div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="resonance"></div> | |||||
</div> | |||||
<div class="mod-knob dpf-nekobi-knob_env_mod"> | |||||
<div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="env_mod"></div> | |||||
</div> | |||||
<div class="mod-knob dpf-nekobi-knob_decay"> | |||||
<div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="decay"></div> | |||||
</div> | |||||
<div class="mod-knob dpf-nekobi-knob_accent"> | |||||
<div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="accent"></div> | |||||
</div> | |||||
<div class="mod-knob dpf-nekobi-knob_volume"> | |||||
<div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="volume"></div> | |||||
</div> | |||||
<div class="mod-footswitch dpf-nekobi-knob_waveform" mod-role="input-control-port" mod-port-symbol="waveform"></div> | |||||
</div> | |||||
<div class="mod-footswitch" mod-role="bypass"></div> | |||||
<div class="mod-pedal-input"> | |||||
{{#effect.ports.audio.input}} | |||||
<div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-audio-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.audio.input}} | |||||
{{#effect.ports.midi.input}} | |||||
<div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-midi-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.midi.input}} | |||||
</div> | |||||
<div class="mod-pedal-output"> | |||||
{{#effect.ports.audio.output}} | |||||
<div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-audio-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-output-image"></div> | |||||
</div> | |||||
{{/effect.ports.audio.output}} | |||||
{{#effect.ports.midi.output}} | |||||
<div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-midi-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.midi.output}} | |||||
</div> | |||||
</div> |
@@ -1,278 +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:954px 162px; | |||||
width:954px; | |||||
height:162px; | |||||
position:absolute; | |||||
border-radius: 0px; | |||||
} | |||||
/* = 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 */ | |||||
.dpf-nekobi * { | |||||
color:black !important; | |||||
} | |||||
.dpf-nekobi { | |||||
background-image:url(/resources/background.png{{{ns}}}) !important; | |||||
background-size:954px 162px; | |||||
width:954px; | |||||
height:162px; | |||||
border-radius: 0; | |||||
} | |||||
.dpf-nekobi .mod-control-group { | |||||
width:821px; | |||||
height:65px; | |||||
top:68px; | |||||
left:67px; | |||||
margin:0px; | |||||
} | |||||
.dpf-nekobi .mod-control-group .mod-knob { | |||||
height:65px !important; | |||||
} | |||||
.dpf-nekobi .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 65px; | |||||
height:65px; | |||||
width:65px; | |||||
margin:0 auto; | |||||
cursor:pointer; | |||||
position:relative; | |||||
overflow:hidden; | |||||
} | |||||
.dpf-nekobi .mod-control-group .dpf-nekobi-knob_tuning { | |||||
left:0px; | |||||
position:absolute; | |||||
} | |||||
.dpf-nekobi .mod-control-group .dpf-nekobi-knob_cutoff { | |||||
left:215px; | |||||
position:absolute; | |||||
} | |||||
.dpf-nekobi .mod-control-group .dpf-nekobi-knob_resonance { | |||||
left:323px; | |||||
position:absolute; | |||||
} | |||||
.dpf-nekobi .mod-control-group .dpf-nekobi-knob_env_mod { | |||||
left:432px; | |||||
position:absolute; | |||||
} | |||||
.dpf-nekobi .mod-control-group .dpf-nekobi-knob_decay { | |||||
left:540px; | |||||
position:absolute; | |||||
} | |||||
.dpf-nekobi .mod-control-group .dpf-nekobi-knob_accent { | |||||
left:648px; | |||||
position:absolute; | |||||
} | |||||
.dpf-nekobi .mod-control-group .dpf-nekobi-knob_volume { | |||||
left:756px; | |||||
position:absolute; | |||||
} | |||||
.dpf-nekobi .mod-light { | |||||
background-position:top left; | |||||
background-repeat:no-repeat; | |||||
background-size:26px 27px; | |||||
height:26px; | |||||
width: 27px; | |||||
top:12px; | |||||
left:804px; | |||||
} | |||||
.dpf-nekobi .mod-light.on { | |||||
background-image:url(/resources/led-on.png{{{ns}}}); | |||||
} | |||||
.dpf-nekobi .mod-light.off { | |||||
background-image:url(/resources/led-off.png{{{ns}}}); | |||||
} | |||||
.dpf-nekobi .mod-footswitch { | |||||
background-image:url(/resources/slider-horizontal.png{{{ns}}}); | |||||
background-position:top left; | |||||
background-repeat:no-repeat; | |||||
background-size:156px 48px; | |||||
top:3px; | |||||
right:57px; | |||||
cursor:pointer; | |||||
height:48px; | |||||
width: 78px; | |||||
position:absolute; | |||||
} | |||||
.dpf-nekobi .mod-footswitch.on { | |||||
background-position:top left; | |||||
} | |||||
.dpf-nekobi .mod-footswitch.off { | |||||
background-position:top right; | |||||
} | |||||
.dpf-nekobi .dpf-nekobi-knob_waveform { | |||||
background-image:url(/resources/slider-vertical.png{{{ns}}}); | |||||
background-position:top left; | |||||
background-repeat:no-repeat; | |||||
background-size:78px 101px; | |||||
top:-17px; | |||||
left:136px; | |||||
height:101px; | |||||
cursor:pointer; | |||||
width:39px; | |||||
position:absolute; | |||||
} | |||||
.dpf-nekobi .dpf-nekobi-knob_waveform.on { | |||||
background-position:top left; | |||||
} | |||||
.dpf-nekobi .dpf-nekobi-knob_waveform.off { | |||||
background-position:top right; | |||||
} | |||||
.dpf-nekobi .mod-pedal-input , .dpf-nekobi .mod-pedal-output { | |||||
top: 60px; | |||||
} | |||||
.dpf-nekobi .mod-pedal-input .mod-input , .dpf-nekobi .mod-pedal-output .mod-output { | |||||
margin-bottom: 40px !important | |||||
} |
@@ -1,13 +0,0 @@ | |||||
@prefix mod: <http://moddevices.com/ns/mod#>. | |||||
@prefix modgui: <http://moddevices.com/ns/modgui#>. | |||||
<http://distrho.sf.net/plugins/PingPongPan> | |||||
mod:brand "DISTRHO"; | |||||
mod:label "PingPongPan"; | |||||
modgui:gui [ | |||||
modgui:resourcesDirectory <modgui>; | |||||
modgui:iconTemplate <modgui/icon-ppp.html>; | |||||
modgui:stylesheet <modgui/stylesheet-ppp.css>; | |||||
modgui:screenshot <modgui/screenshot-ppp.png>; | |||||
modgui:thumbnail <modgui/thumb-ppp.png>; | |||||
]. |
@@ -1,41 +0,0 @@ | |||||
<div class="pingpongpan mod-pedal mod-pedal-boxy{{{cns}}}"> | |||||
<div mod-role="drag-handle" class="mod-drag-handle"></div> | |||||
<div mod-role="bypass-light"></div> | |||||
<div class="mod-control-group clearfix"> | |||||
<div class="mod-knob pingpongpan-knob_freq"> | |||||
<div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="freq"></div> | |||||
</div> | |||||
<div class="mod-knob pingpongpan-knob_width"> | |||||
<div class="mod-knob-image" mod-role="input-control-port" mod-port-symbol="width"></div> | |||||
</div> | |||||
</div> | |||||
<div class="mod-footswitch" mod-role="bypass"></div> | |||||
<div class="mod-pedal-input"> | |||||
{{#effect.ports.audio.input}} | |||||
<div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-audio-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.audio.input}} | |||||
{{#effect.ports.midi.input}} | |||||
<div class="mod-input mod-input-disconnected" title="{{name}}" mod-role="input-midi-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.midi.input}} | |||||
</div> | |||||
<div class="mod-pedal-output"> | |||||
{{#effect.ports.audio.output}} | |||||
<div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-audio-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-output-image"></div> | |||||
</div> | |||||
{{/effect.ports.audio.output}} | |||||
{{#effect.ports.midi.output}} | |||||
<div class="mod-output mod-output-disconnected" title="{{name}}" mod-role="output-midi-port" mod-port-symbol="{{symbol}}"> | |||||
<div class="mod-pedal-input-image"></div> | |||||
</div> | |||||
{{/effect.ports.midi.output}} | |||||
</div> | |||||
</div> |
@@ -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 | |||||
} |