47 lines
1.1 KiB
HTML
47 lines
1.1 KiB
HTML
<style>
|
|
.phi-widget {
|
|
border: 3px ridge silver;
|
|
|
|
}
|
|
|
|
.phi-radiostack {
|
|
font-family: "Liberation Mono";
|
|
font-size: 11px;
|
|
color: silver;
|
|
background-color: #101010;
|
|
padding: 4px;
|
|
}
|
|
|
|
.phi-radiostack span {
|
|
width: 3.5em;
|
|
display: inline-block;
|
|
padding-left: 0.5em;
|
|
}
|
|
|
|
.phi-radiostack input {
|
|
font-family: "Liberation Mono";
|
|
font-size: 11px;
|
|
background-color: #404040;
|
|
color: red;
|
|
font-weight: bold;
|
|
border: 2px inset silver;
|
|
width: 8ex;
|
|
display: inline-block;
|
|
}
|
|
|
|
.phi-radiostack button {
|
|
background-color: white;
|
|
color: black;
|
|
border: 2px outset gray;
|
|
padding: 1px 2px 4px 2px;
|
|
font-size: 11px;
|
|
}
|
|
</style>
|
|
<div class="phi-radiostack" data-bind="foreach: radios">
|
|
<div class="phi-radio">
|
|
<span data-bind="text: label"></span>
|
|
<input data-bind="value: use, attr: { title: stn }, tooltip: {}, event: { blur: onUseBlur, keyup: onUseKey }"/>
|
|
<button data-bind="click: swap">↔</button>
|
|
<input data-bind="value: stby, event: { blur: onStbyBlur, keyup: onStbyKey }"/>
|
|
</div>
|
|
</div>
|