diff --git a/css/grey3d.css b/css/grey3d.css new file mode 100644 index 0000000..55cf1c6 --- /dev/null +++ b/css/grey3d.css @@ -0,0 +1,217 @@ +/* - - - - - - - - - - - - - - - - - - - - */ +/* BODY */ +/* - - - - - - - - - - - - - - - - - - - - */ +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; } + +/* - - - - - - - - - - - - - - - - - - - - */ +/* 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 th { background-color: #bac9c5; } +table.zebra td.footer { background-color: #bac9c5; } +table.zebra td { padding: 4px;} +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 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 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; } + +.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/css/horizon.css b/css/horizon.css new file mode 100644 index 0000000..586ed54 --- /dev/null +++ b/css/horizon.css @@ -0,0 +1,217 @@ +/* - - - - - - - - - - - - - - - - - - - - */ +/* BODY */ +/* - - - - - - - - - - - - - - - - - - - - */ +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 #1f304e; +} + +.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:#eaeff4; text-decoration:underline; } +a.nav:visited { color:#eaeff4; text-decoration:underline; } +a.nav:active { color:#cccccc; text-decoration:underline; } +a.nav:hover { color:#555555; text-decoration:underline; } +a.navhead:link { color:#eaeff4; text-decoration:none; } +a.navhead:visited { color:#eaeff4; text-decoration:none; } +a.navhead:active { color:#eaeff4; text-decoration:none; } +a.navhead:hover { color:#555555; text-decoration:none; } +a.tablefooter:link { color:#eaeff4; text-decoration:underline; } +a.tablefooter:visited { color:#eaeff4; text-decoration:underline; } +a.tablefooter:active { color:#eaeff4; 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; } + +/* - - - - - - - - - - - - - - - - - - - - */ +/* 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-horizon-5x75.jpg); +background-repeat:repeat-x; +} + +#tnleft { +background: #ffffff; +height: 30px; +padding: 3px; +color: #000000; +font-size: 11px; +background-image:url(../images/bg-horizon-5x35.jpg); +background-repeat:repeat-x; +} + +#tnright { +background: #ffffff; +height: 30px; +padding: 3px; +color: #000000; +font-size: 11px; +background-image:url(../images/bg-horizon-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: #3880af; +margin-bottom: 2px; +padding: 3px 0px 3px 4px; +color: #eaeff4; +font-size: 11px; +font-weight: bold; +text-decoration: none; +border: 1px solid #1f304e; +} +.menuelinks a:hover { +background: #bdd6e6; +text-decoration: none; +color: #000000; +} + +.menuelinks .aktuell { +display: block; +width: auto; +background: #1f304e; +color: #eaeff4; +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 #1f304e; +} + +#content { +background: #ffffff; +padding: 0px; +color: #000000; +vertical-align: top; +} + + +#footer { +background: #eaeaea; +padding: 3px; +color: #eaeff4; +text-align: center; +background-image:url(../images/bg-horizon-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: #1f304e; border-spacing: 1px;margin-left: auto; margin-right: auto; width: 100%;} +table.zebra th { background-color: #3880af; } +table.zebra td.footer { background-color: #3880af; } +table.zebra td { padding: 4px;} +table.zebra tr.d0 { background-color: #fff; } +table.zebra tr.d1 { background-color: #f2f2f2; } + +table.timetable {background-color: #1f304e; border-spacing: 1px;margin-left: 1px; margin-right: auto;} +table.timetable th { background-color: #3880af; } +table.timetable th.content { background-color: #3880af; 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 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; } + +.button { background-color: #3880af; color: #eaeff4; background-image:url(../images/bg-horizon-5x35.jpg); } +.textfield { background-color: #3880af; color: #eaeff4; background-image:url(../images/bg-horizon-5x35.jpg); } diff --git a/css/orange3d.css b/css/orange3d.css new file mode 100644 index 0000000..1bd432a --- /dev/null +++ b/css/orange3d.css @@ -0,0 +1,216 @@ +/* - - - - - - - - - - - - - - - - - - - - */ +/* BODY */ +/* - - - - - - - - - - - - - - - - - - - - */ +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 #ff7f03; +} + +.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; } + +/* - - - - - - - - - - - - - - - - - - - - */ +/* 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-orange3d-5x75.jpg); +background-repeat:repeat-x; +} + +#tnleft { +background: #ffffff; +height: 30px; +padding: 3px; +color: #000000; +font-size: 11px; +background-image:url(../images/bg-orange3d-5x35.jpg); +background-repeat:repeat-x; +} + +#tnright { +background: #ffffff; +height: 30px; +padding: 3px; +color: #000000; +font-size: 11px; +background-image:url(../images/bg-orange3d-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: #fccd4e; +margin-bottom: 2px; +padding: 3px 0px 3px 4px; +color: #000000; +font-size: 11px; +font-weight: bold; +text-decoration: none; +border: 1px solid #ff7f03; +} +.menuelinks a:hover { +background: #fceabb; +text-decoration: none; +color: #000000; +} + +.menuelinks .aktuell { +display: block; +width: auto; +background: #f8b602; +margin-bottom: 2px; +padding: 3px 0px 3px 4px; +font-size: 11px; +font-weight: bold; +border: 1px solid #336e9e; +} + + +.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 #ff7f03; +} + +#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-orange3d-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: #ff7f03; border-spacing: 1px;margin-left: auto; margin-right: auto; width: 100%;} +table.zebra th { background-color: #fccd4e; } +table.zebra td.footer { background-color: #fccd4e; } +table.zebra td { padding: 4px;} +table.zebra tr.d0 { background-color: #fff; } +table.zebra tr.d1 { background-color: #f2f2f2; } + +table.timetable {background-color: #ff7f03; border-spacing: 1px;margin-left: 1px; margin-right: auto;} +table.timetable th { background-color: #fccd4e; } +table.timetable th.content { background-color: #fccd4e; 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 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; } + +.button { background-color: #fccd4e; background-image:url(../images/bg-orange3d-5x35.jpg); } +.textfield { background-color: #fccd4e; background-image:url(../images/bg-orange3d-5x35.jpg); } diff --git a/images/bg-grey-3d-5x35.jpg b/images/bg-grey-3d-5x35.jpg new file mode 100644 index 0000000..38b215c Binary files /dev/null and b/images/bg-grey-3d-5x35.jpg differ diff --git a/images/bg-grey-3d-5x75.jpg b/images/bg-grey-3d-5x75.jpg new file mode 100644 index 0000000..cc9569b Binary files /dev/null and b/images/bg-grey-3d-5x75.jpg differ diff --git a/images/bg-horizon-5x35.jpg b/images/bg-horizon-5x35.jpg new file mode 100644 index 0000000..1506066 Binary files /dev/null and b/images/bg-horizon-5x35.jpg differ diff --git a/images/bg-horizon-5x75.jpg b/images/bg-horizon-5x75.jpg new file mode 100644 index 0000000..b13c971 Binary files /dev/null and b/images/bg-horizon-5x75.jpg differ diff --git a/images/bg-orange3d-5x35.jpg b/images/bg-orange3d-5x35.jpg new file mode 100644 index 0000000..07055d9 Binary files /dev/null and b/images/bg-orange3d-5x35.jpg differ diff --git a/images/bg-orange3d-5x75.jpg b/images/bg-orange3d-5x75.jpg new file mode 100644 index 0000000..8deddaa Binary files /dev/null and b/images/bg-orange3d-5x75.jpg differ diff --git a/includes/footer.php b/includes/footer.php index 60fe42b..3b81a4c 100644 --- a/includes/footer.php +++ b/includes/footer.php @@ -43,10 +43,10 @@ TSM Monitor 2 v © 2008 - TSM Monitor Development Team (www.tsm-monitor.org) \n"; echo "