jan
/
ancient-weatherstation
mirror of https://github.com/agdsn/ancient-weatherstation.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Frontend Improved 

git-svn-id: file:///home/jan/tmp/wetterstation/trunk@231 dd492736-c11a-0410-ad51-8c26713eaf7f
This commit is contained in:
jan 2007-10-30 17:31:54 +00:00
parent 5fb5d1fe20
commit 107fef5264
5 changed files with 50 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
webstuff/frontend/content/modules/mod_auss2Small.html
View File

@ -2,30 +2,26 @@
<ul class="val_list"> <ul class="val_list">
<li class="val_elm"> <li class="val_elm">
<a href="{content:addSetLink:full}#temp_{content:fill:sens_id}" class="mod_small_link"> <a href="{content:addSetLink:full}#temp_{content:fill:sens_id}" class="mod_small_link">
<div class="mod_header">
<h4 class="mod_subheadline">Temperatur</h4> <h4 class="mod_subheadline">Temperatur</h4>
</div> <span class="mod_body">
<div class="mod_body">
<span class="mod_now">{content:fill:temp_now_val}&deg;C</span> <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> <span class="mod_av">(&Oslash; {content:fill:temp_av_value}&deg;C)</span>
</div> </span>
<div class="mod_footer"> <span 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> <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>
</div> </span>
</a> </a>
</li> </li>
<li class="val_elm"> <li class="val_elm">
<a href="{content:addSetLink:full}#hum_{content:fill:sens_id}" class="mod_small_link"> <a href="{content:addSetLink:full}#hum_{content:fill:sens_id}" class="mod_small_link">
<div class="mod_header">
<h4 class="mod_subheadline">Luftfeuchte</h4> <h4 class="mod_subheadline">Luftfeuchte</h4>
</div> <span class="mod_body">
<div class="mod_body">
<span class="mod_now">{content:fill:hum_now_val}%</span> <span class="mod_now">{content:fill:hum_now_val}%</span>
<span class="mod_av">(&Oslash; {content:fill:hum_av_value}%)</span> <span class="mod_av">(&Oslash; {content:fill:hum_av_value}%)</span>
</div> </span>
<div class="mod_footer"> <span 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> <span class="mod_max">max: {content:fill:hum_max_val}%</span><span class="mod_min">min: {content:fill:hum_min_val}%</span>
</div> </span>
</a> </a>
</li> </li>
</ul> </ul>

36
webstuff/frontend/content/modules/mod_innenSmall.html
View File

@ -2,44 +2,38 @@
<ul class="val_list"> <ul class="val_list">
<li class="val_elm"> <li class="val_elm">
<a href="{content:addSetLink:full}#temp_{content:fill:sens_id}" class="mod_small_link"> <a href="{content:addSetLink:full}#temp_{content:fill:sens_id}" class="mod_small_link">
<div class="mod_header">
<h4 class="mod_subheadline">Temperatur</h4> <h4 class="mod_subheadline">Temperatur</h4>
</div> <span class="mod_body">
<div class="mod_body">
<span class="mod_now">{content:fill:temp_now_val}&deg;C</span> <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> <span class="mod_av">(&Oslash; {content:fill:temp_av_value}&deg;C)</span>
</div> </span>
<div class="mod_footer"> <span 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> <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>
</div> </span>
</a> </a>
</li> </li>
<li class="val_elm"> <li class="val_elm">
<a href="{content:addSetLink:full}#hum_{content:fill:sens_id}" class="mod_small_link"> <a href="{content:addSetLink:full}#hum_{content:fill:sens_id}" class="mod_small_link">
<div class="mod_header">
<h4 class="mod_subheadline">Luftfeuchte</h4> <h4 class="mod_subheadline">Luftfeuchte</h4>
</div> <span class="mod_body">
<div class="mod_body">
<span class="mod_now">{content:fill:hum_now_val}%</span> <span class="mod_now">{content:fill:hum_now_val}%</span>
<span class="mod_av">(&Oslash; {content:fill:hum_av_value}%)</span> <span class="mod_av">(&Oslash; {content:fill:hum_av_value}%)</span>
</div> </span>
<div class="mod_footer"> <span 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> <span class="mod_max">max: {content:fill:hum_max_val}%</span><span class="mod_min">min: {content:fill:hum_min_val}%</span>
</div> </span>
</a> </a>
</li> </li>
<li class="val_elm"> <li class="val_elm">
<a href="{content:addSetLink:full}#press_{content:fill:sens_id}" class="mod_small_link"> <a href="{content:addSetLink:full}#press_{content:fill:sens_id}" class="mod_small_link">
<div class="mod_header">
<h4 class="mod_subheadline">Luftdruck</h4> <h4 class="mod_subheadline">Luftdruck</h4>
</div> <span class="mod_body">
<div class="mod_body">
<span class="mod_now">{content:fill:press_now_val}hPa</span> <span class="mod_now">{content:fill:press_now_val}hPa</span>
<span class="mod_av">(&Oslash; {content:fill:press_av_value}hPa)</span> <span class="mod_av">(&Oslash; {content:fill:press_av_value}hPa)</span>
</div> </span>
<div class="mod_footer"> <span 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> <span class="mod_max">max: {content:fill:press_max_val}hPa</span><span class="mod_min">min: {content:fill:press_min_val}hPa</span>
</div> </span>
</a> </a>
</li> </li>
</ul> </ul>

12
webstuff/frontend/content/modules/mod_regenSmall.html
View File

@ -2,16 +2,14 @@
<ul class="val_list"> <ul class="val_list">
<li class="val_elm"> <li class="val_elm">
<a href="{content:addSetLink:full}#rain_{content:fill:sens_id}" class="mod_small_link"> <a href="{content:addSetLink:full}#rain_{content:fill:sens_id}" class="mod_small_link">
<div class="mod_header">
<h4 class="mod_subheadline">Regen</h4> <h4 class="mod_subheadline">Regen</h4>
</div> <span class="mod_body">
<div 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_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> <span class="mod_av">(Tag: {content:fill:rain_now_day} <sup>l</sup>/<sub>m<sup>2</sup></sub>)</span>
</div> </span>
<div class="mod_footer"> <span 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> <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>
</div> </span>
</a> </a>
</li> </li>
</ul> </ul>

12
webstuff/frontend/content/modules/mod_windsSmall.html
View File

@ -2,17 +2,15 @@
<ul class="val_list"> <ul class="val_list">
<li class="val_elm"> <li class="val_elm">
<a href="{content:addSetLink:full}#wind_{content:fill:sens_id}" class="mod_small_link"> <a href="{content:addSetLink:full}#wind_{content:fill:sens_id}" class="mod_small_link">
<div class="mod_header">
<h4 class="mod_subheadline">Wind</h4> <h4 class="mod_subheadline">Wind</h4>
</div> <span class="mod_body">
<div class="mod_body">
<span class="mod_now">{content:fill:wind_now_val} <sup>km</sup>/<sub>h</sub></span> <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_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> <span class="mod_av">(&Oslash; {content:fill:wind_av_value} <sup>km</sup>/<sub>h</sub>)</span>
</div> </span>
<div class="mod_footer"> <span 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> <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>
</div> </span>
</a> </a>
</li> </li>
</ul> </ul>

32
webstuff/frontend/css/example.css
View File

@ -291,11 +291,8 @@ div.small_set div.module a.mod_small_link:hover {
background: #FFeebb; 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; background: #F0D0AF;
}
div.small_set div.module a.mod_small_link div.mod_header h4{
margin:0px; margin:0px;
padding:2px; padding:2px;
font-size:12px; font-size:12px;
@ -303,7 +300,7 @@ div.small_set div.module a.mod_small_link div.mod_header h4{
color: #222255; 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; position:absolute;
bottom:0px; bottom:0px;
top:0px; top:0px;
@ -312,7 +309,7 @@ div.small_set div.module a.mod_small_link div.mod_body {
height:100%; height:100%;
width: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-size: 21px;
font-weight: 600; font-weight: 600;
color: #225522; 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-bottom:4px;
padding-top:30px; 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; font-size: 20px;
padding-top:27px; padding-top:27px;
line-height:15px; 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-top:17pt;
padding-bottom:0pt; 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; font-size: 10px;
padding-top:0pt; padding-top:0pt;
padding-bottom:4px; 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; display:block;
margin:0px; 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; font-size: 14px;
color: #446644; color: #446644;
position:absolute; position:absolute;
@ -349,36 +346,37 @@ div.small_set div.module a.mod_small_link div.mod_body span.mod_av {
right:0px; 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; 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; 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; position:absolute;
bottom:0px; bottom:0px;
left:0px; left:0px;
right:0px; right:0px;
width: 100%; width: 100%;
background:#F0D0AF; 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; 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; color: #AA3333;
margin-right:6px; 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; color: #33AA33;
margin-left:6px; 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; color: #AA3333;
} }