LED's using css styling.

Tue, 12 Aug 2014 17:54:48 +0200

author
Michiel Broek <mbroek@mbse.eu>
date
Tue, 12 Aug 2014 17:54:48 +0200
changeset 224
3b72d4d3e389
parent 223
14700edd2a67
child 225
b18b06c17a80

LED's using css styling.

www-thermferm/css/style.css file | annotate | diff | comparison | revisions
www-thermferm/liveview.php file | annotate | diff | comparison | revisions
--- a/www-thermferm/css/style.css	Tue Aug 12 13:09:50 2014 +0200
+++ b/www-thermferm/css/style.css	Tue Aug 12 17:54:48 2014 +0200
@@ -362,3 +362,40 @@
     height: 260px;
     float: right;
 }
+
+.led-red {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #940;
+    border-radius: 50%;
+    box-shadow: #000 0 -1px 7px 1px, inset #600 0 -1px 9px, #f00 0 2px 12px;
+}
+
+.led-yellow {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #A90;
+    border-radius: 50%;
+    box-shadow: #000 0 -1px 7px 1px, inset #660 0 -1px 9px, #DD0 0 2px 12px;
+}
+
+.led-green {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #690;
+    border-radius: 50%;
+    box-shadow: #000 0 -1px 7px 1px, inset #460 0 -1px 9px, #7D0 0 2px 12px;
+}
+
+.led-blue {
+    margin: 5px auto;
+    width: 12px;
+    height: 12px;
+    background-color: #4AB;
+    border-radius: 50%;
+    box-shadow: #000 0 -1px 7px 1px, inset #006 0 -1px 9px, #06F 0 2px 12px;
+}
+
--- a/www-thermferm/liveview.php	Tue Aug 12 13:09:50 2014 +0200
+++ b/www-thermferm/liveview.php	Tue Aug 12 17:54:48 2014 +0200
@@ -313,7 +313,8 @@
 	if ($fan_state == "100")
 	    $fan_led = "on";
 	$outstr .= '      <div id="fermentor_led3">'.PHP_EOL;
-	$outstr .= '       <div id="load_led3_'.$unr.'"><img src="images/led_green_'.$fan_led.'.png"></div>Fan'.PHP_EOL;
+//	$outstr .= '       <div id="load_led3_'.$unr.'"><img src="images/led_green_'.$fan_led.'.png"></div>Fan'.PHP_EOL;
+	$outstr .= '       <div class="led-green"></div>Fan'.PHP_EOL;
 	$outstr .= '      </div>'.PHP_EOL;
 
 	$outstr .= '      <div id="fermentor_toggle1">'.PHP_EOL;

mercurial