94 lines
26 KiB
XML
94 lines
26 KiB
XML
|
<svg version="1.0" viewBox="0 0 498 406" enable-background="new 0 0 498 406" class="sim" x="0px" y="0px"><style>
|
||
|
|
svg.sim {
|
||
|
|
margin-bottom:1em;
|
||
|
|
}
|
||
|
|
svg.sim.grayscale {
|
||
|
|
-moz-filter: grayscale(1);
|
||
|
|
-webkit-filter: grayscale(1);
|
||
|
|
filter: grayscale(1);
|
||
|
|
}
|
||
|
|
.sim-button {
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sim-button-outer:hover {
|
||
|
|
stroke:grey;
|
||
|
|
stroke-width: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sim-pin:hover {
|
||
|
|
stroke:#D4AF37;
|
||
|
|
stroke-width:2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sim-pin-touch.touched:hover {
|
||
|
|
stroke:darkorange;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sim-led-back:hover {
|
||
|
|
stroke:#a0a0a0;
|
||
|
|
stroke-width:3px;
|
||
|
|
}
|
||
|
|
.sim-led:hover {
|
||
|
|
stroke:#ff7f7f;
|
||
|
|
stroke-width:3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sim-systemled {
|
||
|
|
fill:#333;
|
||
|
|
stroke:#555;
|
||
|
|
stroke-width: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sim-light-level-button {
|
||
|
|
stroke:#fff;
|
||
|
|
stroke-width: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sim-antenna {
|
||
|
|
stroke:#555;
|
||
|
|
stroke-width: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sim-text {
|
||
|
|
font-family:monospace;
|
||
|
|
font-size:25px;
|
||
|
|
fill:#fff;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sim-text-pin {
|
||
|
|
font-family:monospace;
|
||
|
|
font-size:20px;
|
||
|
|
fill:#fff;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sim-thermometer {
|
||
|
|
stroke:#aaa;
|
||
|
|
stroke-width: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* animations */
|
||
|
|
.sim-flash {
|
||
|
|
animation-name: sim-flash-animation;
|
||
|
|
animation-duration: 0.1s;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes sim-flash-animation {
|
||
|
|
from { fill: yellow; }
|
||
|
|
to { fill: default; }
|
||
|
|
}
|
||
|
|
|
||
|
|
.sim-flash-stroke {
|
||
|
|
animation-name: sim-flash-stroke-animation;
|
||
|
|
animation-duration: 0.4s;
|
||
|
|
animation-timing-function: ease-in;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes sim-flash-stroke-animation {
|
||
|
|
from { stroke: yellow; }
|
||
|
|
to { stroke: default; }
|
||
|
|
}
|
||
|
|
|
||
|
|
</style><defs><filter id="filterglow" x="-5%" y="-5%" width="120%" height="120%"><feGaussianBlur stdDeviation="5" result="glow"></feGaussianBlur><feMerge><feMergeNode in="glow"></feMergeNode><feMergeNode in="glow"></feMergeNode><feMergeNode in="glow"></feMergeNode></feMerge></filter><linearGradient id="gradient-pin-0" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop></linearGradient><linearGradient id="gradient-pin-1" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop></linearGradient><linearGradient id="gradient-pin-2" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop></linearGradient><linearGradient id="gradient-pin-3" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop></linearGradient><linearGradient id="gradient-pin-4" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop></linearGradient><linearGradient id="gradient-pin-5" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop></linearGradient><linearGradient id="gradient-pin-6" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop></linearGradient><linearGradient id="gradient-pin-7" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop></linearGradient><linearGradient id="gradient-pin-8" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop></linearGradient><linearGradient id="gradient-pin-9" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop></linearGradient><linearGradient id="gradient-pin-10" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(212, 175, 55);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop><stop offset="100%" style="stop-color: rgb(255, 85, 0);"></stop></linearGradient><li
|