css improvments

git-svn-id: file:///home/jan/tmp/wetterstation/trunk@229 dd492736-c11a-0410-ad51-8c26713eaf7f
This commit is contained in:
jan 2007-10-25 14:17:50 +00:00
parent 0057b16c92
commit 95ee7db655
7 changed files with 19 additions and 24 deletions

View File

@ -1,4 +1,3 @@
<center>
<h2 class="set_head">&rsaquo; Diagram - Ansicht &lsaquo;</h2> <h2 class="set_head">&rsaquo; Diagram - Ansicht &lsaquo;</h2>
<div class="set" id="desc"> <div class="set" id="desc">
<p>Zeigt den Verlauf eines Wertes als Diagram an.</p> <p>Zeigt den Verlauf eines Wertes als Diagram an.</p>
@ -6,4 +5,3 @@
<div class="set" id="chart"> <div class="set" id="chart">
{content:addChart:only} {content:addChart:only}
</div> </div>
</center>

View File

@ -1,4 +1,3 @@
<center>
<h2 class="set_head">&rsaquo; Detail - Ansicht &lsaquo;</h2> <h2 class="set_head">&rsaquo; Detail - Ansicht &lsaquo;</h2>
<div class="set" id="desc"> <div class="set" id="desc">
<p>Hier werden alle werte aller Sensoren ausf&uuml;hrlich dargestellt.</p> <p>Hier werden alle werte aller Sensoren ausf&uuml;hrlich dargestellt.</p>
@ -15,4 +14,3 @@
<br> <br>
{content:addModule:rain_3} {content:addModule:rain_3}
</div> </div>
</center>

View File

@ -1,9 +1,7 @@
<center>
<h2 class="set_head">&rsaquo; Report - Ansicht &lsaquo;</h2> <h2 class="set_head">&rsaquo; Report - Ansicht &lsaquo;</h2>
<div class="set" id="desc"> <div class="set" id="desc">
<p>Hier werden die ausgew&auml;hlten Messwerte eines mestimmten Zeitraumes in tabellarischer Form angezeigt.</p> <p>Hier werden die ausgew&auml;hlten Messwerte eines mestimmten Zeitraumes in tabellarischer Form angezeigt.</p>
</div> </div>
<div class="set" id="report"> <div class="set" id="report">
{content:addReport:standard} {content:addReport:standard}
</div> </div>
</center>

View File

@ -1,4 +1,3 @@
<center>
<h2 class="set_head">&rsaquo; Kurz&uuml;bersicht &lsaquo;</h2> <h2 class="set_head">&rsaquo; Kurz&uuml;bersicht &lsaquo;</h2>
<div class="set" id="desc"> <div class="set" id="desc">
<p>Dies ist eine Kurz&uuml;bersicht der gemessenen Werte der Wetterstation</p> <p>Dies ist eine Kurz&uuml;bersicht der gemessenen Werte der Wetterstation</p>
@ -11,4 +10,3 @@
{content:addModule:windsSmall_2} {content:addModule:windsSmall_2}
{content:addModule:regenSmall_3} {content:addModule:regenSmall_3}
</div> </div>
</center>

View File

@ -2,8 +2,10 @@ body {
background: #FFFAF5; background: #FFFAF5;
padding-bottom: 150px; padding-bottom: 150px;
font-family: serif; font-family: serif;
text-align:center
} }
h2.set_head { h2.set_head {
margin-bottom: 20px; margin-bottom: 20px;
font-weight: 600; font-weight: 600;
@ -28,11 +30,8 @@ div.module {
div.report { div.report {
width:443px; width:443px;
}
div.report {
text-align:center;
overflow:hidden; overflow:hidden;
margin: 0 auto;
} }
div.module table tr td { div.module table tr td {
@ -85,10 +84,6 @@ div.module h4.mod_subhead {
} }
div.module div.mod_subsec, div.report div.rpt_subsec { div.module div.mod_subsec, div.report div.rpt_subsec {
border-color: #D0B080;
border-style: dotted;
border-width: 1px;
background: #FFEBBB;
margin: 2px; margin: 2px;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
@ -98,11 +93,14 @@ div.module div.mod_subsec, div.report div.rpt_subsec {
font-size: 10pt; font-size: 10pt;
} }
div.module p.mod_description { div.module p.mod_description, div.module div.mod_subsec, div.report div.rpt_subsec{
border-color: #D0B080; border-color: #D0B080;
border-style: dotted; border-style: dotted;
border-width: 1px; border-width: 1px;
background: #FFEBBB; background: #FFEBBB;
}
div.module p.mod_description {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
margin-bottom: 4px; margin-bottom: 4px;
@ -153,15 +151,15 @@ div.module div.mod_subsec div.chart_link_div a.chart_link img.chart_link_prev {
} }
div.back_link_div { div.back_link_div {
margin-top: 15px;
margin-left: auto;
margin-right: auto;
background: #fafafa; background: #fafafa;
border: 1px solid #aa8888; border: 1px solid #aa8888;
position: relative;
display:block; display:block;
padding: 3px; padding: 3px;
margin:5px;
height:20px; height:20px;
width:80px; width:80px;
margin-top:20px;
} }
div.back_link_div a.back_link { div.back_link_div a.back_link {
@ -212,6 +210,7 @@ div.report div.rpt_subsec table.report_table tr.report_line:hover {
} }
div.small_set, div.set { div.small_set, div.set {
margin: 0 auto;
border-color: #C0A070; border-color: #C0A070;
border-style: dotted; border-style: dotted;
border-width: 1px; border-width: 1px;
@ -384,7 +383,11 @@ div.small_set div.module#windsSmall_2 a.mod_small_link div.mod_footer span.mod_m
} }
p#copyright { p#copyright {
margin-bottom:10px;
margin-right:10px;
padding-top: 20px;
font-size:10px; font-size:10px;
color:#666666; color:#666666;
font-weight:600; font-weight:600;
text-align: right;
} }

View File

@ -15,7 +15,7 @@
<link rel="stylesheet" type="text/css" href="css/example.css"> <link rel="stylesheet" type="text/css" href="css/example.css">
</head> </head>
<body> <body>
<h1 align="center"><? echo Config::getAllTitle(); ?></h1> <h1><? echo Config::getAllTitle(); ?></h1>
<? new ModuleSet($_REQUEST['setType']);?> <? new ModuleSet($_REQUEST['setType']);?>
<p id="copyright">(c) 2006 by Jan Losinski</p> <p id="copyright">(c) 2006 by Jan Losinski</p>

View File

@ -73,7 +73,7 @@ class ModuleSet{
} }
function getBackLink(){ function getBackLink(){
$buff = '<center>'; $buff = '';
$buff .= '<div class="back_link_div">'; $buff .= '<div class="back_link_div">';
$buff .= '<a class="back_link" href="'; $buff .= '<a class="back_link" href="';
$buff .= $_SERVER['HTTP_REFERER']; $buff .= $_SERVER['HTTP_REFERER'];
@ -81,7 +81,7 @@ class ModuleSet{
$buff .= 'zur&uuml;ck'; $buff .= 'zur&uuml;ck';
$buff .= "</a>"; $buff .= "</a>";
$buff .= "</div>"; $buff .= "</div>";
$buff .= '</center>'; $buff .= '';
return $buff; return $buff;
} }