mirror of
https://codeberg.org/mclemens/tsmmonitor2.git
synced 2024-08-26 07:04:32 -04:00
217 lines
5.9 KiB
CSS
217 lines
5.9 KiB
CSS
|
/* - - - - - - - - - - - - - - - - - - - - */
|
||
|
/* 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 #3d8cce;
|
||
|
}
|
||
|
|
||
|
.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-blue-gloss-5x75.jpg);
|
||
|
background-repeat:repeat-x;
|
||
|
}
|
||
|
|
||
|
#tnleft {
|
||
|
background: #ffffff;
|
||
|
height: 30px;
|
||
|
padding: 3px;
|
||
|
color: #000000;
|
||
|
font-size: 11px;
|
||
|
background-image:url(../images/bg-ice-gloss-5x35.jpg);
|
||
|
background-repeat:repeat-x;
|
||
|
}
|
||
|
|
||
|
#tnright {
|
||
|
background: #ffffff;
|
||
|
height: 30px;
|
||
|
padding: 3px;
|
||
|
color: #000000;
|
||
|
font-size: 11px;
|
||
|
background-image:url(../images/bg-ice-gloss-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: #bddcf0;
|
||
|
margin-bottom: 2px;
|
||
|
padding: 3px 0px 3px 4px;
|
||
|
color: #000000;
|
||
|
font-size: 11px;
|
||
|
font-weight: bold;
|
||
|
text-decoration: none;
|
||
|
border: 1px solid #3d8cce;
|
||
|
}
|
||
|
.menuelinks a:hover {
|
||
|
background: #4ab5ed;
|
||
|
text-decoration: none;
|
||
|
color: #000000;
|
||
|
}
|
||
|
|
||
|
.menuelinks .aktuell {
|
||
|
display: block;
|
||
|
width: auto;
|
||
|
background: #3f94d4;
|
||
|
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 #3d8cce;
|
||
|
}
|
||
|
|
||
|
#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-ice-gloss-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: #3d8cce; border-spacing: 1px;margin-left: auto; margin-right: auto; width: 100%;}
|
||
|
table.zebra th { background-color: #bddcf0; }
|
||
|
table.zebra td.footer { background-color: #bddcf0; }
|
||
|
table.zebra td { padding: 4px;}
|
||
|
table.zebra tr.d0 { background-color: #fff; }
|
||
|
table.zebra tr.d1 { background-color: #f2f2f2; }
|
||
|
|
||
|
table.timetable {background-color: #3d8cce; border-spacing: 1px;margin-left: 1px; margin-right: auto;}
|
||
|
table.timetable th { background-color: #bddcf0; }
|
||
|
table.timetable th.content { background-color: #bddcf0; 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: #bddcf0; background-image:url(../images/bg-ice-gloss-5x35.jpg); }
|
||
|
.textfield { background-color: #bddcf0; background-image:url(../images/bg-ice-gloss-5x35.jpg); }
|