From 9d84e239e01117def34c14d36bdb746ab33d8128 Mon Sep 17 00:00:00 2001 From: Michael Clemens Date: Wed, 13 May 2009 15:20:13 +0000 Subject: [PATCH] splitted stylesheets into layout and colour stylesheets added stylesheets minor UI improvements --- admin.php | 4 +- css/layout.css | 28 +++++-- css/style_greenpulse-orange.css | 131 +++++++++++++++++++++++++++++++ css/style_greenpulse.css | 30 +++---- css/style_silver.css | 134 ++++++-------------------------- images/bg-green-pulse-5x35.jpg | Bin 0 -> 376 bytes images/bg-green-pulse-5x75.jpg | Bin 0 -> 2992 bytes includes/footer.php | 24 +----- includes/page_head.php | 5 ++ index.php | 36 +++++++-- 10 files changed, 232 insertions(+), 160 deletions(-) create mode 100644 css/style_greenpulse-orange.css create mode 100644 images/bg-green-pulse-5x35.jpg create mode 100644 images/bg-green-pulse-5x75.jpg diff --git a/admin.php b/admin.php index 6380750..c2d52da 100644 --- a/admin.php +++ b/admin.php @@ -46,8 +46,8 @@ if ($_POST["css"] != "") { - - + + diff --git a/css/layout.css b/css/layout.css index 21485c4..ebcb7db 100644 --- a/css/layout.css +++ b/css/layout.css @@ -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; +} diff --git a/css/style_greenpulse-orange.css b/css/style_greenpulse-orange.css new file mode 100644 index 0000000..a84570d --- /dev/null +++ b/css/style_greenpulse-orange.css @@ -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); } diff --git a/css/style_greenpulse.css b/css/style_greenpulse.css index 9ae2d06..b6da57d 100644 --- a/css/style_greenpulse.css +++ b/css/style_greenpulse.css @@ -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); } diff --git a/css/style_silver.css b/css/style_silver.css index 55cf1c6..2783900 100644 --- a/css/style_silver.css +++ b/css/style_silver.css @@ -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); } diff --git a/images/bg-green-pulse-5x35.jpg b/images/bg-green-pulse-5x35.jpg new file mode 100644 index 0000000000000000000000000000000000000000..936f60ff60af97d9f1b1f301a0905e0c52790562 GIT binary patch literal 376 zcmex=LJ%Z3brsCZHNd zMi9va0xZlRl9h#pnT3s&jSY<1IXT$aIoa9RIJh}Dxj+EO;^F4v0dYWvK(sQkGBdMs zv9qy*m5@aIKfoZ!!Jy2*%FL+5z$D1XEXer(2!lAt{frFAfQ_94D4{F>lwsvWmJnlP zVrESi6cIOe44ks?B2bYShGteaPN2AqAOp~c%*dJ# z!%J0HhjgvpMa*VPR8llHY;s((^_}y-<{;n8FGQ|vDT(6>Jlu5bJ=2+O3@nqJ-T&VN E0KW=7*Z=?k literal 0 HcmV?d00001 diff --git a/images/bg-green-pulse-5x75.jpg b/images/bg-green-pulse-5x75.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f006c4e3771025d05d9117073d235716ee11739 GIT binary patch literal 2992 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 literal 0 HcmV?d00001 diff --git a/includes/footer.php b/includes/footer.php index 3b81a4c..0cc76f8 100644 --- a/includes/footer.php +++ b/includes/footer.php @@ -37,28 +37,8 @@ - - - - - - -
-\n"; -echo " \n"; -echo " \n"; -#**/ -?> -
+ + TSM Monitor 2 v © 2008 - TSM Monitor Development Team (www.tsm-monitor.org) diff --git a/includes/page_head.php b/includes/page_head.php index c236841..dc2eee7 100644 --- a/includes/page_head.php +++ b/includes/page_head.php @@ -27,6 +27,10 @@ * @package tsmmonitor */ +if ($_POST["css"] != "") { + $_SESSION['stylesheet'] = $_POST["css"]; +} + ?> @@ -36,6 +40,7 @@ + '> diff --git a/index.php b/index.php index 27c6de3..c2efed7 100644 --- a/index.php +++ b/index.php @@ -34,18 +34,14 @@ include_once "includes/global.php"; include_once "includes/page_head.php"; -if ($_POST["css"] != "") { - $_SESSION['stylesheet'] = $_POST["css"]; -} - ?> - - + +
getTimemachine(); ?>
+ +
+
+
+ Stylesheet Switcher

+ GETVars['qq']."&m=".$tsmmonitor->GETVars['menu']."&s=".$tsmmonitor->GETVars['server']." method='post'>\n"; + echo "\n"; + echo "\n"; + ?> +