178 lines
3.4 KiB
CSS
178 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 {
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|