mirror of
https://github.com/CCOSTAN/Home-AssistantConfig.git
synced 2025-08-20 20:16:52 +00:00
Massive Migration! #292
This commit is contained in:
194
www/custom_ui/floorplan/alarm.css
Executable file
194
www/custom_ui/floorplan/alarm.css
Executable file
@@ -0,0 +1,194 @@
|
||||
SVG shapes */
|
||||
|
||||
svg, svg * {
|
||||
vector-effect: non-scaling-stroke !important;
|
||||
pointer-events: all !important;
|
||||
}
|
||||
/*
|
||||
/* Hover over */
|
||||
|
||||
/* Interior Garage */
|
||||
#binary_sensor\.mcu1_gpio12.window-opened {
|
||||
transform: rotate(270deg);
|
||||
transform-origin: left;
|
||||
}
|
||||
/* Back Door */
|
||||
#binary_sensor\.mcu2_gpio5.window-opened {
|
||||
transform: rotate(270deg);
|
||||
transform-origin: right;
|
||||
}
|
||||
#binary_sensor\.kitchen_door_opened.window-opened {
|
||||
transform: rotate(270deg);
|
||||
transform-origin: right;
|
||||
}
|
||||
|
||||
#sensor\.dark_sky_minutely_summary {
|
||||
fill: #231F26 !important;
|
||||
fill-opacity: 1.0;
|
||||
}
|
||||
|
||||
.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
|
||||
{
|
||||
fill: #FFFFA6 !important;
|
||||
font-family : Helvetica !important;
|
||||
font-weight : bold !important;
|
||||
font-size : 15px !important;
|
||||
}
|
||||
|
||||
.static-text-date
|
||||
{
|
||||
font-family : Helvetica !important;
|
||||
font-weight : bold !important;
|
||||
font-size : 16px !important;
|
||||
fill : #FFFFA6 !important;
|
||||
}
|
||||
|
||||
.static-text-time
|
||||
{
|
||||
font-family : Helvetica !important;
|
||||
font-weight : bold !important;
|
||||
font-size : 35px !important;
|
||||
fill: #FFFFA6 !important;
|
||||
}
|
||||
|
||||
.static-temp
|
||||
{
|
||||
font-family: Helvetica !important;
|
||||
font-size: 22px !important;
|
||||
fill: #FFFFA6 !important;
|
||||
}
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* Nest Protects */
|
||||
|
||||
.protect-on {
|
||||
fill: green !important;
|
||||
}
|
||||
|
||||
.protect-off {
|
||||
fill: red !important;
|
||||
}
|
||||
|
||||
/* Windows / Doors / Entry Points */
|
||||
|
||||
.window-open {
|
||||
fill: #c60919 !important;
|
||||
|
||||
}
|
||||
|
||||
.window-closed {
|
||||
fill: #00FFFF !important;
|
||||
}
|
||||
|
||||
/* 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);
|
||||
}
|
Reference in New Issue
Block a user