munin: Add default 1.4.4 configuration.
[matthijs/servers/drsnuggles.git] / etc / munin / templates / style.css
diff --git a/etc/munin/templates/style.css b/etc/munin/templates/style.css
new file mode 100644 (file)
index 0000000..0943e69
--- /dev/null
@@ -0,0 +1,349 @@
+html {
+}
+
+body, h1, h2, h3, p, span, div { 
+  font-family: "vera sans", "dejavu sans", helvetica, verdana, arial, sans-serif;
+  color: #333333;
+ }
+
+h1{
+  margin: 0.5em;
+}
+
+body { 
+  background-color: #fdfdfd;
+  width: 99%;
+  margin: 0em auto 1em auto;
+  padding: 0.0em 0.1em 1em 0.1em;
+  font-size: 90%;
+
+ }
+
+
+select {
+  border: 1px solid #d1d1d1;
+}
+
+h2 {
+  margin: 0em;
+  padding: 0px;
+  font-size: 110%;
+  font-weight: bold;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+h3.nobottom {
+    margin-top: 0px;
+    margin-bottom: 0px;
+    font-size: 120%;
+    letter-spacing: 0.05em;
+    margin-left: 0px;
+    padding-left: 10px;
+    padding-bottom: 0px;
+    padding-top: 0px;
+}
+
+
+div.logo { 
+  background-image: url(logo-h.png);
+  background-repeat: no-repeat;  
+  width: 115px;
+  height: 30px;
+  padding-right: 10px;
+  margin-top: 7px;
+  padding-bottom: 6px;
+} 
+
+div.lighttext { 
+  background-color: #ffffff;
+  color: #777777;
+  font-style: italic;
+  
+ }
+
+.domain { 
+  font-size: medium;
+  font-weight: bold;
+ }
+
+.host { 
+  font-weight: bold;
+ }
+
+.service { 
+  font-size: small;
+  font-weight: bold;
+ }
+
+.center { 
+  text-align: center;
+}
+
+.small { 
+  font-size: smaller;
+}
+
+.noborder { 
+  border-width: 0px;
+  border-collapse: collapse;
+ }
+
+table.largeinvisiblebox {
+  border-width: thin;
+  border-top: 0px;
+  border-bottom: 0px;
+  border-left: 0px;
+  border-right: 0px;
+  border-color: #999;
+  border-style: solid;
+  padding: 0px 0px 0px 0px;
+  margin: 0px auto 0px auto;
+  white-space: nowrap;
+  max-width: 97%;
+  width: 90%;
+  min-width: 50%;
+
+}
+
+#header-table{
+  width: 90%;
+  margin: 0 auto 0em auto;
+  background-color: #fbfbfb;
+  border-bottom: 1px solid #cfd6f8;
+  border-left: 1px solid #cfd6f8;
+  border-right: 1px solid #cfd6f8;
+  overflow: auto;
+}
+
+#header-table td{
+  padding-bottom: 0px;
+  margin: 0em auto 0em auto;
+}
+
+#header-table tr{
+  margin: 0em auto 0em auto;
+  padding: 0px;
+}
+
+#header-table td.overview{
+  margin: 0em auto 0em auto;
+  text-align: left;
+}
+
+#header-table td.overview h1{
+  margin-top: 0em;
+  margin-bottom: 0em;
+  margin-left: 0.1em;
+  padding-top: 1px;
+}
+
+
+#header-table td.logo{
+  width: 115px;
+  height: 48px;
+  margin: 0em auto 0em auto;
+}
+
+table.invisiblebox {
+  border: 0px solid #999999;
+  width: 90%;
+  padding: 0px 0px 0px 0px;
+  margin-top: 10px;
+  margin-left: auto;
+  margin-bottom: 0px;
+  margin-right: auto;
+  white-space: nowrap;
+}
+
+table.invisiblebox tr{
+  padding-bottom: 15px;
+}
+
+
+td.graphbox {
+  padding: 5px;
+  white-space: nowrap;
+}
+
+td.graphbox > table {
+  border-left: 1px dashed #aaaaaa;
+  padding-left: 10px;
+  margin-bottom: 1em;
+  white-space: nowrap;
+}
+
+
+.box {
+  padding: 4px;
+  margin: 10px auto 0px auto;
+  text-align: left;
+}
+
+#legend {
+  margin: 2px;
+}
+
+#legend tr, #legend td{
+  padding: 3px 2px 3px 2px;
+  margin: 1px;
+}
+
+#legend th{
+  border-bottom: 1px solid #999999;
+}
+
+#legend .oddrow{
+  background-color: #f8f8f8;
+}
+
+#legend .oddrow td{
+  border-bottom: 1px solid #d8d8d8;
+}
+
+#legend .evenrow{
+  background-color: #fdfdfd;
+}
+
+#legend .evenrow td{
+  border-bottom: 1px solid #d8d8d8;
+}
+
+#legend .lastrow td{
+  border-bottom: 0px solid transparent !important;
+}
+
+
+
+td.legendbox {
+  border: 1px solid #999999;
+  padding: 8px 4px 2px 2px;
+  margin: 8px 2px 2px 2px;
+  text-align: left;
+  width: 90%;
+}
+
+td.wrap {
+       white-space: normal;
+    width: 20%;
+}
+
+td.linkbox {
+  padding: 4px 4px 4px 4px;
+  margin: 10px auto 0px auto;
+  max-width: 97%;
+  width: 90%;
+  min-width: 50%;
+  white-space: normal;
+}
+
+#generated-table {
+  width: 90%;
+  margin: 1em auto -0.5em auto;
+  padding-right: 0.5em;
+  background-color: #fbfbfb;
+  border: 1px solid #bbc3ea;
+}
+
+#generated-table tbody td {
+  text-align: right;
+  margin: 0px;
+  padding: 0px;
+}
+
+.warntext {
+  font-weight: bold;
+  background-color: #cccc00;
+  padding: 0px;
+  margin: -1px;
+  border: 1px solid #b9b900;
+}
+
+.crittext {
+  font-weight: bold;
+  background-color: #ff6f22;
+  padding: 0px;
+  margin: -1px;
+  border: 1px solid #f16722;
+}
+
+.ruler {
+  background-color: #999999;
+  border: 0px;
+  height: 1px;
+}
+
+.ruler2 {
+  background-color: #999999;
+  border: 0px;
+  height: 2px;
+}
+
+a:link,a:visited,a:active {
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+a.meek:link { 
+  color: #486aaf;
+  font-size: small;
+ }
+
+a.meek:visited { 
+  color: #af1a00;
+  font-size: small;
+ }
+
+a.meek:active { 
+  color: #486aaf;
+  font-size: small;
+ }
+
+a.meek:hover { 
+  color: #999999;
+  font-size: small;
+ }
+
+li li {
+  margin-left: -1.2em;
+}
+
+ul li {
+  margin-left: -1.2em;
+}
+
+a {
+  border-width: 0px;
+}
+
+.heading {
+  font-weight: bold;
+}
+
+a.unkn:link    { color: #ffaa00; } 
+a.unkn:visited { color: #ffaa00; } 
+a.unkn:active  { color: #ffaa00; } 
+a.unkn:hover   { color: #ffaa00; } 
+
+a.warn:link    { color: #ffd300; }
+a.warn:visited { color: #ffd300; }
+a.warn:active  { color: #ffd300; }
+a.warn:hover   { color: #ffd300; }
+
+a.crit:link    { color: #ff0000; } 
+a.crit:visited { color: #ff0000; } 
+a.crit:active  { color: #ff0000; } 
+a.crit:hover   { color: #ff0000; } 
+
+a:link    { color: #486aaf; } 
+a:visited { color: #486aaf; } 
+a:active  { color: #486aaf; } 
+a:hover   { color: #486aaf; } 
+
+img       { border-width: 2px; border-color: transparent; }
+img.warn  { border-width: 2px; border-color: #ffd300; }
+img.crit  { border-width: 2px; border-color: #ff0000; }
+img.unkn  { border-width: 2px; border-color: #ffaa00; }