Files
2025-07-14 18:13:09 -04:00

179 lines
3.4 KiB
CSS

@font-face {
font-family: 'cooper hewitt';
src: url('../fonts/cooper/cooperhewitt-light-webfont.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'cooper hewitt';
src: url('../fonts/cooper/cooperhewitt-lightitalic-webfont.woff2') format('woff2');
font-weight: 300;
font-style: italic;
font-display: swap
}
@font-face {
font-family: 'cooper hewitt';
src: url('../fonts/cooper/cooperhewitt-bookitalic-webfont.woff2') format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap
}
@font-face {
font-family: 'cooper hewitt';
src: url('../fonts/cooper/cooperhewitt-book-webfont.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'cooper hewitt';
src: url('../fonts/cooper/cooperhewitt-semibold-webfont.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap
}
.mod-pedal {
touch-action: none;
}
.mod-pedal .mod-light {
}
.mod-pedal .mod-light.off { background-image:url(../img/red-light-off.png); }
.mod-pedal .mod-light.on { background-image:url(../img/red-light-on.png); }
.mod-pedal .mod-pedal-input {
position: absolute;
top: 70px;
left: -24px;
width: 24px;
}
.mod-pedal .mod-pedal-output {
position: absolute;
top: 70px;
right: -25px;
width: 25px;
}
.mod-pedal .mod-pedal-input .mod-audio-input,
.mod-pedal .mod-pedal-input .mod-midi-input,
.mod-pedal .mod-pedal-input .mod-cv-input {
position: relative;
margin-bottom: 20px;
}
.mod-audio-input .mod-pedal-input-image {
background-image:url(../img/audio-input.png) ;
width: 24px;
height: 56px;
margin-bottom: 20px;
}
.mod-audio-output .mod-pedal-output-image {
background-image:url(../img/audio-output.png);
width: 24px;
height: 56px;
margin-bottom: 20px;
}
.mod-pedal-settings .mod-control-group {
margin:0;
padding:0 18px;
}
.ppmod-dial-control-image {
width: 48px;
height: 48px;
object-fit: fill;
}
.ppmod-dial-control-frame
{
position: relative;
width: 48px;
height: 48px;
overflow: hidden;
}
.mod-knob-title {
white-space: nowrap;
overflow: hidden;
}
.mod-slider-title {
white-space: nowrap;
overflow: hidden;
}
.mod-pedal .mod-drag-handle {
bottom:0;
left:0;
right:0;
top:0;
cursor:default; /* we dont do drag */
position:absolute;
z-index: 0;
}
.mod-pedal .mod-control-group {
z-index: 20;
}
.mod-pedal .mod-pedal-input,
.mod-pedal .mod-pedal-output {
z-index:30;
}
/* mod clearfix hack */
.mod-pedal .clearfix:before,
.mod-pedal .clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.mod-pedal.clearfix:after { clear: both; }
/* enumeration list entries for embedded property browsers. */
.ppmod-dotdot-flex {
display: flex;
align-items: center;
flex-flow: row nowrap;
}
.ppmod-dotdot-text {
white-space: nowrap;
flex: 1 0 auto;
font-size: 0.8em;
padding-right: 8px;
}
.ppmod-dotdot-path {
white-space: nowrap;
font-size: 0.8em;
flex: 0 1 auto;
overflow: hidden;
}
.ppmod-dotdot-breadcrumb_link {
display: inline;
white-space: nowrap;
text-decoration: underline
}
.ppmod-dotdot-breadcrumb_current {
display: inline;
white-space: nowrap;
}