static microbit image (svg)
This commit is contained in:
Peli de Halleux committed
1 parent
6f8b17e4ba
commit
bb03cc4357
1 file changed
+94
Vendored
+94
@@ -0,0 +1,94 @@
|
||||
<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><linearGradient id="gradient-pin-11" 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-12" 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-13" 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="Line truncated
|
||||
|
After Width: | Height: | Size: 26 KiB |
Reference in new issue
Block a user