mirror of
https://codeberg.org/mclemens/tsmmonitor2.git
synced 2024-11-16 15:56:10 -05:00
204 lines
5.3 KiB
CSS
204 lines
5.3 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 #a4aed5;
|
|
}
|
|
|
|
.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 {
|
|
background: #999999;
|
|
height: 75px;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#tnleft {
|
|
background: #cacaca;
|
|
padding: 3px;
|
|
color: #000000;
|
|
font-size: 11px;
|
|
}
|
|
#tnright {
|
|
background: #cacaca;
|
|
padding: 3px;
|
|
color: #000000;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#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: #eaeaea;
|
|
margin-bottom: 2px;
|
|
padding: 3px 0px 3px 4px;
|
|
color: #000000;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
border: 1px solid #d3d3d3;
|
|
}
|
|
.menuelinks a:hover {
|
|
background: #dadada;
|
|
text-decoration: none;
|
|
color: #000000;
|
|
}
|
|
|
|
.menuelinks .aktuell {
|
|
display: block;
|
|
width: auto;
|
|
background: #dadada;
|
|
margin-bottom: 2px;
|
|
padding: 3px 0px 3px 4px;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
border: 1px solid #444444;
|
|
}
|
|
|
|
|
|
.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 #d3d3d3;
|
|
}
|
|
|
|
#content {
|
|
background: #ffffff;
|
|
padding: 0px;
|
|
color: #000000;
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
#footer {
|
|
background: #eaeaea;
|
|
padding: 3px;
|
|
color: #222222;
|
|
text-align: center;
|
|
}
|
|
|
|
#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: #eaeaea; border-spacing: 1px;margin-left: auto; margin-right: auto; width: 100%;}
|
|
table.zebra th { background-color: #eaeaea; }
|
|
table.zebra td { padding: 4px;}
|
|
table.zebra tr.d0 { background-color: #fff; }
|
|
table.zebra tr.d1 { background-color: #f2f2f2; }
|
|
|
|
table.timetable {background-color: #eaeaea; border-spacing: 1px;margin-left: 1px; margin-right: auto;}
|
|
table.timetable th { background-color: #eaeaea; }
|
|
table.timetable th.content { background-color: #eaeaea; 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; }
|