67 lines
1.2 KiB
CSS
67 lines
1.2 KiB
CSS
#top-bar {
|
|
background-color: #e5e5e5;
|
|
height: 50px;
|
|
width: 100%;
|
|
}
|
|
|
|
#param-sliders .param-label {
|
|
width: 140px;
|
|
height: 30px;
|
|
child-top: 1s;
|
|
child-right: 10px;
|
|
child-bottom: 1s;
|
|
child-left: 1s;
|
|
}
|
|
|
|
/* The safe mode button reuses the param-button element's style with a different class */
|
|
param-button.safe-mode {
|
|
background-color: #fff28000;
|
|
transition: background-color 0.1 0;
|
|
}
|
|
param-button.safe-mode:hover {
|
|
background-color: #fff28020;
|
|
transition: background-color 0.1 0;
|
|
}
|
|
param-button.safe-mode:checked {
|
|
background-color: #fff280;
|
|
transition: background-color 0.1 0;
|
|
}
|
|
|
|
#automation-precision {
|
|
/* Can't use width: auto here, but we'll try to roughly match the padding of the top bar buttons */
|
|
width: 170px;
|
|
}
|
|
|
|
spectrum-analyzer {
|
|
color: #0a0a0a;
|
|
}
|
|
|
|
xy-pad {
|
|
overflow: hidden;
|
|
}
|
|
|
|
xy-pad .xy-pad__tooltip {
|
|
opacity: 0;
|
|
transition: opacity 0.1 0;
|
|
|
|
background-color: #e5e5e5;
|
|
border-color: #0a0a0a;
|
|
border-width: 1px;
|
|
width: auto;
|
|
height: auto;
|
|
child-right: 5px;
|
|
child-left: 5px;
|
|
}
|
|
|
|
xy-pad:hover .xy-pad__tooltip {
|
|
opacity: 1;
|
|
transition: opacity 0.1 0;
|
|
}
|
|
|
|
xy-pad__handle {
|
|
background-color: #e5e5e5;
|
|
border-color: #0a0a0a;
|
|
border-width: 1px;
|
|
border-radius: 50%;
|
|
}
|