From 1ff215e8924529b9009b806d274327b0f68b6628 Mon Sep 17 00:00:00 2001
From: ulimaass <>
Date: Mon, 22 Oct 2012 18:39:17 +0000
Subject: [PATCH] Floorplan: stylesheets incl. tags for slider and timepicker

git-svn-id: https://svn.fhem.de/fhem/trunk/fhem@2006 2b470e98-0d58-463d-a4d8-8e2adae1ed80
---
 www/pgm2/darkfloorplanstyle.css | 24 +++++++++++++++++++++---
 www/pgm2/floorplanstyle.css     | 27 +++++++++++++++++++++------
 2 files changed, 42 insertions(+), 9 deletions(-)

diff --git a/www/pgm2/darkfloorplanstyle.css b/www/pgm2/darkfloorplanstyle.css
index 8915658c8..b82169230 100644
--- a/www/pgm2/darkfloorplanstyle.css
+++ b/www/pgm2/darkfloorplanstyle.css
@@ -24,18 +24,19 @@ table { -moz-border-radius:8px; border-radius:8px; }
 table tr.sel { backround: #333333;}
 table a:hover {color: #ffffff;}
 
-	.fp_Erdgeschoss   { }
+	.fp_Peter       { border:1px solid gray; }
 	.devicename     { font-size: 14px; text-align:center; color: #111111; }
 	.devicestate    { text-align:center; color: #111111; }
 	.devicecommands { font-size:14px; text-align:center; color: #111111; }
+        .devicetimestamp{ font-size:10px; text-align:center; color: #111111; }
 
 
 #sz_Rollo.devicename     {font-size:14px;}
 #sz_Rollo.devicecommands {font-size:12px; text-align:center; }
 #ez_Aussentemperatur_dummy.devicestate  {color:green; font-size:30px; }
 #HomeStatus.devicestate  {color:green; font-size:30px; }
-table.dummy              {width:100px;}
-table.FHT                {width:100px; }
+table.dummy              {min-width:100px;}
+table.FHT                {min-width:100px; }
 #wakeup.devicestate      {color:green; font-size:11px; }
 #ez_FHT.devicestate      {color:green; font-size:30px; }
 #Home.fp_Grundriss       {font-size:14px; width:100px; }
@@ -44,5 +45,22 @@ table.FHT                {width:100px; }
 #Grundriss               {font-size:14px; text-align:left; }
 #w_MucWeather            {font-size:16px; color:#D4D4D4}
 #w_WertListe1            {font-size:20px; color:gray}
+.fp_tempvalue            {color:red; font-size:20px; }
+.fp_humvalue             {color:blue; font-size:20px; } 
+
 
 h2,h3,h4 { color:#52865D; line-height:1.3; margin-top:1.5em; font-family:Verdana; }
+
+
+/* detail-selector & slider */
+select {  margin-left:5px; margin-right:5px; }
+.set,.attr { margin-bottom:5px; float:left; }
+.slider { margin-left:10px; float:left; width:140px; height:26px; border:2px solid; color:grey; }
+.set .slider { background:#101010; border-radius:8px; }
+/* timepicker */
+.set .set { margin-bottom:2px; margin-top:3px; }
+
+.handle { position:relative; cursor:pointer; width:50px; height:20px;
+          line-height:20px; border:2px solid; color:white; text-align:center; }
+.downText { margin-top:2px; }
+
diff --git a/www/pgm2/floorplanstyle.css b/www/pgm2/floorplanstyle.css
index 5842e84a8..b2c6caf89 100644
--- a/www/pgm2/floorplanstyle.css
+++ b/www/pgm2/floorplanstyle.css
@@ -1,6 +1,6 @@
 body     { background-color: #F0F0F0;
            font-family:Arial, sans-serif; 
-           font-size:9px; background-image:url(../icons/fhemicon);
+           font-size:9px; 
            background-repeat:no-repeat;  }
 
 body[id~=Media]     { background-color: #A5A5A5;
@@ -25,16 +25,17 @@ table { -moz-border-radius:8px; border-radius:8px; }
 
 .fp_Grundriss   {border:0px solid gray;}
 
-.devicename     {font-size: 11px; text-align:center; }
-.devicestate    {text-align:center; }
-.devicecommands {font-size:14px; text-align:center; }
+      .devicename     {font-size: 11px; text-align:center; }
+      .devicestate    {text-align:center; }
+      .devicecommands {font-size:14px; text-align:center; }
+      .devicetimestamp{font-size:10px; text-align:center; }
 
 #sz_Rollo.devicename     {font-size:14px;}
 #sz_Rollo.devicecommands {font-size:12px; text-align:center; }
 #ez_Aussensensor.devicestate  {color:green; font-size:30px; }
 #HomeStatus.devicestate  {color:green; font-size:30px; }
-table.dummy              {width:100px; }
-table.FHT                {width:100px; }
+table.dummy              {min-width:100px; }
+table.FHT                {min-width:100px; }
 #wakeup.devicestate      {color:green; font-size:11px; }
 #ez_FHT.devicestate      {color:green; font-size:30px; }
 #Home.fp_Grundriss       {font-size:14px; width:100px; }
@@ -46,3 +47,17 @@ table.FHT                {width:100px; }
 
 h2,h3,h4 { color:#52865D; line-height:1.3;
            margin-top:1.5em; font-family:Arial,Sans-serif; }
+
+
+/* detail-selector & slider */
+select {  margin-left:5px; margin-right:5px; }
+.set,.attr { margin-bottom:5px; float:left; }
+.slider { float:left; width:140px; height:26px; border:2px solid; color:grey; }
+.set .slider { background:#F0F0D8; border-radius:8px; }
+/* timepicker */
+.set .set { margin-bottom:2px; margin-top:3px; }
+
+.handle { position:relative; cursor:pointer; width:50px;
+          height:20px; line-height:20px; user-select:none;
+          border:3px solid; color:#278727; text-align:center; } 
+.downText { margin-top:2px; }