From 107fef5264767286378816eed6a23f82595838fc Mon Sep 17 00:00:00 2001
From: jan <jan@dd492736-c11a-0410-ad51-8c26713eaf7f>
Date: Tue, 30 Oct 2007 17:31:54 +0000
Subject: [PATCH] Frontend Improved

git-svn-id: file:///home/jan/tmp/wetterstation/trunk@231 dd492736-c11a-0410-ad51-8c26713eaf7f
---
 .../content/modules/mod_auss2Small.html       | 24 ++++++-------
 .../content/modules/mod_innenSmall.html       | 36 ++++++++-----------
 .../content/modules/mod_regenSmall.html       | 12 +++----
 .../content/modules/mod_windsSmall.html       | 12 +++----
 webstuff/frontend/css/example.css             | 32 ++++++++---------
 5 files changed, 50 insertions(+), 66 deletions(-)

diff --git a/webstuff/frontend/content/modules/mod_auss2Small.html b/webstuff/frontend/content/modules/mod_auss2Small.html
index b994496..5b7d469 100644
--- a/webstuff/frontend/content/modules/mod_auss2Small.html
+++ b/webstuff/frontend/content/modules/mod_auss2Small.html
@@ -2,30 +2,26 @@
 <ul class="val_list">
   <li class="val_elm">
     <a href="{content:addSetLink:full}#temp_{content:fill:sens_id}" class="mod_small_link">
-      <div class="mod_header">
         <h4 class="mod_subheadline">Temperatur</h4>
-      </div>
-      <div class="mod_body">
+      <span class="mod_body">
         <span class="mod_now">{content:fill:temp_now_val}&deg;C</span>
         <span class="mod_av">(&Oslash; {content:fill:temp_av_value}&deg;C)</span>
-      </div>
-      <div class="mod_footer">
-        <nobr><span class="mod_max">max: {content:fill:temp_max_val}&deg;C</span><span class="mod_min">min: {content:fill:temp_min_val}&deg;C</span></nobr>
-      </div>
+      </span>
+      <span class="mod_footer">
+        <span class="mod_max">max: {content:fill:temp_max_val}&deg;C</span><span class="mod_min">min: {content:fill:temp_min_val}&deg;C</span>
+      </span>
     </a>
   </li>
   <li class="val_elm">
     <a href="{content:addSetLink:full}#hum_{content:fill:sens_id}" class="mod_small_link">
-      <div class="mod_header">
         <h4 class="mod_subheadline">Luftfeuchte</h4>
-      </div>
-      <div class="mod_body">
+      <span class="mod_body">
         <span class="mod_now">{content:fill:hum_now_val}%</span>
         <span class="mod_av">(&Oslash; {content:fill:hum_av_value}%)</span>
-      </div>
-      <div class="mod_footer">
-        <nobr><span class="mod_max">max: {content:fill:hum_max_val}%</span><span class="mod_min">min: {content:fill:hum_min_val}%</span></nobr>
-      </div>
+      </span>
+      <span class="mod_footer">
+        <span class="mod_max">max: {content:fill:hum_max_val}%</span><span class="mod_min">min: {content:fill:hum_min_val}%</span>
+      </span>
     </a>
   </li>
 </ul>
diff --git a/webstuff/frontend/content/modules/mod_innenSmall.html b/webstuff/frontend/content/modules/mod_innenSmall.html
index 1c01606..6560e0e 100644
--- a/webstuff/frontend/content/modules/mod_innenSmall.html
+++ b/webstuff/frontend/content/modules/mod_innenSmall.html
@@ -2,44 +2,38 @@
 <ul class="val_list">
   <li class="val_elm">
     <a href="{content:addSetLink:full}#temp_{content:fill:sens_id}" class="mod_small_link">
-      <div class="mod_header">
 	<h4 class="mod_subheadline">Temperatur</h4>
-      </div>
-      <div class="mod_body">
+      <span class="mod_body">
 	<span class="mod_now">{content:fill:temp_now_val}&deg;C</span>
 	<span class="mod_av">(&Oslash; {content:fill:temp_av_value}&deg;C)</span>
-      </div>
-      <div class="mod_footer">
-	<nobr><span class="mod_max">max: {content:fill:temp_max_val}&deg;C</span><span class="mod_min">min: {content:fill:temp_min_val}&deg;C</span></nobr>
-      </div>
+      </span>
+      <span class="mod_footer">
+	<span class="mod_max">max: {content:fill:temp_max_val}&deg;C</span><span class="mod_min">min: {content:fill:temp_min_val}&deg;C</span>
+      </span>
     </a>
   </li>
   <li class="val_elm">
     <a href="{content:addSetLink:full}#hum_{content:fill:sens_id}" class="mod_small_link">
-      <div class="mod_header">
 	<h4 class="mod_subheadline">Luftfeuchte</h4>
-      </div>
-      <div class="mod_body">
+      <span class="mod_body">
 	<span class="mod_now">{content:fill:hum_now_val}%</span>
 	<span class="mod_av">(&Oslash; {content:fill:hum_av_value}%)</span>
-      </div>
-      <div class="mod_footer">
-	<nobr><span class="mod_max">max: {content:fill:hum_max_val}%</span><span class="mod_min">min: {content:fill:hum_min_val}%</span></nobr>
-      </div>
+      </span>
+      <span class="mod_footer">
+	<span class="mod_max">max: {content:fill:hum_max_val}%</span><span class="mod_min">min: {content:fill:hum_min_val}%</span>
+      </span>
     </a>
   </li>
   <li class="val_elm">
     <a href="{content:addSetLink:full}#press_{content:fill:sens_id}" class="mod_small_link">
-      <div class="mod_header">
 	<h4 class="mod_subheadline">Luftdruck</h4>
-      </div>
-      <div class="mod_body">
+      <span class="mod_body">
 	<span class="mod_now">{content:fill:press_now_val}hPa</span>
 	<span class="mod_av">(&Oslash; {content:fill:press_av_value}hPa)</span>
-      </div>
-      <div class="mod_footer">
-	<nobr><span class="mod_max">max: {content:fill:press_max_val}hPa</span><span class="mod_min">min: {content:fill:press_min_val}hPa</span></nobr>
-      </div>
+      </span>
+      <span class="mod_footer">
+	<span class="mod_max">max: {content:fill:press_max_val}hPa</span><span class="mod_min">min: {content:fill:press_min_val}hPa</span>
+      </span>
     </a>
   </li>
 </ul>
diff --git a/webstuff/frontend/content/modules/mod_regenSmall.html b/webstuff/frontend/content/modules/mod_regenSmall.html
index 7e68bc0..f1082ac 100644
--- a/webstuff/frontend/content/modules/mod_regenSmall.html
+++ b/webstuff/frontend/content/modules/mod_regenSmall.html
@@ -2,16 +2,14 @@
 <ul class="val_list">
   <li class="val_elm">
     <a href="{content:addSetLink:full}#rain_{content:fill:sens_id}" class="mod_small_link">
-      <div class="mod_header">
         <h4 class="mod_subheadline">Regen</h4>
-      </div>
-      <div class="mod_body">
+      <span class="mod_body">
         <span class="mod_now">Stunde: {content:fill:rain_now_hour} <sup>l</sup>/<sub>m<sup>2</sup></sub></span>
         <span class="mod_av">(Tag: {content:fill:rain_now_day} <sup>l</sup>/<sub>m<sup>2</sup></sub>)</span>
-      </div>
-      <div class="mod_footer">
-        <nobr><span class="mod_max">max (Stunde): {content:fill:rain_max_hour_val} <sup>l</sup>/<sub>m<sup>2</sup></sub></span> <span class="mod_min">max (Tag): {content:fill:rain_max_day_val} <sup>l</sup>/<sub>m<sup>2</sup></sub></span></nobr>
-      </div>
+      </span>
+      <span class="mod_footer">
+        <span class="mod_max">max (Stunde): {content:fill:rain_max_hour_val} <sup>l</sup>/<sub>m<sup>2</sup></sub></span> <span class="mod_min">max (Tag): {content:fill:rain_max_day_val} <sup>l</sup>/<sub>m<sup>2</sup></sub></span>
+      </span>
     </a>
   </li>
 </ul>
diff --git a/webstuff/frontend/content/modules/mod_windsSmall.html b/webstuff/frontend/content/modules/mod_windsSmall.html
index 49a1cc2..264403a 100644
--- a/webstuff/frontend/content/modules/mod_windsSmall.html
+++ b/webstuff/frontend/content/modules/mod_windsSmall.html
@@ -2,17 +2,15 @@
 <ul class="val_list">
   <li class="val_elm">
     <a href="{content:addSetLink:full}#wind_{content:fill:sens_id}" class="mod_small_link">
-      <div class="mod_header">
         <h4 class="mod_subheadline">Wind</h4>
-      </div>
-      <div class="mod_body">
+      <span class="mod_body">
         <span class="mod_now">{content:fill:wind_now_val} <sup>km</sup>/<sub>h</sub></span>
         <span class="mod_now_extra"> Aus: {content:fill:wind_now_dir_full}</span>
         <span class="mod_av">(&Oslash; {content:fill:wind_av_value} <sup>km</sup>/<sub>h</sub>)</span>
-      </div>
-      <div class="mod_footer">
-        <nobr><span class="mod_max">max: {content:fill:wind_max_val} <sup>km</sup>/<sub>h</sub></span> <span class="mod_min">Aus: {content:fill:wind_max_dir_full}</span></nobr>
-      </div>
+      </span>
+      <span class="mod_footer">
+        <span class="mod_max">max: {content:fill:wind_max_val} <sup>km</sup>/<sub>h</sub></span> <span class="mod_min">Aus: {content:fill:wind_max_dir_full}</span>
+      </span>
     </a>
   </li>
 </ul>
diff --git a/webstuff/frontend/css/example.css b/webstuff/frontend/css/example.css
index 30ecf97..b1ee71d 100644
--- a/webstuff/frontend/css/example.css
+++ b/webstuff/frontend/css/example.css
@@ -291,11 +291,8 @@ div.small_set div.module a.mod_small_link:hover {
   background: #FFeebb;
 }
 
-div.small_set div.module a.mod_small_link div.mod_header{
+div.small_set div.module a.mod_small_link H4.mod_subheadline{
   background: #F0D0AF;
-}
-
-div.small_set div.module a.mod_small_link div.mod_header h4{
   margin:0px;
   padding:2px;
   font-size:12px;
@@ -303,7 +300,7 @@ div.small_set div.module a.mod_small_link div.mod_header h4{
   color: #222255;
 }
 
-div.small_set div.module a.mod_small_link div.mod_body {
+div.small_set div.module a.mod_small_link span.mod_body {
   position:absolute;
   bottom:0px;
   top:0px;
@@ -312,7 +309,7 @@ div.small_set div.module a.mod_small_link div.mod_body {
   height:100%;
   width:100%;
 }
-div.small_set div.module a.mod_small_link div.mod_body span.mod_now {
+div.small_set div.module a.mod_small_link span.mod_body span.mod_now {
   font-size: 21px;
   font-weight: 600;
   color: #225522;
@@ -320,7 +317,7 @@ div.small_set div.module a.mod_small_link div.mod_body span.mod_now {
   padding-bottom:4px;
   padding-top:30px;
 }
-div.small_set div.module#windsSmall_2 a.mod_small_link div.mod_body span.mod_now, div.small_set div.module#regenSmall_3 a.mod_small_link div.mod_body span.mod_now {
+div.small_set div.module#windsSmall_2 a.mod_small_link span.mod_body span.mod_now, div.small_set div.module#regenSmall_3 a.mod_small_link span.mod_body span.mod_now {
   font-size: 20px;
   padding-top:27px;
   line-height:15px;
@@ -329,7 +326,7 @@ div.small_set div.module#windsSmall_2 a.mod_small_link div.mod_body span.mod_now
   _padding-top:17pt;
   padding-bottom:0pt;
 }
-div.small_set div.module a.mod_small_link div.mod_body span.mod_now_extra {
+div.small_set div.module a.mod_small_link span.mod_body span.mod_now_extra {
   font-size: 10px;
   padding-top:0pt;
   padding-bottom:4px;
@@ -337,7 +334,7 @@ div.small_set div.module a.mod_small_link div.mod_body span.mod_now_extra {
   display:block;
   margin:0px;
 }
-div.small_set div.module a.mod_small_link div.mod_body span.mod_av {
+div.small_set div.module a.mod_small_link span.mod_body span.mod_av {
   font-size: 14px;
   color: #446644;
   position:absolute;
@@ -349,36 +346,37 @@ div.small_set div.module a.mod_small_link div.mod_body span.mod_av {
   right:0px;
 }
 
-div.small_set div.module#windsSmall_2 a.mod_small_link div.mod_body span.mod_av, div.small_set div.module#regenSmall_3 a.mod_small_link div.mod_body span.mod_av {
+div.small_set div.module#windsSmall_2 a.mod_small_link span.mod_body span.mod_av, div.small_set div.module#regenSmall_3 a.mod_small_link span.mod_body span.mod_av {
   bottom:21px;
 }
 
-div.small_set div.module a.mod_small_link div.mod_body, div.small_set div.module a.mod_small_link div.mod_footer{
+/*div.small_set div.module a.mod_small_link div.mod_body, div.small_set div.module a.mod_small_link span.mod_footer{
   text-align: center;
-}
+}*/
 
-div.small_set div.module a.mod_small_link div.mod_footer {
+div.small_set div.module a.mod_small_link span.mod_footer {
   position:absolute;  
   bottom:0px;
   left:0px;
   right:0px;
   width: 100%;
   background:#F0D0AF;
+  white-space:nowrap;
 }
 
-div.small_set div.module a.mod_small_link div.mod_footer span{
+div.small_set div.module a.mod_small_link span.mod_footer span{
   font-size:11px;
 }
 
-div.small_set div.module a.mod_small_link div.mod_footer span.mod_max {
+div.small_set div.module a.mod_small_link span.mod_footer span.mod_max {
   color: #AA3333;
   margin-right:6px;
 }
-div.small_set div.module a.mod_small_link div.mod_footer span.mod_min {
+div.small_set div.module a.mod_small_link span.mod_footer span.mod_min {
   color: #33AA33;
   margin-left:6px;
 }
-div.small_set div.module#windsSmall_2 a.mod_small_link div.mod_footer span.mod_min, div.small_set div.module#regenSmall_3 a.mod_small_link div.mod_footer span.mod_min {
+div.small_set div.module#windsSmall_2 a.mod_small_link span.mod_footer span.mod_min, div.small_set div.module#regenSmall_3 a.mod_small_link span.mod_footer span.mod_min {
   color: #AA3333;
 }