After Width: | Height: | Size: 34 KiB |
After Width: | Height: | Size: 42 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 183 KiB |
After Width: | Height: | Size: 257 KiB |
After Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 192 KiB After Width: | Height: | Size: 118 KiB |
@ -1,283 +1,681 @@ |
|||||||
/* STYLES FOR THE JAPANESE PEDAL */ |
|
||||||
|
|
||||||
@import url(/fonts/epf/stylesheet.css); |
|
||||||
@import url(/fonts/nexa/stylesheet.css); |
@import url(/fonts/nexa/stylesheet.css); |
||||||
@import url(/fonts/pirulen/stylesheet.css); |
@import url(/fonts/nexa/stylesheet.css); |
||||||
@import url(/fonts/questrial/stylesheet.css); |
|
||||||
|
|
||||||
/* = CONTAINER |
/* = CONTAINER |
||||||
================================================ */ |
================================================ */ |
||||||
.mod-pedal-japanese{{{cns}}} { |
.mod-dexed{{{cns}}} { |
||||||
|
background-image: url(/resources/utils/bg.png{{{ns}}}); |
||||||
background-position:center center; |
background-position:center center; |
||||||
background-repeat:no-repeat; |
background-repeat:no-repeat; |
||||||
height:530px; |
background-size:1045px 700px; |
||||||
|
height:700px; |
||||||
position:absolute; |
position:absolute; |
||||||
width:274px; |
width:1045px; |
||||||
border-radius: 18px; |
border-radius: 21px; |
||||||
} |
} |
||||||
|
|
||||||
|
|
||||||
/* PORTS |
/* PORTS |
||||||
================================================ */ |
================================================ */ |
||||||
|
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-pedal .mod-pedal-input, |
.mod-dexed{{{cns}}} .mod-pedal-input, |
||||||
.mod-pedal-japanese{{{cns}}}.mod-pedal .mod-pedal-output { |
.mod-dexed{{{cns}}} .mod-pedal-output { |
||||||
top: 186px; |
top: 66px; |
||||||
} |
} |
||||||
|
|
||||||
/* = PLUGIN'S AUTHOR |
|
||||||
|
/* = PLUGIN'S NAME |
||||||
================================================ */ |
================================================ */ |
||||||
.mod-pedal-japanese{{{cns}}} .mod-plugin-brand { |
.mod-dexed{{{cns}}} .mod-plugin-name { |
||||||
bottom:95px; |
position: absolute; |
||||||
left:30px; |
left: 15px; |
||||||
position:absolute; |
bottom: 100px; |
||||||
right:30px; |
display: inline-block; |
||||||
text-align:center; |
font-family: "Nexa"; |
||||||
text-transform:uppercase; |
font-size: 35px; |
||||||
|
font-weight: bold; |
||||||
|
text-transform: uppercase; |
||||||
|
padding: 3px; |
||||||
|
color: black; |
||||||
} |
} |
||||||
|
|
||||||
.mod-pedal-japanese{{{cns}}} .mod-plugin-brand h1 { |
|
||||||
color:#292d31; |
/* = FOOTSWITCH |
||||||
font-family:"Nexa"; |
================================================ */ |
||||||
font-size:32px; |
.mod-dexed{{{cns}}} .mod-footswitch { |
||||||
text-shadow:1px 2px 2px rgba(0,0,0,.5),2px 4px 5px rgba(0,0,0,.5),0px 0px 8px rgba(0,0,0,.5), -1px -1px 1px rgba(255,255,255,.2); |
background-image:url(/resources/utils/switch-1-green.png{{{ns}}}); |
||||||
|
background-position:top center; |
||||||
|
background-repeat:no-repeat; |
||||||
|
background-size:auto 48px; |
||||||
|
bottom: 80px; |
||||||
|
left: 28px; |
||||||
|
cursor:pointer; |
||||||
|
height:24px; |
||||||
|
width: 90px; |
||||||
|
margin: auto; |
||||||
|
position:absolute !important; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-footswitch.on { |
||||||
|
background-position-y: bottom !important |
||||||
} |
} |
||||||
|
|
||||||
/* = PLUGIN'S NAME |
|
||||||
|
/* KNOBS |
||||||
================================================ */ |
================================================ */ |
||||||
.mod-pedal-japanese{{{cns}}} .mod-plugin-name { |
|
||||||
bottom:210px; |
.mod-dexed{{{cns}}} .mod-control-group { |
||||||
left:30px; |
position:relative; |
||||||
overflow:hidden; |
z-index: 20; |
||||||
|
} |
||||||
|
|
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob { |
||||||
position:absolute; |
position:absolute; |
||||||
right:30px; |
z-index: 40; |
||||||
text-align:right; |
|
||||||
top:230px; |
|
||||||
} |
} |
||||||
|
|
||||||
.mod-pedal-japanese{{{cns}}} .mod-plugin-name h1 { |
.mod-dexed{{{cns}}} .mod-control-group .mod-knob .mod-knob-image { |
||||||
font-family:"Questrial"; |
background-image: url(/resources/knobs/knob_70.png{{{ns}}}); |
||||||
font-size:24px; |
background-repeat:no-repeat; |
||||||
line-height:1; |
background-size:auto 32px; |
||||||
|
width: 32px; |
||||||
|
height: 52px; |
||||||
|
position: absolute; |
||||||
|
z-index: 40; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob .mod-knob-image.dexed-knob15 { |
||||||
|
background-image: url(/resources/knobs/knob_15.png{{{ns}}}) !important; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob .mod-knob-image.dexed-knob13 { |
||||||
|
background-image: url(/resources/knobs/knob_13.png{{{ns}}}) !important; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob .mod-knob-image.dexed-knob8 { |
||||||
|
background-image: url(/resources/knobs/knob_8.png{{{ns}}}) !important; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob .mod-knob-image.dexed-knob4 { |
||||||
|
background-image: url(/resources/knobs/knob_4.png{{{ns}}}) !important; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob .mod-knob-image.dexed-knobred { |
||||||
|
background-image: url(/resources/knobs/knob_70_red.png{{{ns}}}) !important; |
||||||
} |
} |
||||||
|
|
||||||
/* = LIGHT ON/OFF |
|
||||||
================================================ */ |
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_eg_rate_1, |
||||||
.mod-pedal-japanese{{{cns}}} .mod-light { |
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_eg_rate_1, |
||||||
height:32px; |
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_eg_rate_1, |
||||||
left:121px; |
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_eg_rate_1, |
||||||
position:absolute; |
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_eg_rate_1, |
||||||
top:197px; |
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_eg_rate_1, |
||||||
width:32px; |
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-pitch_eg_rate_1 { |
||||||
|
top: 130px; |
||||||
|
left: 10px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_eg_rate_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_eg_rate_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_eg_rate_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_eg_rate_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_eg_rate_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_eg_rate_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-pitch_eg_rate_2 { |
||||||
|
top: 130px; |
||||||
|
left: 45px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_eg_rate_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_eg_rate_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_eg_rate_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_eg_rate_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_eg_rate_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_eg_rate_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-pitch_eg_rate_3 { |
||||||
|
top: 130px; |
||||||
|
left: 80px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_eg_rate_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_eg_rate_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_eg_rate_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_eg_rate_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_eg_rate_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_eg_rate_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-pitch_eg_rate_4 { |
||||||
|
top: 130px; |
||||||
|
left: 115px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_eg_level_1, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_eg_level_1, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_eg_level_1, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_eg_level_1, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_eg_level_1, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_eg_level_1, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-pitch_eg_level_1 { |
||||||
|
top: 195px; |
||||||
|
left: 10px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_eg_level_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_eg_level_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_eg_level_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_eg_level_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_eg_level_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_eg_level_2, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-pitch_eg_level_2 { |
||||||
|
top: 195px; |
||||||
|
left: 45px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_eg_level_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_eg_level_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_eg_level_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_eg_level_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_eg_level_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_eg_level_3, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-pitch_eg_level_3 { |
||||||
|
top: 195px; |
||||||
|
left: 80px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_eg_level_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_eg_level_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_eg_level_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_eg_level_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_eg_level_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_eg_level_4, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-pitch_eg_level_4 { |
||||||
|
top: 195px; |
||||||
|
left: 115px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_osc_detune, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_osc_detune, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_osc_detune, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_osc_detune, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_osc_detune, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_osc_detune { |
||||||
|
top: 20px; |
||||||
|
left: 20px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_osc_freq_coarse, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_osc_freq_coarse, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_osc_freq_coarse, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_osc_freq_coarse, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_osc_freq_coarse, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_osc_freq_coarse { |
||||||
|
top: 20px; |
||||||
|
left: 65px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_osc_freq_fine, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_osc_freq_fine, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_osc_freq_fine, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_osc_freq_fine, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_osc_freq_fine, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_osc_freq_fine { |
||||||
|
top: 20px; |
||||||
|
left: 110px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_kbd_lev_scl_lft_depth, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_kbd_lev_scl_lft_depth, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_kbd_lev_scl_lft_depth, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_kbd_lev_scl_lft_depth, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_kbd_lev_scl_lft_depth, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_kbd_lev_scl_lft_depth { |
||||||
|
top: 145px; |
||||||
|
left: 170px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_kbd_lev_scl_brk_pt, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_kbd_lev_scl_brk_pt, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_kbd_lev_scl_brk_pt, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_kbd_lev_scl_brk_pt, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_kbd_lev_scl_brk_pt, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_kbd_lev_scl_brk_pt { |
||||||
|
top: 145px; |
||||||
|
left: 232px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_kbd_lev_scl_rht_depth, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_kbd_lev_scl_rht_depth, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_kbd_lev_scl_rht_depth, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_kbd_lev_scl_rht_depth, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_kbd_lev_scl_rht_depth, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_kbd_lev_scl_rht_depth { |
||||||
|
top: 145px; |
||||||
|
left: 295px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_kbd_rate_scaling, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_kbd_rate_scaling, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_kbd_rate_scaling, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_kbd_rate_scaling, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_kbd_rate_scaling, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_kbd_rate_scaling { |
||||||
|
top: 205px; |
||||||
|
left: 232px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_amp_mod_sensitivity, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_amp_mod_sensitivity, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_amp_mod_sensitivity, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_amp_mod_sensitivity, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_amp_mod_sensitivity, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_amp_mod_sensitivity { |
||||||
|
top: 75px; |
||||||
|
left: 170px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_key_vel_sensitivity, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_key_vel_sensitivity, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_key_vel_sensitivity, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_key_vel_sensitivity, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_key_vel_sensitivity, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_key_vel_sensitivity { |
||||||
|
top: 75px; |
||||||
|
left: 250px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op1_operator_output_level, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op2_operator_output_level, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op3_operator_output_level, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op4_operator_output_level, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op5_operator_output_level, |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-op6_operator_output_level { |
||||||
|
top: 75px; |
||||||
|
left: 300px; |
||||||
} |
} |
||||||
|
|
||||||
/* = FOOTSWITCH |
|
||||||
================================================ */ |
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-output { |
||||||
.mod-pedal-japanese{{{cns}}} .mod-footswitch { |
top: 30px; |
||||||
bottom:46px; |
left: 150px; |
||||||
cursor:pointer; |
} |
||||||
height:155px; |
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-cutoff { |
||||||
left:13px; |
top: 5px; |
||||||
position:absolute; |
left: 275px; |
||||||
right:13px; |
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-resonance { |
||||||
|
top: 5px; |
||||||
|
left: 335px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-master_tune { |
||||||
|
top: 62px; |
||||||
|
left: 275px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-transpose { |
||||||
|
top: 62px; |
||||||
|
left: 335px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-algorithm_num { |
||||||
|
top: 20px; |
||||||
|
left: 612px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-feedback { |
||||||
|
top: 90px; |
||||||
|
left: 612px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-lfo_speed { |
||||||
|
top: 65px; |
||||||
|
left: 0px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-lfo_delay { |
||||||
|
top: 65px; |
||||||
|
left: 50px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-lfo_pitch_mod_depth { |
||||||
|
top: 65px; |
||||||
|
left: 100px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-lfo_amp_mod_depth { |
||||||
|
top: 65px; |
||||||
|
left: 150px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-pitch_mod_sensitivity { |
||||||
|
top: 5px; |
||||||
|
left: 125px; |
||||||
} |
} |
||||||
|
|
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-pitch_bend_range { |
||||||
|
top: 75px; |
||||||
|
left: 35px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-pitch_bend_step { |
||||||
|
top: 75px; |
||||||
|
left: 130px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-control-group .mod-knob.dexed-number_of_voices { |
||||||
|
top: 5px; |
||||||
|
left: 130px; |
||||||
|
} |
||||||
|
|
||||||
/* = BACKGROUND IMAGES - Colour of the pedal |
/* = TITLE |
||||||
================================================ */ |
================================================ */ |
||||||
.mod-pedal-japanese{{{cns}}}.mod-blue { background-image:url(/resources/pedals/japanese/blue.png{{{ns}}}); } |
.mod-dexed{{{cns}}} .mod-group-title { |
||||||
.mod-pedal-japanese{{{cns}}}.mod-brown { background-image:url(/resources/pedals/japanese/brown.png{{{ns}}}); } |
display: block; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-none { background-image:url(/resources/pedals/japanese/none.png{{{ns}}}); } |
color: #fff; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-gray { background-image:url(/resources/pedals/japanese/gray.png{{{ns}}}); } |
font-size: 18px; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-darkblue { background-image:url(/resources/pedals/japanese/darkblue.png{{{ns}}}); } |
line-height: 1; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-purple { background-image:url(/resources/pedals/japanese/purple.png{{{ns}}}); } |
overflow: hidden; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-green { background-image:url(/resources/pedals/japanese/green.png{{{ns}}}); } |
position: relative; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-yellow { background-image:url(/resources/pedals/japanese/yellow.png{{{ns}}}); } |
text-align: center; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-petrol { background-image:url(/resources/pedals/japanese/petrol.png{{{ns}}}); } |
width: 150px; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-pink { background-image:url(/resources/pedals/japanese/pink.png{{{ns}}}); } |
} |
||||||
.mod-pedal-japanese{{{cns}}}.mod-black { background-image:url(/resources/pedals/japanese/black.png{{{ns}}}); } |
.mod-dexed{{{cns}}} .mod-group-title.op1-title1, |
||||||
.mod-pedal-japanese{{{cns}}}.mod-orange { background-image:url(/resources/pedals/japanese/orange.png{{{ns}}}); } |
.mod-dexed{{{cns}}} .mod-group-title.op2-title1, |
||||||
.mod-pedal-japanese{{{cns}}}.mod-cyan { background-image:url(/resources/pedals/japanese/cyan.png{{{ns}}}); } |
.mod-dexed{{{cns}}} .mod-group-title.op3-title1, |
||||||
.mod-pedal-japanese{{{cns}}}.mod-white { background-image:url(/resources/pedals/japanese/white.png{{{ns}}}); } |
.mod-dexed{{{cns}}} .mod-group-title.op4-title1, |
||||||
.mod-pedal-japanese{{{cns}}}.mod-racing { background-image:url(/resources/pedals/japanese/racing.png{{{ns}}}); } |
.mod-dexed{{{cns}}} .mod-group-title.op5-title1, |
||||||
.mod-pedal-japanese{{{cns}}}.mod-red { background-image:url(/resources/pedals/japanese/red.png{{{ns}}}); } |
.mod-dexed{{{cns}}} .mod-group-title.op6-title1 { |
||||||
.mod-pedal-japanese{{{cns}}}.mod-cream { background-image:url(/resources/pedals/japanese/cream.png{{{ns}}}); } |
top: 105px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-group-title.op1-title2, |
||||||
|
.mod-dexed{{{cns}}} .mod-group-title.op2-title2, |
||||||
.mod-pedal-japanese{{{cns}}}.mod-blue .mod-enumerated, |
.mod-dexed{{{cns}}} .mod-group-title.op3-title2, |
||||||
.mod-pedal-japanese{{{cns}}}.mod-brown .mod-enumerated, |
.mod-dexed{{{cns}}} .mod-group-title.op4-title2, |
||||||
.mod-pedal-japanese{{{cns}}}.mod-none .mod-enumerated, |
.mod-dexed{{{cns}}} .mod-group-title.op5-title2, |
||||||
.mod-pedal-japanese{{{cns}}}.mod-gray .mod-enumerated, |
.mod-dexed{{{cns}}} .mod-group-title.op6-title2 { |
||||||
.mod-pedal-japanese{{{cns}}}.mod-darkblue .mod-enumerated, |
top: 215px; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-purple .mod-enumerated, |
} |
||||||
.mod-pedal-japanese{{{cns}}}.mod-green .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-yellow .mod-enumerated, |
.mod-dexed{{{cns}}} .mod-knob-title { |
||||||
.mod-pedal-japanese{{{cns}}}.mod-petrol .mod-enumerated, |
display: block; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-pink .mod-enumerated, |
color: #fff; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-black .mod-enumerated, |
font-size: 12px; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-orange .mod-enumerated, |
line-height: 1; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-cyan .mod-enumerated, |
overflow: hidden; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-racing .mod-enumerated, |
position: relative; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-red .mod-enumerated, |
text-align: center; |
||||||
.mod-pedal-japanese{{{cns}}}.mod-cream .mod-enumerated |
width: 62px; |
||||||
{ |
margin-left: -15px; |
||||||
background-image:url(/resources/utils/dropdown-arrow-white.png{{{ns}}}); |
top: 40px; |
||||||
} |
} |
||||||
.mod-pedal-japanese{{{cns}}}.mod-white .mod-enumerated |
|
||||||
{ |
|
||||||
background-image:url(/resources/utils/dropdown-arrow-white.png{{{ns}}}); |
|
||||||
} |
/* = SWITCH |
||||||
.mod-pedal-japanese{{{cns}}}.mod-blue .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-blue .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-blue .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-brown .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-brown .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-brown .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-none .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-none .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-none .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-gray .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-gray .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-gray .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-darkblue .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-darkblue .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-darkblue .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-purple .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-purple .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-purple .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-green .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-green .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-green .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-yellow .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-yellow .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-yellow .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-petrol .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-petrol .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-petrol .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-pink .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-pink .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-pink .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-black .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-black .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-black .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-orange .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-orange .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-orange .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-cyan .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-cyan .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-cyan .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-racing .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-racing .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-racing .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-red .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-red .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-red .mod-control-group .mod-knob > span.mod-knob-title, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-cream .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-cream .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-cream .mod-control-group .mod-knob > span.mod-knob-title |
|
||||||
{ |
|
||||||
color:white; |
|
||||||
} |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-white .mod-plugin-name h1, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-white .mod-enumerated, |
|
||||||
.mod-pedal-japanese{{{cns}}}.mod-white .mod-control-group .mod-knob > span.mod-knob-title |
|
||||||
{ |
|
||||||
color:#7F7F7F; |
|
||||||
} |
|
||||||
|
|
||||||
/* STYLES FOR THE JAPANESE KNOB */ |
|
||||||
|
|
||||||
|
|
||||||
/* = KNOBS |
|
||||||
================================================ */ |
================================================ */ |
||||||
.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-blue .mod-knob .mod-knob-image { |
.mod-dexed{{{cns}}} .mod-switch { |
||||||
background-image:url(/resources/knobs/japanese/blue.png{{{ns}}}); |
background-image: url(/resources/utils/switch-2-led.png{{{ns}}}); |
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-brown .mod-knob .mod-knob-image { |
background-position: bottom center; |
||||||
background-image:url(/resources/knobs/japanese/brown.png{{{ns}}}); |
background-repeat: no-repeat; |
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-none .mod-knob .mod-knob-image { |
background-size: 120px auto; |
||||||
background-image:url(/resources/knobs/japanese/none.png{{{ns}}}); |
position: absolute !important; |
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-gray .mod-knob .mod-knob-image { |
height: 28px; |
||||||
background-image:url(/resources/knobs/japanese/gray.png{{{ns}}}); |
width: 120px; |
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-darkblue .mod-knob .mod-knob-image { |
cursor: pointer; |
||||||
background-image:url(/resources/knobs/japanese/darkblue.png{{{ns}}}); |
z-index: 40; |
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-purple .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/purple.png{{{ns}}}); |
|
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-green .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/green.png{{{ns}}}); |
|
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-yellow .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/yellow.png{{{ns}}}); |
|
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-petrol .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/petrol.png{{{ns}}}); |
|
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-pink .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/pink.png{{{ns}}}); |
|
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-black .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/black.png{{{ns}}}); |
|
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-orange .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/orange.png{{{ns}}}); |
|
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-cyan .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/cyan.png{{{ns}}}); |
|
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-white .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/white.png{{{ns}}}); |
|
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-racing .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/racing.png{{{ns}}}); |
|
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-red .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/red.png{{{ns}}}); |
|
||||||
}.mod-pedal-japanese{{{cns}}} .mod-control-group.mod-cream .mod-knob .mod-knob-image { |
|
||||||
background-image:url(/resources/knobs/japanese/cream.png{{{ns}}}); |
|
||||||
} |
|
||||||
|
|
||||||
.mod-pedal-japanese{{{cns}}} .mod-control-group { |
|
||||||
height:141px; |
|
||||||
left:17px; |
|
||||||
position:absolute; |
|
||||||
right:17px; |
|
||||||
top:18px; |
|
||||||
} |
} |
||||||
.mod-pedal-japanese{{{cns}}} .mod-control-group .mod-knob { |
.mod-dexed{{{cns}}} .mod-switch.on { |
||||||
height:70px; |
background-position:top center; |
||||||
float:left; |
|
||||||
overflow:hidden; |
|
||||||
position:relative; |
|
||||||
text-align:center; |
|
||||||
width:60px; |
|
||||||
} |
|
||||||
.mod-pedal-japanese{{{cns}}} .mod-control-group .mod-knob > span.mod-knob-title { |
|
||||||
color:white; |
|
||||||
display:block; |
|
||||||
font-size:10px; |
|
||||||
font-weight:bold; |
|
||||||
height:11px; |
|
||||||
line-height:1; |
|
||||||
margin:0; |
|
||||||
padding:0; |
|
||||||
position:relative; |
|
||||||
overflow:hidden; |
|
||||||
text-transform:uppercase; |
|
||||||
} |
} |
||||||
.mod-pedal-japanese{{{cns}}} .mod-control-group .mod-knob .mod-knob-image { |
|
||||||
background-position:left center; |
.mod-dexed{{{cns}}} .altswitch { |
||||||
background-repeat:no-repeat; |
background-image: url(/resources/utils/switch-1.png{{{ns}}}); |
||||||
background-size:auto 52px; |
background-position:top center; |
||||||
height:52px; |
background-size:auto 48px; |
||||||
margin:0 auto; |
height:24px; |
||||||
position:relative; |
width: 90px; |
||||||
overflow:hidden; |
margin: auto; |
||||||
width:52px; |
} |
||||||
|
.mod-dexed{{{cns}}} .altswitch.on { |
||||||
|
background-position-y: bottom !important |
||||||
|
} |
||||||
|
|
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op1_osc_mode, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op2_osc_mode, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op3_osc_mode, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op4_osc_mode, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op5_osc_mode, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op6_osc_mode { |
||||||
|
left: 155px; |
||||||
|
top: 25px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op1_osc_mode .mod-group-title, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op2_osc_mode .mod-group-title, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op3_osc_mode .mod-group-title, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op4_osc_mode .mod-group-title, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op5_osc_mode .mod-group-title, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-op6_osc_mode .mod-group-title { |
||||||
|
top: -17px; |
||||||
|
margin-left: -15px; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.mod-dexed{{{cns}}} .mod-switch-op { |
||||||
|
background-image: url(/resources/utils/switch.png{{{ns}}}); |
||||||
|
background-position: bottom center; |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-size: 20px auto; |
||||||
|
position: absolute !important; |
||||||
|
height: 49px; |
||||||
|
width: 20px; |
||||||
|
cursor: pointer; |
||||||
|
z-index: 40; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-switch-op.on { |
||||||
|
background-position:top center; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-switch-op.dexed-op1_enable, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch-op.dexed-op2_enable, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch-op.dexed-op3_enable, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch-op.dexed-op4_enable, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch-op.dexed-op5_enable, |
||||||
|
.mod-dexed{{{cns}}} .mod-switch-op.dexed-op6_enable { |
||||||
|
left: 288px; |
||||||
|
top: 7px; |
||||||
|
} |
||||||
|
|
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-polymono { |
||||||
|
top: 120px; |
||||||
|
left: 260px; |
||||||
|
margin-left: 0px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-polymono .mod-group-title { |
||||||
|
top: 27px; |
||||||
|
color: black; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-polymono .mod-group-title.dexed-polymono-mono { |
||||||
|
left: -60px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-polymono .mod-group-title.dexed-polymono-poly { |
||||||
|
left: 30px; |
||||||
|
margin-top: -17px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-lfo_sync { |
||||||
|
top: 125px; |
||||||
|
left: -10px; |
||||||
|
margin-left: 0px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-oscillator_sync { |
||||||
|
top: 125px; |
||||||
|
left: 103px; |
||||||
|
margin-left: 0px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-lfo_sync .mod-group-title { |
||||||
|
top: 27px; |
||||||
|
color: black; |
||||||
|
margin-left: -27px; |
||||||
|
font-size: 15px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-switch.dexed-oscillator_sync .mod-group-title { |
||||||
|
top: 27px; |
||||||
|
color: black; |
||||||
|
margin-left: -27px; |
||||||
|
font-size: 15px; |
||||||
} |
} |
||||||
|
|
||||||
|
/* = ENUMERATED LIST |
||||||
|
================================================ */ |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated { |
||||||
|
background-image:url(/resources/utils/dropdown-white.png{{{ns}}}); |
||||||
|
background-position: right center; |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-color: #262525; |
||||||
|
position: absolute; |
||||||
|
width: 58px; |
||||||
|
height: 25px; |
||||||
|
color: #ccc; |
||||||
|
cursor: pointer; |
||||||
|
padding-left: 5px; |
||||||
|
font-size: 18px; |
||||||
|
font-weight: bold; |
||||||
|
text-transform: uppercase; |
||||||
|
z-index: 40; |
||||||
|
} |
||||||
|
|
||||||
/* 4 KNOBS */ |
.mod-dexed{{{cns}}} .mod-enumerated .mod-enumerated-list { |
||||||
.mod-pedal-japanese{{{cns}}}.mod-four-knobs .mod-control-group { |
bottom: 25px; |
||||||
height:70px; |
background-color: #262525; |
||||||
top:49px; |
border-radius: 10px; |
||||||
|
display: none; |
||||||
|
width: 100px; |
||||||
|
text-align: left; |
||||||
|
font-size: 22px; |
||||||
|
padding-left: 10px; |
||||||
|
line-height: 1.6; |
||||||
|
text-transform: uppercase; |
||||||
|
z-index: 1000; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated .mod-enumerated-list > div.selected { |
||||||
|
background-color:#393939; |
||||||
} |
} |
||||||
|
|
||||||
/* 7 KNOBS - OPTION 1 */ |
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op1_kbd_lev_scl_lft_curve, |
||||||
.mod-pedal-japanese{{{cns}}}.mod-seven-a-knobs .mod-control-group .mod-knob:first-child { |
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op2_kbd_lev_scl_lft_curve, |
||||||
margin-left:30px; |
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op3_kbd_lev_scl_lft_curve, |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op4_kbd_lev_scl_lft_curve, |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op5_kbd_lev_scl_lft_curve, |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op6_kbd_lev_scl_lft_curve { |
||||||
|
left: 160px; |
||||||
|
top: 210px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op1_kbd_lev_scl_rht_curve, |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op2_kbd_lev_scl_rht_curve, |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op3_kbd_lev_scl_rht_curve, |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op4_kbd_lev_scl_rht_curve, |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op5_kbd_lev_scl_rht_curve, |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-op6_kbd_lev_scl_rht_curve { |
||||||
|
left: 276px; |
||||||
|
top: 210px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .title-op1_kbd_lev_scl_lft_curve, |
||||||
|
.mod-dexed{{{cns}}} .title-op2_kbd_lev_scl_lft_curve, |
||||||
|
.mod-dexed{{{cns}}} .title-op3_kbd_lev_scl_lft_curve, |
||||||
|
.mod-dexed{{{cns}}} .title-op4_kbd_lev_scl_lft_curve, |
||||||
|
.mod-dexed{{{cns}}} .title-op5_kbd_lev_scl_lft_curve, |
||||||
|
.mod-dexed{{{cns}}} .title-op6_kbd_lev_scl_lft_curve { |
||||||
|
position: absolute; |
||||||
|
left: 170px; |
||||||
|
top: 240px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .title-op1_kbd_lev_scl_rht_curve, |
||||||
|
.mod-dexed{{{cns}}} .title-op2_kbd_lev_scl_rht_curve, |
||||||
|
.mod-dexed{{{cns}}} .title-op3_kbd_lev_scl_rht_curve, |
||||||
|
.mod-dexed{{{cns}}} .title-op4_kbd_lev_scl_rht_curve, |
||||||
|
.mod-dexed{{{cns}}} .title-op5_kbd_lev_scl_rht_curve, |
||||||
|
.mod-dexed{{{cns}}} .title-op6_kbd_lev_scl_rht_curve { |
||||||
|
position: absolute; |
||||||
|
left: 291px; |
||||||
|
top: 240px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-engine { |
||||||
|
left: 0px; |
||||||
|
top: 15px; |
||||||
|
width: 90px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-engine .mod-enumerated-list { |
||||||
|
bottom: 25px; |
||||||
|
width: 150px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .title-engine { |
||||||
|
position: absolute; |
||||||
|
left: 35px; |
||||||
|
top: 45px; |
||||||
|
color: black; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-lfo_waveform { |
||||||
|
left: 0px; |
||||||
|
top: 15px; |
||||||
|
width: 90px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-enumerated.dexed-lfo_waveform .mod-enumerated-list { |
||||||
|
bottom: 25px; |
||||||
|
width: 150px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .title-lfo_waveform { |
||||||
|
position: absolute; |
||||||
|
left: 30px; |
||||||
|
top: 45px; |
||||||
|
color: black; |
||||||
|
} |
||||||
|
/* = GROUP |
||||||
|
================================================ */ |
||||||
|
.dexed-group1 { |
||||||
|
z-index: 998 !important; |
||||||
|
} |
||||||
|
.dexed-group2 { |
||||||
|
left: 348px; |
||||||
|
margin-top: -35px; |
||||||
|
z-index: 997 !important; |
||||||
|
} |
||||||
|
.dexed-group3 { |
||||||
|
left: 695px; |
||||||
|
margin-top: -36px; |
||||||
|
z-index: 996 !important; |
||||||
|
} |
||||||
|
.dexed-group4 { |
||||||
|
top: 226px; |
||||||
|
z-index: 995 !important; |
||||||
|
} |
||||||
|
.dexed-group5 { |
||||||
|
top: 226px; |
||||||
|
left: 348px; |
||||||
|
margin-top: -35px; |
||||||
|
z-index: 994 !important; |
||||||
|
} |
||||||
|
.dexed-group6 { |
||||||
|
top: 226px; |
||||||
|
left: 695px; |
||||||
|
margin-top: -36px; |
||||||
|
z-index: 993 !important; |
||||||
} |
} |
||||||
|
|
||||||
/* 7 KNOBS - OPTION 2 */ |
.dexed-groupmaster { |
||||||
.mod-pedal-japanese{{{cns}}}.mod-seven-b-knobs .mod-control-group .mod-knob:first-child { |
position: absolute !important; |
||||||
margin:0 30px; |
top: 529px; |
||||||
|
left: 0px; |
||||||
|
margin-top: 0px; |
||||||
|
z-index: 992 !important; |
||||||
|
} |
||||||
|
.dexed-groupparam { |
||||||
|
position: absolute !important; |
||||||
|
top: 529px; |
||||||
|
left: 400px; |
||||||
|
margin-top: 0px; |
||||||
|
z-index: 991 !important; |
||||||
|
} |
||||||
|
.dexed-grouplfo { |
||||||
|
position: absolute !important; |
||||||
|
top: 529px; |
||||||
|
left: 685px; |
||||||
|
margin-top: 0px; |
||||||
|
z-index: 990 !important; |
||||||
|
} |
||||||
|
.dexed-grouppitch { |
||||||
|
position: absolute !important; |
||||||
|
top: 435px; |
||||||
|
left: 887px; |
||||||
|
margin-top: 0px; |
||||||
|
z-index: 989 !important; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/* = Presets |
||||||
|
================================================ */ |
||||||
|
.mod-dexed{{{cns}}} .mod-presets { |
||||||
|
position: absolute; |
||||||
|
bottom: 15px; |
||||||
|
left: 15px; |
||||||
|
z-index: 22; |
||||||
|
font-size: 20px; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-presets > select { |
||||||
|
background-color: #636363; |
||||||
|
width: 140px !important; |
||||||
|
height: 30px; |
||||||
|
cursor: pointer; |
||||||
|
border: solid 2px #636363; |
||||||
|
font-size: 16px; |
||||||
|
color:#ccc; |
||||||
|
} |
||||||
|
.mod-dexed{{{cns}}} .mod-presets > select > option { |
||||||
|
font-size: 20px; |
||||||
|
font-weight: bold; |
||||||
|
color:#fff; |
||||||
} |
} |
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,2 @@ |
|||||||
|
[LocalizedFileNames] |
||||||
|
2-switch.png=@2-switch.png,0 |
After Width: | Height: | Size: 977 B |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 6.8 KiB |
After Width: | Height: | Size: 4.6 KiB |
After Width: | Height: | Size: 7.0 KiB |