jannik/lightscontrol-server
Archived
1
0
Fork 0
Code Issues Pull requests Releases Activity

[CODE] different background if lights are on

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.php
View file

@ -72,7 +72,7 @@ if (isset($_GET['action'])) {
<link rel="stylesheet" href="style.css?v1.1"> <link rel="stylesheet" href="style.css?v1.1">
</head> </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> <h1>Garagenlicht</h1>
<?php if ($error_string != '') : ?> <?php if ($error_string != '') : ?>

9
style.css
View file

@ -23,9 +23,16 @@ table tr>td:first-child {
} }
.dark { .dark {
background-color: #292929; min-height: 100vh;
background-color: #212121;
color: #efefef; 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 { form div.form-group > div > input.form-control {
display: inline-block; display: inline-block;