[CODE] different background if lights are on

This commit is contained in:
Jannik Beyerstedt 2017-10-04 20:54:18 +02:00
parent c12367f238
commit 492674393f
2 changed files with 9 additions and 2 deletions

View file

@ -72,7 +72,7 @@ if (isset($_GET['action'])) {
<link rel="stylesheet" href="style.css?v1.1">
</head>
<body class="container <?php echo ($light->isNight) ? 'dark' : 'light' ?>">
<body class="container <?php echo ($light->isNight) ? 'dark' : 'light' ?> <?php echo ($light->state) ? 'on' : ''?>">
<h1>Garagenlicht</h1>
<?php if ($error_string != '') : ?>

View file

@ -23,9 +23,16 @@ table tr>td:first-child {
}
.dark {
background-color: #292929;
min-height: 100vh;
background-color: #212121;
color: #efefef;
}
.dark.on {
background: -webkit-radial-gradient(top,#717171,#292929);
background: -o-radial-gradient(top,#717171,#292929);
background: -moz-radial-gradient(top,#717171,#292929);
background: radial-gradient(to bottom, #717171, #292929);
}
form div.form-group > div > input.form-control {
display: inline-block;