Some CSS-stuff added

git-svn-id: file:///home/jan/tmp/wetterstation/trunk@38 dd492736-c11a-0410-ad51-8c26713eaf7f
This commit is contained in:
losinshi 2006-08-22 17:41:02 +00:00
parent 4f8af69b99
commit d1795b7f0a
6 changed files with 190 additions and 115 deletions

View File

@ -1,23 +1,27 @@
<h3 class="mod_headline">Luftfeuchtigkeit - {content:fill:sens_location}</h3> <h3 class="mod_headline">Luftfeuchtigkeit - {content:fill:sens_location}</h3>
<p class="mod_description">{content:fill:sens_description}</p> <p class="mod_description">{content:fill:sens_description}</p>
<h4 class="mod_subhead">Momentane Werte</h4> <div class="mod_subsec">
<table class="mod_hum_now_data"> <h4 class="mod_subhead">Momentane Werte</h4>
<tr class="mod_hum_current_row"> <table class="mod_hum_now_data">
<td class="mod_line_desc">Momentan:</td><td class="mod_line_val">{content:fill:hum_now_val}%</td><td class="mod_line_date">{content:fill:hum_now_date}</td> <tr class="mod_hum_current_row">
</tr> <td class="mod_line_desc">Momentan:</td><td class="mod_line_val">{content:fill:hum_now_val}%</td><td class="mod_line_date">{content:fill:hum_now_date}</td>
<tr class="mod_hum_average_row"> </tr>
<td class="mod_line_desc">Durchschnitt ({content:fill:hum_av_interval} min.):</td><td class="mod_line_val">{content:fill:hum_av_value}%</td><td>&nbsp;</td> <tr class="mod_hum_average_row">
</tr> <td class="mod_line_desc">Durchschnitt ({content:fill:hum_av_interval} min.):</td><td class="mod_line_val">{content:fill:hum_av_value}%</td><td>&nbsp;</td>
<tr class="mod_hum_moving_row"> </tr>
<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 class="mod_hum_moving_row">
</tr> <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>
</table> </tr>
<h4 class="mod_subhead">Extrema</h4> </table>
<table> </div>
<tr class="mod_hum_max_row"> <div class="mod_subsec">
<td class="mod_line_desc">Max:</td><td class="mod_line_val">{content:fill:hum_max_val}%</td><td class="mod_line_date">{content:fill:hum_max_date}</td> <h4 class="mod_subhead">Extrema</h4>
</tr> <table>
<tr class="mod_hum_min_row"> <tr class="mod_hum_max_row">
<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> <td class="mod_line_desc">Max:</td><td class="mod_line_val">{content:fill:hum_max_val}%</td><td class="mod_line_date">{content:fill:hum_max_date}</td>
</tr> </tr>
</table> <tr class="mod_hum_min_row">
<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>

View File

@ -1,23 +1,27 @@
<h3 class="mod_headline">Luftdruck - {content:fill:sens_location}</h3> <h3 class="mod_headline">Luftdruck - {content:fill:sens_location}</h3>
<p class="mod_description">{content:fill:sens_description}</p> <p class="mod_description">{content:fill:sens_description}</p>
<h4 class="mod_subhead">Momentane Werte</h4> <div class="mod_subsec">
<table class="mod_press_now_data"> <h4 class="mod_subhead">Momentane Werte</h4>
<tr class="mod_press_current_row"> <table class="mod_press_now_data">
<td class="mod_line_desc">Momentan:</td><td class="mod_line_val">{content:fill:press_now_val} hPa</td><td class="mod_line_date">{content:fill:press_now_date}</td> <tr class="mod_press_current_row">
</tr> <td class="mod_line_desc">Momentan:</td><td class="mod_line_val">{content:fill:press_now_val} hPa</td><td class="mod_line_date">{content:fill:press_now_date}</td>
<tr class="mod_press_average_row"> </tr>
<td class="mod_line_desc">Durchschnitt ({content:fill:press_av_interval} min.):</td><td class="mod_line_val">{content:fill:press_av_value} hPa</td><td>&nbsp;</td> <tr class="mod_press_average_row">
</tr> <td class="mod_line_desc">Durchschnitt ({content:fill:press_av_interval} min.):</td><td class="mod_line_val">{content:fill:press_av_value} hPa</td><td>&nbsp;</td>
<tr class="mod_press_moving_row"> </tr>
<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 class="mod_press_moving_row">
</tr> <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>
</table> </tr>
<h4 class="mod_subhead">Extrema</h4> </table>
<table> </div>
<tr class="mod_press_max_row"> <div class="mod_subsec">
<td class="mod_line_desc">Max:</td><td class="mod_line_val">{content:fill:press_max_val} hPa</td><td class="mod_line_date">{content:fill:press_max_date}</td> <h4 class="mod_subhead">Extrema</h4>
</tr> <table>
<tr class="mod_press_min_row"> <tr class="mod_press_max_row">
<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> <td class="mod_line_desc">Max:</td><td class="mod_line_val">{content:fill:press_max_val} hPa</td><td class="mod_line_date">{content:fill:press_max_date}</td>
</tr> </tr>
</table> <tr class="mod_press_min_row">
<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>

View File

@ -1,35 +1,39 @@
<h3 class="mod_headline">Regen - {content:fill:sens_location}</h3> <h3 class="mod_headline">Regen - {content:fill:sens_location}</h3>
<p class="mod_description">{content:fill:sens_description}</p> <p class="mod_description">{content:fill:sens_description}</p>
<h4 class="mod_subhead">Aktuelle Werte</h4> <div class="mod_subsec">
<table class="mod_rain_now_data"> <h4 class="mod_subhead">Aktuelle Werte</h4>
<tr class="mod_rain_hour_row"> <table class="mod_rain_now_data">
<td class="mod_line_desc">Letze Stunde:</td><td class="mod_line_val">{content:fill:rain_now_hour} <sup>l</sup>/<sub>m<sup>2</sup><sub></td> <tr class="mod_rain_hour_row">
</tr> <td class="mod_line_desc">Letze Stunde:</td><td class="mod_line_val">{content:fill:rain_now_hour} <sup>l</sup>/<sub>m<sup>2</sup><sub></td>
<tr class="mod_rain_day_row"> </tr>
<td class="mod_line_desc">Heute:</td><td class="mod_line_val">{content:fill:rain_now_day} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td>&nbsp;</td> <tr class="mod_rain_day_row">
</tr> <td class="mod_line_desc">Heute:</td><td class="mod_line_val">{content:fill:rain_now_day} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td>&nbsp;</td>
<tr class="mod_rain_month_row"> </tr>
<td class="mod_line_desc">Diesen Monat:</td><td class="mod_line_val">{content:fill:rain_now_month} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td>&nbsp;</td> <tr class="mod_rain_month_row">
</tr> <td class="mod_line_desc">Diesen Monat:</td><td class="mod_line_val">{content:fill:rain_now_month} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td>&nbsp;</td>
<tr class="mod_rain_year_row"> </tr>
<td class="mod_line_desc">Dies Jahr:</td><td class="mod_line_val">{content:fill:rain_now_year} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td>&nbsp;</td> <tr class="mod_rain_year_row">
</tr> <td class="mod_line_desc">Dies Jahr:</td><td class="mod_line_val">{content:fill:rain_now_year} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td>&nbsp;</td>
<tr class="mod_rain_all_row"> </tr>
<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 class="mod_rain_all_row">
</tr> <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>
</table> </tr>
<h4 class="mod_subhead">Extrema</h4> </table>
<table> </div>
<tr class="mod_rain_max_hour_row"> <div class="mod_subsec">
<td class="mod_line_desc">Regenreichste Stunde:</td><td class="mod_line_val">{content:fill:rain_max_hour_val} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td class="mod_line_date">{content:fill:rain_max_hour_date}</td> <h4 class="mod_subhead">Extrema</h4>
</tr> <table>
<tr class="mod_rain_max_day_row"> <tr class="mod_rain_max_hour_row">
<td class="mod_line_desc">Regenreichster Tag:</td><td class="mod_line_val">{content:fill:rain_max_day_val} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td class="mod_line_date">{content:fill:rain_max_day_date}</td> <td class="mod_line_desc">Regenreichste Stunde:</td><td class="mod_line_val">{content:fill:rain_max_hour_val} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td class="mod_line_date">{content:fill:rain_max_hour_date}</td>
</tr> </tr>
<tr class="mod_rain_max_month_row"> <tr class="mod_rain_max_day_row">
<td class="mod_line_desc">Regenreichster Monat:</td><td class="mod_line_val">{content:fill:rain_max_month_val} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td class="mod_line_date">{content:fill:rain_max_month_date}</td> <td class="mod_line_desc">Regenreichster Tag:</td><td class="mod_line_val">{content:fill:rain_max_day_val} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td class="mod_line_date">{content:fill:rain_max_day_date}</td>
</tr> </tr>
<tr class="mod_rain_max_year_row"> <tr class="mod_rain_max_month_row">
<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> <td class="mod_line_desc">Regenreichster Monat:</td><td class="mod_line_val">{content:fill:rain_max_month_val} <sup>l</sup>/<sub>m<sup>2</sup></sub></td><td class="mod_line_date">{content:fill:rain_max_month_date}</td>
</tr> </tr>
</table> <tr class="mod_rain_max_year_row">
<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>

View File

@ -1,23 +1,27 @@
<h3 class="mod_headline">Temperatur - {content:fill:sens_location}</h3> <h3 class="mod_headline">Temperatur - {content:fill:sens_location}</h3>
<p class="mod_description">{content:fill:sens_description}</p> <p class="mod_description">{content:fill:sens_description}</p>
<h4 class="mod_subhead">Momentane Werte</h4> <div class="mod_subsec">
<table class="mod_temp_now_data"> <h4 class="mod_subhead">Momentane Werte</h4>
<tr class="mod_temp_current_row"> <table class="mod_temp_now_data">
<td class="mod_line_desc">Momentan:</td><td class="mod_line_val">{content:fill:temp_now_val}&deg;C</td><td class="mod_line_date">{content:fill:temp_now_date}</td> <tr class="mod_temp_current_row">
</tr> <td class="mod_line_desc">Momentan:</td><td class="mod_line_val">{content:fill:temp_now_val}&deg;C</td><td class="mod_line_date">{content:fill:temp_now_date}</td>
<tr class="mod_temp_average_row"> </tr>
<td class="mod_line_desc">Durchschnitt ({content:fill:temp_av_interval} min.):</td><td class="mod_line_val">{content:fill:temp_av_value}&deg;C</td><td>&nbsp;</td> <tr class="mod_temp_average_row">
</tr> <td class="mod_line_desc">Durchschnitt ({content:fill:temp_av_interval} min.):</td><td class="mod_line_val">{content:fill:temp_av_value}&deg;C</td><td>&nbsp;</td>
<tr class="mod_temp_moving_row"> </tr>
<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 class="mod_temp_moving_row">
</tr> <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>
</table> </tr>
<h4 class="mod_subhead">Extrema</h4> </table>
<table> </div>
<tr class="mod_temp_max_row"> <div class="mod_subsec">
<td class="mod_line_desc">Max:</td><td class="mod_line_val">{content:fill:temp_max_val}&deg;C</td><td class="mod_line_date">{content:fill:temp_max_date}</td> <h4 class="mod_subhead">Extrema</h4>
</tr> <table>
<tr class="mod_temp_min_row"> <tr class="mod_temp_max_row">
<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> <td class="mod_line_desc">Max:</td><td class="mod_line_val">{content:fill:temp_max_val}&deg;C</td><td class="mod_line_date">{content:fill:temp_max_date}</td>
</tr> </tr>
</table> <tr class="mod_temp_min_row">
<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>

View File

@ -1,20 +1,24 @@
<h3 class="mod_headline">Wind - {content:fill:sens_location}</h3> <h3 class="mod_headline">Wind - {content:fill:sens_location}</h3>
<p class="mod_description">{content:fill:sens_description}</p> <p class="mod_description">{content:fill:sens_description}</p>
<h4 class="mod_subhead">Momentane Werte</h4> <div class="mod_subsec">
<table class="mod_wind_now_data"> <h4 class="mod_subhead">Momentane Werte</h4>
<tr class="mod_wind_current_row"> <table class="mod_wind_now_data">
<td class="mod_line_desc">Momentan:</td><td class="mod_line_val">{content:fill:wind_now_val} <sup>km</sup>/<sub>h</sub></td><td class="mod_line_dir">Aus: {content:fill:wind_now_dir_full}</td><td class="mod_line_date">{content:fill:wind_now_date}</td> <tr class="mod_wind_current_row">
</tr> <td class="mod_line_desc">Momentan:</td><td class="mod_line_val">{content:fill:wind_now_val} <sup>km</sup>/<sub>h</sub></td><td class="mod_line_dir">Aus: {content:fill:wind_now_dir_full}</td><td class="mod_line_date">{content:fill:wind_now_date}</td>
<tr class="mod_wind_average_row"> </tr>
<td class="mod_line_desc">Durchschnitt ({content:fill:wind_av_interval} min.):</td><td class="mod_line_val">{content:fill:wind_av_value} <sup>km</sup>/<sub>h</sub></td><td>&nbsp;</td> <tr class="mod_wind_average_row">
</tr> <td class="mod_line_desc">Durchschnitt ({content:fill:wind_av_interval} min.):</td><td class="mod_line_val">{content:fill:wind_av_value} <sup>km</sup>/<sub>h</sub></td><td>&nbsp;</td>
<tr class="mod_wind_moving_row"> </tr>
<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 class="mod_wind_moving_row">
</tr> <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>
</table> </tr>
<h4 class="mod_subhead">Extrema</h4> </table>
<table> </div>
<tr class="mod_wind_max_row"> <div class="mod_subsec">
<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> <h4 class="mod_subhead">Extrema</h4>
</tr> <table>
</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>

View File

@ -1,3 +1,58 @@
body { 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;
} }