192 lines
2.6 KiB
Plaintext
192 lines
2.6 KiB
Plaintext
|
.logic {
|
||
|
background: @canvas-color;
|
||
|
.physical {
|
||
|
display:none;
|
||
|
}
|
||
|
.forcephysical {
|
||
|
.physical {
|
||
|
display:block;
|
||
|
}
|
||
|
.logic {
|
||
|
display:none;
|
||
|
}
|
||
|
}
|
||
|
.togglebutton, .logicsource {
|
||
|
.outer {
|
||
|
fill: @canvas-color;
|
||
|
stroke: @elem-color;
|
||
|
stroke-width:1;
|
||
|
}
|
||
|
.inner {
|
||
|
fill: @elem-color;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.hidden {
|
||
|
display:none;
|
||
|
}
|
||
|
|
||
|
.wire {
|
||
|
polyline {
|
||
|
fill:none;
|
||
|
stroke: @wire-floating;
|
||
|
stroke-width:1;
|
||
|
}
|
||
|
circle {
|
||
|
fill: @wire-floating;
|
||
|
stroke: none;
|
||
|
}
|
||
|
|
||
|
&.high, &.up {
|
||
|
polyline {
|
||
|
stroke:@wire-high;
|
||
|
stroke-width:2;
|
||
|
}
|
||
|
circle {
|
||
|
fill:@wire-high;
|
||
|
}
|
||
|
}
|
||
|
&.low, &.down {
|
||
|
polyline {
|
||
|
stroke: @wire-low;
|
||
|
stroke-width:2;
|
||
|
}
|
||
|
circle {
|
||
|
fill: @wire-low;
|
||
|
}
|
||
|
}
|
||
|
&.short {
|
||
|
polyline {
|
||
|
stroke:@wire-short;
|
||
|
stroke-width:3;
|
||
|
}
|
||
|
}
|
||
|
&:hover {
|
||
|
polyline {
|
||
|
stroke-width:3;
|
||
|
animation-name: hilight;
|
||
|
animation-duration: 1s;
|
||
|
animation-direction: alternate;
|
||
|
animation-iteration-count: infinite;
|
||
|
animation-timing-function: ease-in-out;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
text.label {
|
||
|
fill: @label-color;
|
||
|
}
|
||
|
rect.labelbg {
|
||
|
fill:none !important;
|
||
|
stroke: none !important;
|
||
|
}
|
||
|
.buswire {
|
||
|
polyline {
|
||
|
stroke: @wire-bus;
|
||
|
stroke-width:2;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.power, .ground, .pull {
|
||
|
circle, path, rect {
|
||
|
fill: @elem-background;
|
||
|
stroke:@elem-color;
|
||
|
stroke-width:1;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.label {
|
||
|
&.low {
|
||
|
text {
|
||
|
fill: @wire-low;
|
||
|
}
|
||
|
}
|
||
|
&.high {
|
||
|
text {
|
||
|
fill: @wire-high;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.momentarypushbutton {
|
||
|
.outer {
|
||
|
fill: @canvas-color;
|
||
|
stroke: @elem-color;
|
||
|
stroke-width:1;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.inner {
|
||
|
fill: @elem-color;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
.togglebutton, .logicsource {
|
||
|
.outer {
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
text.inner {
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
&.forcephysical {
|
||
|
circle {
|
||
|
fill: #ff0000;
|
||
|
}
|
||
|
text.inner {
|
||
|
font-size:8px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.logicblock {
|
||
|
.outer, path {
|
||
|
fill: @canvas-color;
|
||
|
stroke: @elem-color;
|
||
|
stroke-width:1;
|
||
|
}
|
||
|
text {
|
||
|
fill: @elem-color;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
#background {
|
||
|
circle {
|
||
|
fill: @grid-color;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.invisible {
|
||
|
display:none;
|
||
|
}
|
||
|
|
||
|
.ledbar {
|
||
|
.pull {
|
||
|
rect, path {
|
||
|
stroke-width:0.5;
|
||
|
}
|
||
|
}
|
||
|
rect {
|
||
|
fill:#CCCCCC;
|
||
|
}
|
||
|
.led rect {
|
||
|
fill: #bbbbbb;
|
||
|
}
|
||
|
}
|
||
|
.ledbar.blue {
|
||
|
.led rect.on {
|
||
|
fill: #0000FF;
|
||
|
}
|
||
|
}
|
||
|
.ledbar.red {
|
||
|
.led rect.on {
|
||
|
fill: #ff0000;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.smalllabel {
|
||
|
text.label {
|
||
|
font-size:75%;
|
||
|
}
|
||
|
}
|