splitted stylesheets into layout and colour stylesheets

added stylesheets
minor UI improvements
This commit is contained in:
Michael Clemens 2009-05-13 15:20:13 +00:00
parent d6761898a7
commit 9d84e239e0
10 changed files with 232 additions and 160 deletions

View File

@ -46,8 +46,8 @@ if ($_POST["css"] != "") {
<td colspan="2" id="head"><a class='navheader' href="admin.php"><img src="images/PollDTitleAdmin.gif" border=0></img></a></td>
</tr>
<tr>
<td id="tnleft" width="160"></td>
<td id="tnright"width="740" height="30" align="right">
<td id="tnleft"></td>
<td id="tnright">
</td>
<?php } ?>

View File

@ -68,23 +68,28 @@ background-repeat:repeat-x;
}
#tnleft {
height: 35px;
width: 180px;
padding: 0px;
font-size: 11px;
background-repeat:repeat-x;
}
#tnright {
padding-top: 5px;
height: 35px;
padding: 0px;
font-size: 11px;
background-repeat:repeat-x;
}
#tnbox1 {
float:left;
padding: 0 5px 0 5px;
}
#tnbox2 {
float:right;
padding: 0 5px 0 5px;
}
#printpreviewheader {
@ -151,8 +156,15 @@ padding: 3px;
text-align: center;
}
td { font-family: Tahoma, Geneva, Arial, helvetica, sans-serif; font-size: 10pt }
th { font-family: Tahoma, Geneva, Arial, helvetica, sans-serif; font-size: 10pt }
td {
font-family: Tahoma, Geneva, Arial, helvetica, sans-serif;
font-size: 10pt
}
th {
font-family: Tahoma, Geneva, Arial, helvetica, sans-serif;
font-size: 10pt;
}
table.zebra { border-spacing: 1px;margin-left: auto; margin-right: auto; width: 100%;}
@ -175,5 +187,11 @@ table.login th { text-align: center; }
table.login td { padding: 4px;}
table.login tr { text-align: center; }
.button { }
.textfield { }
.button {
position: relative;
top: 5px;
}
.textfield {
position: relative;
top: 5px;
}

View File

@ -0,0 +1,131 @@
/* - - - - - - - - - - - - - - - - - - - - */
/* BODY */
/* - - - - - - - - - - - - - - - - - - - - */
body, html {
background: #F5F6F8;
color: #000000;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* OUTER CONTENTBOX */
/* - - - - - - - - - - - - - - - - - - - - */
#inhalt {
background: #ffffff;
border: 1px solid #ff7f03;
}
a.nav:link { color:#000000; }
a.nav:visited { color:#000000; }
a.nav:active { color:#cccccc; }
a.nav:hover { color:#555555; }
a.navhead:link { color:#000000; }
a.navhead:visited { color:#000000; }
a.navhead:active { color:#000000; }
a.navhead:hover { color:#555555; }
a.tablefooter:link { color:#000000; }
a.tablefooter:visited { color:#000000; }
a.tablefooter:active { color:#000000; }
a.tablefooter:hover { color:#555555; }
a.navheader:link { color:#FFFFFF; }
a.navheader:visited { color:#FFFFFF; }
a.navheader:active { color:#FFFFFF; }
a.navheader:hover { color:#FFFFFF; }
/* - - - - - - - - - - - - - - - - - - - - */
/* TABLE*/
/* - - - - - - - - - - - - - - - - - - - - */
#design {
background: #ffffff;
}
#head {
color: #ffffff;
background-image:url(../images/bg-green-pulse-5x75.jpg);
}
#tnleft {
background: #ffffff;
color: #000000;
background-image:url(../images/bg-green-pulse-5x35.jpg);
}
#tnright {
background: #ffffff;
color: #000000;
background-image:url(../images/bg-green-pulse-5x35.jpg);
}
#printpreviewheader {
background: #cacaca;
color: #FFFFFF;
}
#menue {
background: #ffffff;
color: #000000;
}
.menuelinks a {
background: #fccd4e;
color: #000000;
border: 1px solid #ff7f03;
}
.menuelinks a:hover {
background: #bdd053;
color: #000000;
}
.menuelinks .aktuell {
background: #76ad04;
border: 1px solid #476802;
}
.menuelinks .sidebarinfo {
background: #fafafa;
border: 1px solid #ff7f03;
}
#content {
background: #ffffff;
color: #000000;
}
#footer {
background: #eaeaea;
color: #222222;
background-image:url(../images/bg-green-pulse-5x35.jpg);
}
#sysinfo {
background: #f4f4f4;
color: #999999;
}
#table {
background: #dadada;
color: #ffffff;
}
table.zebra {background-color: #ff7f03; }
table.zebra th { background-color: #fccd4e; }
table.zebra td.footer { background-color: #fccd4e; }
table.zebra td { }
table.zebra tr.d0 { background-color: #fff; }
table.zebra tr.d1 { background-color: #f2f2f2; }
table.timetable {background-color: #ff7f03; }
table.timetable th { background-color: #fccd4e; }
table.timetable th.content { background-color: #fccd4e; background-image:url(../images/tablebg.gif); }
table.timetable td { }
table.timetable td.content { background-image:url(../images/tablebg.gif); }
table.timetable tr.d0 { background-color: #fff; color: #dddddd;}
table.timetable tr.d1 { background-color: #f2f2f2; color: #ffffff;}
table.login {background-color: #eaeaea; }
table.login th { background-color: #eaeaea; }
table.login td { }
table.login tr { background-color: #fff; }
.button { background-color: #fccd4e; background-image:url(../images/bg-green-pulse-5x35.jpg); }
.textfield { background-color: #fccd4e; background-image:url(../images/bg-green-pulse-5x35.jpg); }

View File

@ -11,7 +11,7 @@ color: #000000;
/* - - - - - - - - - - - - - - - - - - - - */
#inhalt {
background: #ffffff;
border: 1px solid #ff7f03;
border: 1px solid #476802;
}
a.nav:link { color:#000000; }
@ -66,24 +66,24 @@ color: #000000;
}
.menuelinks a {
background: #fccd4e;
background: #9ecb2d;
color: #000000;
border: 1px solid #ff7f03;
border: 1px solid #476802;
}
.menuelinks a:hover {
background: #fceabb;
background: #bdd053;
color: #000000;
}
.menuelinks .aktuell {
background: #f8b602;
border: 1px solid #336e9e;
background: #76ad04;
border: 1px solid #476802;
}
.menuelinks .sidebarinfo {
background: #fafafa;
border: 1px solid #ff7f03;
border: 1px solid #476802;
}
#content {
@ -108,16 +108,16 @@ background: #dadada;
color: #ffffff;
}
table.zebra {background-color: #ff7f03; }
table.zebra th { background-color: #fccd4e; }
table.zebra td.footer { background-color: #fccd4e; }
table.zebra {background-color: #476802; }
table.zebra th { background-color: #9ecb2d; }
table.zebra td.footer { background-color: #9ecb2d; }
table.zebra td { }
table.zebra tr.d0 { background-color: #fff; }
table.zebra tr.d1 { background-color: #f2f2f2; }
table.timetable {background-color: #ff7f03; }
table.timetable th { background-color: #fccd4e; }
table.timetable th.content { background-color: #fccd4e; background-image:url(../images/tablebg.gif); }
table.timetable {background-color: #476802; }
table.timetable th { background-color: #9ecb2d; }
table.timetable th.content { background-color: #9ecb2d; background-image:url(../images/tablebg.gif); }
table.timetable td { }
table.timetable td.content { background-image:url(../images/tablebg.gif); }
table.timetable tr.d0 { background-color: #fff; color: #dddddd;}
@ -128,5 +128,5 @@ table.login th { background-color: #eaeaea; }
table.login td { }
table.login tr { background-color: #fff; }
.button { background-color: #fccd4e; background-image:url(../images/bg-green-pulse-5x35.jpg); }
.textfield { background-color: #fccd4e; background-image:url(../images/bg-green-pulse-5x35.jpg); }
.button { background-color: #9ecb2d; background-image:url(../images/bg-green-pulse-5x35.jpg); }
.textfield { background-color: #9ecb2d; background-image:url(../images/bg-green-pulse-5x35.jpg); }

View File

@ -3,215 +3,131 @@
/* - - - - - - - - - - - - - - - - - - - - */
body, html {
background: #F5F6F8;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
margin: 0 0 5px 0;
padding: 0;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* OUTER CONTENTBOX */
/* - - - - - - - - - - - - - - - - - - - - */
#inhalt {
margin:10px auto;
text-align:left;
width: 90%;
padding: 2px;
background: #ffffff;
border: 1px solid #849e99;
}
.calendar * { margin: 0; padding: 0; border: 0; font-family: Tahoma, serif; font-weight: normal; color: #000; }
.calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; }
.calendar .selectedday { background: #ddd; }
.calendar .today { font-weight: bold; color: #f00; }
.calendar a { padding: 0 2px; color: #000; text-decoration: none; }
.calendar a:hover { background: #bbb; }
.calendar table { border-collapse: collapse; font-size: 90%; }
.calendar tbody td { width: 20px; }
.calendar td, .calendar th { padding: 1px; text-align: center; }
.calendar thead td { border-bottom: 1px solid #aaa; }
.calendar thead td { font-weight: bold; }
.calendar thead th a { font-size: 95%; font-weight: bold; }
.calendar thead th { padding: 2px 0; vertical-align: middle; background: #ddd; }
.calendar { padding-bottom: 2px; border: 1px solid #aaa; font-size: small; background: #fff; }
.calendaricon { cursor: pointer; }
.calendarlink, .calendaricon { margin: 0 3px; }
a.nav:link { color:#000000; text-decoration:underline; }
a.nav:visited { color:#000000; text-decoration:underline; }
a.nav:active { color:#cccccc; text-decoration:underline; }
a.nav:hover { color:#555555; text-decoration:underline; }
a.navhead:link { color:#000000; text-decoration:none; }
a.navhead:visited { color:#000000; text-decoration:none; }
a.navhead:active { color:#000000; text-decoration:none; }
a.navhead:hover { color:#555555; text-decoration:none; }
a.tablefooter:link { color:#000000; text-decoration:underline; }
a.tablefooter:visited { color:#000000; text-decoration:underline; }
a.tablefooter:active { color:#000000; text-decoration:none; }
a.tablefooter:hover { color:#555555; text-decoration:underline; }
a.navheader:link { color:#FFFFFF; text-decoration:none; }
a.navheader:visited { color:#FFFFFF; text-decoration:none; }
a.navheader:active { color:#FFFFFF; text-decoration:none; }
a.navheader:hover { color:#FFFFFF; text-decoration:none; }
a.nav:link { color:#000000; }
a.nav:visited { color:#000000; }
a.nav:active { color:#cccccc; }
a.nav:hover { color:#555555; }
a.navhead:link { color:#000000; }
a.navhead:visited { color:#000000; }
a.navhead:active { color:#000000; }
a.navhead:hover { color:#555555; }
a.tablefooter:link { color:#000000; }
a.tablefooter:visited { color:#000000; }
a.tablefooter:active { color:#000000; }
a.tablefooter:hover { color:#555555; }
a.navheader:link { color:#FFFFFF; }
a.navheader:visited { color:#FFFFFF; }
a.navheader:active { color:#FFFFFF; }
a.navheader:hover { color:#FFFFFF; }
/* - - - - - - - - - - - - - - - - - - - - */
/* TABLE*/
/* - - - - - - - - - - - - - - - - - - - - */
#design {
width: 100%;
background: #ffffff;
}
#head {
height: 75px;
text-align: center;
color: #ffffff;
font-size: 24px;
font-weight: bold;
background-image:url(../images/bg-grey-3d-5x75.jpg);
background-repeat:repeat-x;
}
#tnleft {
background: #ffffff;
height: 30px;
padding: 3px;
color: #000000;
font-size: 11px;
background-image:url(../images/bg-grey-3d-5x35.jpg);
background-repeat:repeat-x;
}
#tnright {
background: #ffffff;
height: 30px;
padding: 3px;
color: #000000;
font-size: 11px;
background-image:url(../images/bg-grey-3d-5x35.jpg);
background-repeat:repeat-x;
}
#tnbox1 {
float:left;
}
#tnbox2 {
float:right;
}
#printpreviewheader {
background: #cacaca;
padding: 3px;
color: #FFFFFF;
font-size: 16px;
}
#menue {
background: #ffffff;
padding: 0px;
color: #000000;
vertical-align: top;
}
.menuelinks a {
display: block;
width: auto;
background: #bac9c5;
margin-bottom: 2px;
padding: 3px 0px 3px 4px;
color: #000000;
font-size: 11px;
font-weight: bold;
text-decoration: none;
border: 1px solid #849e99;
}
.menuelinks a:hover {
background: #d8e0de;
text-decoration: none;
color: #000000;
}
.menuelinks .aktuell {
display: block;
width: auto;
background: #343d3b;
color: #dedede;
margin-bottom: 2px;
padding: 3px 0px 3px 4px;
font-size: 11px;
font-weight: bold;
border: 1px solid #010101;
}
.menuelinks .sidebarinfo {
display: block;
width: auto;
background: #fafafa;
margin-bottom: 2px;
padding: 3px 0px 3px 4px;
font-size: 11px;
text-decoration: none;
border: 1px solid #849e99;
}
#content {
background: #ffffff;
padding: 0px;
color: #000000;
vertical-align: top;
}
#footer {
background: #eaeaea;
padding: 3px;
color: #222222;
text-align: center;
background-image:url(../images/bg-grey-3d-5x35.jpg);
background-repeat:repeat-x;
}
#sysinfo {
background: #f4f4f4;
padding: 3px;
color: #999999;
text-align: center;
}
#table {
background: #dadada;
padding: 3px;
color: #ffffff;
text-align: center;
}
td { font-family: Tahoma, Geneva, Arial, helvetica, sans-serif; font-size: 10pt }
th { font-family: Tahoma, Geneva, Arial, helvetica, sans-serif; font-size: 10pt }
table.zebra {background-color: #849e99; border-spacing: 1px;margin-left: auto; margin-right: auto; width: 100%;}
table.zebra { background-color: #849e99; }
table.zebra th { background-color: #bac9c5; }
table.zebra td.footer { background-color: #bac9c5; }
table.zebra td { padding: 4px;}
table.zebra td { }
table.zebra tr.d0 { background-color: #fff; }
table.zebra tr.d1 { background-color: #f2f2f2; }
table.timetable {background-color: #849e99; border-spacing: 1px;margin-left: 1px; margin-right: auto;}
table.timetable { background-color: #849e99; }
table.timetable th { background-color: #bac9c5; }
table.timetable th.content { background-color: #bac9c5; background-image:url(../images/tablebg.gif); }
table.timetable td { padding: 2px; font-size: 10px; }
table.timetable td.content { padding: 2px; font-size: 10px; background-image:url(../images/tablebg.gif); }
table.timetable td { }
table.timetable td.content { background-image:url(../images/tablebg.gif); }
table.timetable tr.d0 { background-color: #fff; color: #dddddd;}
table.timetable tr.d1 { background-color: #f2f2f2; color: #ffffff;}
table.login {background-color: #eaeaea; border-spacing: 1px;margin-left: auto; margin-right: auto;}
table.login th { background-color: #eaeaea; text-align: center; }
table.login td { padding: 4px;}
table.login tr { background-color: #fff; text-align: center; }
table.login { background-color: #eaeaea; }
table.login th { background-color: #eaeaea; }
table.login td { }
table.login tr { background-color: #fff; }
.button { background-color: #bac9c5; background-image:url(../images/bg-grey-3d-5x35.jpg); }
.textfield { background-color: #bac9c5; background-image:url(../images/bg-grey-3d-5x35.jpg); }

Binary file not shown.

After

Width:  |  Height:  |  Size: 376 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@ -37,28 +37,8 @@
</tr>
<?php } ?>
<tr>
<td colspan="2">
<table width=100%>
<tr>
<td width=100% id="footer">TSM Monitor 2 v<?php echo $config["tsm_monitor_version"]?> &copy; 2008 - <?php echo date('Y'); ?> TSM Monitor Development Team (<a class='nav' href="http://www.tsm-monitor.org">www.tsm-monitor.org</a>)</td>
<td>
<?php
#/**
echo " <form action=".$_SERVER['PHP_SELF']."?q=".$GETVars['qq']."&m=".$GETVars['menu']."&s=".$GETVars['server']." method='post'>\n";
echo " <select name='css' size=1 onChange='submit();' class='button'>\n";
$styles = array('default.css', 'blue.css', 'dark.css', 'grey3d.css', 'horizon.css', 'orange3d');
foreach ($styles as $style) {
echo ' <option value="'.$style.'"';
if ($_SESSION['stylesheet'] == $style){ echo "SELECTED"; }
echo "> ".$style."</option>\n";
}
echo " </select>\n";
echo " </form>\n";
#**/
?>
</td>
</tr>
</table>
<td colspan="2" id="footer">
TSM Monitor 2 v<?php echo $config["tsm_monitor_version"]?> &copy; 2008 - <?php echo date('Y'); ?> TSM Monitor Development Team (<a class='nav' href="http://www.tsm-monitor.org">www.tsm-monitor.org</a>)
</td>
</tr>
<!-- End: footer.php -->

View File

@ -27,6 +27,10 @@
* @package tsmmonitor
*/
if ($_POST["css"] != "") {
$_SESSION['stylesheet'] = $_POST["css"];
}
?>
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
<!-- Begin: page_head.php -->
@ -36,6 +40,7 @@
<meta http-equiv='content-type' content='text/html; charset=ISO-8859-1'>
<link rel='shortcut icon' href='images/favicon.ico' type='image/x-icon'>
<link rel='icon' href='images/favicon.ico' type='image/x-icon'>
<link rel='stylesheet' type='text/css' href='css/layout.css'>
<link rel='stylesheet' type='text/css' href='css/<?php echo $_SESSION['stylesheet']; ?>'>
<script type="text/javascript" src="extlib/datechooser.js"></script>
<script type="text/javascript" src="includes/layout.js"></script>

View File

@ -34,18 +34,14 @@
include_once "includes/global.php";
include_once "includes/page_head.php";
if ($_POST["css"] != "") {
$_SESSION['stylesheet'] = $_POST["css"];
}
?>
<?php if ($_SESSION["logindata"]["loggedin"]) { ?>
<tr>
<td colspan="2" id="head"><a class='navheader' href="index.php"><img src="images/PollDTitle.gif" border=0></img></a></td>
</tr>
<tr>
<td id="tnleft" width="160"></td>
<td id="tnright"width="740" align="right">
<td id="tnleft"></td>
<td id="tnright">
<div id="tnbox1">
<?php
@ -72,9 +68,35 @@ if ($_POST["css"] != "") {
<div class='menuelinks' id='datechooser'>
<?php echo $tsmmonitor->getTimemachine(); ?>
</div>
<!--
<br>
<div class="menuelinks">
<?php echo $tsmmonitor->getInfo(); ?>
<?php //echo $tsmmonitor->getInfo(); ?>
</div>
-->
<br>
<div class="menuelinks">
<div class='sidebarinfo'>
<b>Stylesheet Switcher</b><br><br>
<?php
echo "<form action=".$_SERVER['PHP_SELF']."?q=".$tsmmonitor->GETVars['qq']."&m=".$tsmmonitor->GETVars['menu']."&s=".$tsmmonitor->GETVars['server']." method='post'>\n";
echo "<select name='css' size=1 onChange='submit();' class='button'>\n";
if ($handle = opendir('css')) {
while (false !== ($file = readdir($handle))) {
if ($file != '.' && $file != '..' && substr($file, 0, 6) == 'style_') {
$fileName = str_replace('.css', '', $file);
$fileName = str_replace('style_', '', $fileName);
echo '<option value="' . $file . '"';
if ($_SESSION['stylesheet'] == $file){ echo "SELECTED"; }
echo '>' . $fileName . '</option>';
}
}
closedir($handle);
}
echo "</select>\n";
echo "</form>\n";
?>
</div>
</div>
<img src="/images/trans.gif" alt="" width="150" height="1" border="0"><br>
</td>