/* exfoliation: a nagios makeover */
/* version: 0.7 */
/* Copyright 2010 Matthew Wall, all rights reserved */
/* */
/* Permission to use, copy, modify, and distribute this software for any */
/* purpose with or without fee is hereby granted, provided that the above */
/* copyright notice and this permission notice appear in all copies. */
/* thanks to jacob.laack for nagiosneat */
/* thanks to nagios authors for a solid base */
/* these are reference colors for the color scheme:
color dark light border
OK: green 88d066 cce8cc 777777
WARNING: yellow ffff00 feffc1 777777
CRITICAL: red f88888 ffdddd 777777
PENDING: grey acacac fefefe 777777
UNKNOWN: orange ffbb55 ffddaa 777777
UNREACHABLE: orange ffbb55 ffddaa 777777
INDETERMINATE: purple ddccff 777777
PROBLEMS: blue aaccff 777777
ACK: aaaaaa
CUSTOM: 778899
important: blue 99aacc 777777
not important: blue aaccff 777777
table header: d0d0d0
odd rows: e7e7e7
even rows: f4f2f2
titles: 12pt
body: 10pt
table headings: 9pt
controls: 9pt
data in tables: 8pt or 9pt
*/
body {
margin: 0em;
margin: 0.8em 0.8em 2em 0.8em;
color: black;
background-color: white;
font-family: arial, verdana, serif;
font-weight: normal;
font-size: 10pt;
}
table {
border: none;
margin: 0;
}
th, td {
border: none;
padding: 0 2px 0 2px;
}
form {
margin: 0;
padding: 0;
}
a img {
border: none;
}
a {
text-decoration: none;
color: #40529b;
}
a:hover {
text-decoration: underline;
color: #3f5bcd;
}
a:active {
color: #496aef;
}
a:visited {
color: #2c3763;
}
div.navbarlogo {
margin: 0 0 10px 0;
}
div.navsection {
margin: 5px 0 10px 0;
}
div.navsectiontitle {
font-size: 9pt;
font-weight: bold;
padding: 2px;
background-color: #efefef;
border:1px solid #dddddd;
}
div.navsectionlinks {
margin: 3px 0 0 0;
}
ul.navsectionlinks {
margin: 0;
padding: 0;
list-style: none;
}
ul.navsectionlinks li { }
ul.navsectionlinks li a {
font-weight: bold;
font-size: 9pt;
text-decoration: none;
padding: 0 0 0 15px;
/* background: transparent url(../images/greendot.gif) no-repeat scroll 0 0; */
}
ul.navsectionlinks li ul {
margin: 0px;
padding: 0 0 0 30px;
list-style: none;
}
ul.navsectionlinks li ul li { }
ul.navsectionlinks li a:hover {
/* background: transparent url(../images/orangedot.gif) no-repeat scroll 0 0; */
color: #8391cd;
}
ul.navsectionlinks li ul li a {
background: none;
padding: 0;
font-weight: normal;
}
ul.navsectionlinks li ul li a:hover {
background: none;
}
ul.navsectionlinks li ul li ul {
margin: 0px;
padding: 0 0 0 15px;
list-style: none;
}
.navbarsearch {
margin: 5px 0 0 0;
}
.navbarsearch fieldset {
border: none;
}
.navbarsearch fieldset legend {
font-size: 8pt;
}
.navbarsearch input{
font-size: 9pt;
}
#splashpage{
text-align: center;
}
#mainbrandsplash{
font-size: 12pt;
font-weight: bold;
margin: 0 0 35px 0;
}
#maincopy{
margin: 0 0 15px 0;
}
#currentversioninfo{
font-size: 12pt;
}
#currentversioninfo .product{
font-size: 14pt;
font-weight: bold;
}
#currentversioninfo .version{
font-size: 14pt;
font-weight: bold;
}
#currentversioninfo .releasedate{
font-size: 11pt;
margin: 5px 0 0 0;
}
#currentversioninfo .checkforupdates{
font-size: 11pt;
font-weight: bold;
}
#currentversioninfo .whatsnew{
font-size: 11pt;
font-weight: bold;
margin: 50px 0 0 0;
}
#updateversioninfo{
margin: 15px auto 35px auto;
width: 400px;
}
.updatechecksdisabled{
background-color: #FF9F9F;
border: 1px solid red;
padding: 10px;
}
.updatechecksdisabled div.warningmessage{
font-weight: bold;
}
#updateversioninfo div.submessage{
clear: left;
}
.updateavailable{
background-color: #9FD4FF;
border: 1px solid blue;
padding: 10px;
}
.updateavailable div.updatemessage{
font-size: 12pt;
font-weight: bold;
}
#splashpage #mainfooter{
/*margin: 100px 0 0 0;*/
clear: both;
font-size: 8pt;
padding-top: 35px;
}
#splashpage #mainfooter .disclaimer{
/*width: 80%;*/
margin: auto;
}
#splashpage #mainfooter .logos{
margin: 15px 0 0 0;
}
table.infoBox { width: 100%; }
td.infoBox { font-size: 8pt; padding: 0 0 1em 0; white-space: nowrap; }
div.infoBoxTitle { font-size: 10pt; font-weight: bold; }
div.infoBoxBadProcStatus { font-size: 8pt; font-weight: bold; color: red; }
.linkBox { font-size: 8pt; padding: 1; }
table.linkBox td { white-space: nowrap; }
.filter { font-size: 8pt; padding: 1; }
.filterTitle { font-size: 9pt; font-weight: bold; }
.filterName { font-size: 8pt; text-align: right; font-weight: bold; }
.filterValue { font-size: 8pt; }
.errorDescription { font-size: 10pt; text-align: center; font-weight: bold; }
.errorMessage { font-size: 10pt; text-align: center; font-weight: bold; color: red; }
.warningMessage { font-size: 10pt; text-align: center; font-weight: bold; color: red; }
.statusTitle { text-align: center; font-weight: bold; font-size: 12pt; white-space: nowrap; }
.statusSort { font-size: 8pt; }
table.data { padding: 0; }
th.data { font-size: 9pt; text-align: left; padding: 0 3px 0 3px; border-bottom: 1px solid #777777; color: #333333; }
.dataOdd { font-size: 8pt; background-color: #e7e7e7; padding: 0 4 0 4; }
.dataEven { font-size: 8pt; background-color: #f4f2f2; padding: 0 4 0 4; }
.dataTitle { font-size: 12pt; text-align: center; font-weight: bold; }
.dataSubTitle { font-size: 10pt; text-align: center; font-weight: bold; }
.optBox { font-size: 9pt; white-space: nowrap; padding: 2 0 0 0; }
.optBoxTitle { font-size: 10pt; font-weight: bold; text-align: center; }
.optBoxRequiredItem { font-size: 9pt; text-align: right; padding: 0 5 0 5; color: red; }
.optBoxItem { font-size: 9pt; text-align: right; padding: 0 5 0 5; }
.optBoxValue { font-size: 9pt; }
.optionBoxTitle { font-size: 10pt; text-align: center; font-weight: bold; }
.optionBox { font-size: 10pt; padding: 2; }
.navBoxTitle { font-size: 10pt; font-weight: bold; white-space: nowrap; }
.navBoxItem { font-size: 8pt; }
.navBoxDate { font-size: 8pt; white-space: nowrap; }
.navBoxFile { font-size: 8pt; text-align: center; }
.helpfulHint { font-size: 8pt; font-style: italic; text-align: center; }
.logEntries { font-size: 8pt; white-space: nowrap; }
.dateTimeBreak { font-size: 9pt; font-weight: bold; }
.reportRange { font-size: 10pt; white-space: nowrap; }
.reportDuration { font-size: 8pt; white-space: nowrap; }
.reportTime { font-size: 8pt; white-space: nowrap; text-align: right; font-style: italic; }
.reportSelectTitle { font-size: 12pt; text-align: center; font-weight: bold; }
.reportSelectSubTitle { font-size: 9pt; text-align: right; }
.reportSelectItem { font-size: 9pt; }
.reportSelectTip { font-size: 8pt; font-style: italic; }
.dateSelectTitle { font-size: 12pt; text-align: center; font-weight: bold; }
.dateSelectSubTitle { font-size: 9pt; text-align: right; }
.dateSelectItem { font-size: 9pt; }
.popupText { font-size: 8pt; background-color: #eeeeaa; border: 1px solid #777777; padding: 10 10 10 10; }
.hostImportantProblem { font-size: 8pt; background-color: #88aadd; border: 1px solid #aaaaaa; padding: 0 5 0 5; }
.hostUnimportantProblem { font-size: 8pt; background-color: #aaccff; border: 1px solid #888888; padding: 0 5 0 5; }
.serviceImportantProblem { font-size: 8pt; background-color: #88aadd; border: 1px solid #aaaaaa; padding: 0 5 0 5; }
.serviceUnimportantProblem { font-size: 8pt; background-color: #aaccff; border: 1px solid #888888; padding: 0 5 0 5; }
.outageImportantProblem { font-size: 8pt; background-color: #88aadd; border: 1px solid #aaaaaa; padding: 0 5 0 5; }
.outageUnimportantProblem { font-size: 8pt; background-color: #aaccff; border: 1px solid #888888; padding: 0 5 0 5; }
/* Some nagios configurations have side.html rather than side.php and define */
/* a slightly different set of nav elements. */
.NavBarTitle {
font-size: 9pt;
font-weight: bold;
margin: 5px 0 10px 0;
padding: 2px;
background-color: #efefef;
border:v1px solid #dddddd;
}
.NavBarItem {
font-size: 9pt;
font-weight: bold;
list-style: none;
text-decoration: none;
margin: 0;
padding: 0 0 0 0;
}
.NavBarSearchItem {
font-size: 9pt;
}
#splashboxes {
/*border: 1px solid blue;*/
margin: auto;
width: 90%;
}
.splashbox{
padding: 5px;
margin: 5px 5px 5px;
border: 1px solid #AAAAAA;
float: left;
text-align: left;
height: 140px;
}
.splashbox h2{
margin: 0px;
font-size: 12pt;
}
.splashbox ul{
margin: 0;
padding: 5px 5px 5px 15px;
}
.splashbox ul li{
clear: both;
}
#splashbox1 {
width: 250px;
}
#splashbox2 {
width: 500px;
}
#splashbox3 {
width: 250px;
clear: both;
}
#splashbox4 {
width: 500px;
}