167 lines
2.9 KiB
CSS
Executable File
167 lines
2.9 KiB
CSS
Executable File
/* @import url('https://fonts.googleapis.com/css?family=Black+Ops+One');
|
|
|
|
SVG shapes */
|
|
|
|
svg, svg * {
|
|
vector-effect: non-scaling-stroke !important;
|
|
pointer-events: all !important;
|
|
}
|
|
/*
|
|
/* Hover over */
|
|
|
|
.entity:hover:not(.static-text):not(.static-temp):not(.static-text-date):not(.static-text-time) {
|
|
stroke: #03A9F4 !important;
|
|
stroke-width: 1px !important;
|
|
stroke-opacity: 1 !important;
|
|
}
|
|
|
|
|
|
.warning-background, .warning-text-background {
|
|
fill: #fcf8e3 !important;
|
|
fill-opacity: 1 !important;
|
|
stroke: #faebcc !important;
|
|
stroke-width: 1px !important;
|
|
}
|
|
|
|
.static-text
|
|
{
|
|
font-size : 47px !important;
|
|
font-family : Helvetica !important;
|
|
color : rgb(128, 128, 128) !important;
|
|
}
|
|
|
|
.static-text-date
|
|
{
|
|
font-family : Helvetica !important;
|
|
font-size : 47px !important;
|
|
color : rgb(128, 128, 128) !important;
|
|
}
|
|
|
|
.static-temp
|
|
{
|
|
font-size: 47.57px !important;
|
|
font-family: Helvetica !important;
|
|
fill: rgb(128, 128, 128) !important;
|
|
}
|
|
|
|
.static-text-time
|
|
{
|
|
font-family: "Rockwell Extra Bold", "Rockwell Bold", monospace !important;
|
|
font-size : 280px !important;
|
|
color : rgb(0, 173, 238) !important;
|
|
text-shadow: 0 0 30px #00adee;
|
|
text-align: center; !important;
|
|
}
|
|
|
|
.static-text-am_pm
|
|
{
|
|
font-family: "Rockwell Extra Bold", "Rockwell Bold", monospace !important;
|
|
font-size : 60px !important;
|
|
color : rgb(0, 173, 238) !important;
|
|
text-shadow: 0 0 30px #00adee;
|
|
}
|
|
|
|
|
|
/* Last motion entity */
|
|
|
|
.last-motion {
|
|
stroke: #808080 !important;
|
|
stroke-width: 1px !important;
|
|
stroke-opacity: 1 !important;
|
|
}
|
|
|
|
/* Presence */
|
|
.presence-on {
|
|
fill: #BDF271 !important;
|
|
}
|
|
|
|
.presence-off {
|
|
fill: #3D3B3F !important;
|
|
}
|
|
|
|
/* Text Home/Away */
|
|
|
|
.text-home {
|
|
fill: #BDF271 !important;
|
|
}
|
|
|
|
.text-away {
|
|
fill: #E7376B !important;
|
|
}
|
|
|
|
/* switches */
|
|
|
|
.switch-on {
|
|
fill: orange !important;
|
|
}
|
|
|
|
.switch-on-blue {
|
|
fill: blue !important;
|
|
}
|
|
|
|
.switch-off {
|
|
fill: #cccccc !important;
|
|
}
|
|
/* Buttons */
|
|
|
|
.button-on {
|
|
fill: #FFFFA6 !important;
|
|
fill-opacity: 0.25;
|
|
}
|
|
|
|
.button-off {
|
|
fill: #3D3B3F !important;
|
|
fill-opacity: 0.5;
|
|
}
|
|
|
|
|
|
|
|
/* Light */
|
|
|
|
.light-off {
|
|
fill: #231F26 !important;
|
|
fill-opacity: 1.0;
|
|
stroke: black !important;
|
|
stroke-width: 1;
|
|
stroke-opacity:0.1;
|
|
}
|
|
.light-off:hover {
|
|
transform-origin: center;
|
|
transform: scale(2);
|
|
}
|
|
|
|
.outdoor-light-off {
|
|
fill: grey !important;
|
|
fill-opacity: 1.0;
|
|
stroke: black !important;
|
|
stroke-width: 1;
|
|
stroke-opacity:0.1;
|
|
}
|
|
.outdoor-light-off:hover {
|
|
transform-origin: center;
|
|
transform: scale(2);
|
|
}
|
|
.light-blue-on {
|
|
fill: blue !important;
|
|
fill-opacity: 1.0;
|
|
stroke: #FFFFA6 !important;
|
|
stroke-width: 10;
|
|
stroke-opacity: 0.25;
|
|
}
|
|
.light-blue-on:hover {
|
|
transform-origin: center;
|
|
transform: scale(3);
|
|
}
|
|
|
|
.light-on {
|
|
fill: yellow !important;
|
|
fill-opacity: 1.0;
|
|
stroke: #FFFFA6 !important;
|
|
stroke-width: 10;
|
|
stroke-opacity: 0.25;
|
|
}
|
|
.light-on:hover {
|
|
transform-origin: center;
|
|
transform: scale(3);
|
|
}
|