Some CSS-stuff added

git-svn-id: file:///home/jan/tmp/wetterstation/trunk@38 dd492736-c11a-0410-ad51-8c26713eaf7f

webstuff/frontend/content/modules/mod_hum.html

@@ -1,5 +1,6 @@
 <h3 class="mod_headline">Luftfeuchtigkeit - {content:fill:sens_location}</h3>
 <p class="mod_description">{content:fill:sens_description}</p>
+<div class="mod_subsec">
   <h4 class="mod_subhead">Momentane Werte</h4>
   <table class="mod_hum_now_data">
     <tr class="mod_hum_current_row">
@@ -12,6 +13,8 @@
       <td class="mod_line_desc">Tendenz (2 std.):</td><td class="mod_line_mov_val" colspan=2>{content:fill:hum_changing}</td><td>&nbsp;</td>
     </tr>
   </table>
+</div>
+<div class="mod_subsec">
   <h4 class="mod_subhead">Extrema</h4>
   <table>
     <tr class="mod_hum_max_row">
@@ -21,3 +24,4 @@
       <td class="mod_line_desc">Min:</td><td class="mod_line_val">{content:fill:hum_min_val}%</td><td class="mod_line_date">{content:fill:hum_min_date}</td>
     </tr>
   </table>
+</div>

webstuff/frontend/content/modules/mod_press.html

@@ -1,5 +1,6 @@
 <h3 class="mod_headline">Luftdruck - {content:fill:sens_location}</h3>
 <p class="mod_description">{content:fill:sens_description}</p>
+<div class="mod_subsec">
   <h4 class="mod_subhead">Momentane Werte</h4>
   <table class="mod_press_now_data">
     <tr class="mod_press_current_row">
@@ -12,6 +13,8 @@
       <td class="mod_line_desc">Tendenz (2 std.):</td><td class="mod_line_mov_val" colspan=2>{content:fill:press_changing}</td><td>&nbsp;</td>
     </tr>
   </table>
+</div>
+<div class="mod_subsec">
   <h4 class="mod_subhead">Extrema</h4>
   <table>
     <tr class="mod_press_max_row">
@@ -21,3 +24,4 @@
       <td class="mod_line_desc">Min:</td><td class="mod_line_val">{content:fill:press_min_val} hPa</td><td class="mod_line_date">{content:fill:press_min_date}</td>
     </tr>
   </table>
+</div>

webstuff/frontend/content/modules/mod_rain.html

@@ -1,5 +1,6 @@
 <h3 class="mod_headline">Regen - {content:fill:sens_location}</h3>
 <p class="mod_description">{content:fill:sens_description}</p>
+<div class="mod_subsec">
   <h4 class="mod_subhead">Aktuelle Werte</h4>
   <table class="mod_rain_now_data">
     <tr class="mod_rain_hour_row">
@@ -18,6 +19,8 @@
       <td class="mod_line_desc">Seit Messbegin:</td><td class="mod_line_val">{content:fill:rain_now_all} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td>&nbsp;</td>
     </tr>
   </table>
+</div>
+<div class="mod_subsec">
   <h4 class="mod_subhead">Extrema</h4>
   <table>
     <tr class="mod_rain_max_hour_row">
@@ -33,3 +36,4 @@
       <td class="mod_line_desc">Regenreichstes Jahr:</td><td class="mod_line_val">{content:fill:rain_max_year_val} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td class="mod_line_date">{content:fill:rain_max_year_date}</td>
     </tr>
   </table>
+</div>

webstuff/frontend/content/modules/mod_temp.html

@@ -1,5 +1,6 @@
 <h3 class="mod_headline">Temperatur - {content:fill:sens_location}</h3>
 <p class="mod_description">{content:fill:sens_description}</p>
+<div class="mod_subsec">
   <h4 class="mod_subhead">Momentane Werte</h4>
   <table class="mod_temp_now_data">
     <tr class="mod_temp_current_row">
@@ -12,6 +13,8 @@
       <td class="mod_line_desc">Tendenz (2 std.):</td><td class="mod_line_mov_val" colspan=2>{content:fill:temp_changing}</td><td>&nbsp;</td>
     </tr>
   </table>
+</div>
+<div class="mod_subsec">
   <h4 class="mod_subhead">Extrema</h4>
   <table>
     <tr class="mod_temp_max_row">
@@ -21,3 +24,4 @@
       <td class="mod_line_desc">Min:</td><td class="mod_line_val">{content:fill:temp_min_val}&deg;C</td><td class="mod_line_date">{content:fill:temp_min_date}</td>
     </tr>
   </table>
+</div>

webstuff/frontend/content/modules/mod_wind.html

@@ -1,5 +1,6 @@
 <h3 class="mod_headline">Wind - {content:fill:sens_location}</h3>
 <p class="mod_description">{content:fill:sens_description}</p>
+<div class="mod_subsec">
   <h4 class="mod_subhead">Momentane Werte</h4>
   <table class="mod_wind_now_data">
     <tr class="mod_wind_current_row">
@@ -12,9 +13,12 @@
       <td class="mod_line_desc">Tendenz (2 std.):</td><td class="mod_line_mov_val" colspan=3>{content:fill:wind_changing}</td><td>&nbsp;</td>
     </tr>
   </table>
+</div>
+<div class="mod_subsec">
   <h4 class="mod_subhead">Extrema</h4>
   <table>
     <tr class="mod_wind_max_row">
     <td class="mod_line_desc">Max:</td><td class="mod_line_val">{content:fill:wind_max_val} <sup>km</sup>/<sub>h</sub></td><td class="mod_line_dir">Aus: {content:fill:wind_max_dir_full}</td><td class="mod_line_date">{content:fill:wind_max_date}</td>
     </tr>
   </table>
+</div>

webstuff/frontend/css/example.css

@@ -1,3 +1,58 @@
 body {
-  background: #CCEEFF;
+  background: #fefefe;
+}
+
+div.module {
+	border-color: #006600; 
+	border-style: solid;
+	border-width: 1px;
+	background: #CCFFEE;
+	padding: 3px;
+	margin: 2px;
+}
+
+div.module h3.mod_headline {
+  margin-top:2px;
+  margin-left:2px;
+  margin-bottom: 5px;
+  font-weight: 600;
+  font-size: 15pt;
+  color: #222222;
+}
+
+div.module h4.mod_subhead {
+  margin-top:2px;
+  margin-left:2px;
+  margin-bottom: 4px;
+  font-weight: 600;
+  font-size: 12pt;
+  color: #444444;
+}
+
+div.module div.mod_subsec {
+  border-color: #BBEEDD;
+  border-style: dotted;
+  border-width: 1px;
+  background: #DDFFFF;
+  margin: 2px;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding: 2px;
+  color: #666666;
+  font-weight: 600;
+  font-size: 10pt;
+}
+
+div.module p.mod_description {
+  border-color: #BBEEDD;
+  border-style: dotted;
+  border-width: 1px;
+  background: #DDFFFF;
+  margin-left: 10px;
+  margin-right: 10px;
+  margin-bottom: 4px;
+  padding: 2px;
+  color: #333333;
+  font-weight: 600;
+  font-size: 10pt;
 }