2016-05-10 20:34:41 +02:00
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 498 406" enable-background="new 0 0 498 406" class="sim"><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:"Lucida Console", Monaco, monospace; font-size:25px; fill:#fff; pointer-events: none; } .sim-text-pin { font-family:"Lucida Console", Monaco, 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%"><feGaussianBlur stdDeviation="5" result="glow"/><feMerge><feMergeNode in="glow"/><feMergeNode in="glow"/><feMergeNode in="glow"/></feMerge></filter><linearGradient id="gradient-pin-0" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-1" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-2" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-3" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-4" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-5" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-6" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-7" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-8" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/></linearGradient><linearGradient id="gradient-pin-9" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#D4AF37"/><stop offset="100%" stop-color="#F50"/><stop offset="100%" stop-color="#F50"/>
|