pxt-calliope/sim/public/sim.css

86 lines
1.3 KiB
CSS
Raw Normal View History

2016-03-11 01:24:11 +01:00
svg.sim {
margin-bottom:1em;
}
.sim-button {
pointer-events: none;
}
.sim-button-outer:hover {
stroke:grey;
stroke-width: 3px;
}
.sim-pin-touch: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;
}
2016-03-11 22:17:49 +01:00
.sim-light-level-button {
stroke:#fff;
stroke-width: 3px;
}
2016-03-11 01:24:11 +01:00
.sim-antenna {
stroke:#555;
stroke-width: 2px;
}
.sim-text {
font-family:monospace;
font-size:25px;
fill:#fff;
2016-03-12 00:10:36 +01:00
pointer-events: none;
2016-03-11 01:24:11 +01:00
}
.sim-text-pin {
font-family:monospace;
font-size:20px;
fill:#fff;
2016-03-12 00:10:36 +01:00
pointer-events: none;
2016-03-11 01:24:11 +01:00
}
2016-03-14 22:03:31 +01:00
.sim-thermometer {
stroke:#aaa;
stroke-width: 3px;
}
2016-03-11 01:24:11 +01:00
/* 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; }
}