etc/munin/templates/style.css

   1 html {
   2 }
   3
   4 body, h1, h2, h3, p, span, div {
   5   font-family: "vera sans", "dejavu sans", helvetica, verdana, arial, sans-serif;
   6   color: #333333;
   7  }
   8
   9 h1{
  10   margin: 0.5em;
  11 }
  12
  13 body {
  14   background-color: #fdfdfd;
  15   width: 99%;
  16   margin: 0em auto 1em auto;
  17   padding: 0.0em 0.1em 1em 0.1em;
  18   font-size: 90%;
  19
  20  }
  21
  22
  23 select {
  24   border: 1px solid #d1d1d1;
  25 }
  26
  27 h2 {
  28   margin: 0em;
  29   padding: 0px;
  30   font-size: 110%;
  31   font-weight: bold;
  32   margin-left: auto;
  33   margin-right: auto;
  34 }
  35
  36 h3.nobottom {
  37     margin-top: 0px;
  38     margin-bottom: 0px;
  39     font-size: 120%;
  40     letter-spacing: 0.05em;
  41     margin-left: 0px;
  42     padding-left: 10px;
  43     padding-bottom: 0px;
  44     padding-top: 0px;
  45 }
  46
  47
  48 div.logo {
  49   background-image: url(logo-h.png);
  50   background-repeat: no-repeat;
  51   width: 115px;
  52   height: 30px;
  53   padding-right: 10px;
  54   margin-top: 7px;
  55   padding-bottom: 6px;
  56 }
  57
  58 div.lighttext {
  59   background-color: #ffffff;
  60   color: #777777;
  61   font-style: italic;
  62
  63  }
  64
  65 .domain {
  66   font-size: medium;
  67   font-weight: bold;
  68  }
  69
  70 .host {
  71   font-weight: bold;
  72  }
  73
  74 .service {
  75   font-size: small;
  76   font-weight: bold;
  77  }
  78
  79 .center {
  80   text-align: center;
  81 }
  82
  83 .small {
  84   font-size: smaller;
  85 }
  86
  87 .noborder {
  88   border-width: 0px;
  89   border-collapse: collapse;
  90  }
  91
  92 table.largeinvisiblebox {
  93   border-width: thin;
  94   border-top: 0px;
  95   border-bottom: 0px;
  96   border-left: 0px;
  97   border-right: 0px;
  98   border-color: #999;
  99   border-style: solid;
 100   padding: 0px 0px 0px 0px;
 101   margin: 0px auto 0px auto;
 102   white-space: nowrap;
 103   max-width: 97%;
 104   width: 90%;
 105   min-width: 50%;
 106
 107 }
 108
 109 #header-table{
 110   width: 90%;
 111   margin: 0 auto 0em auto;
 112   background-color: #fbfbfb;
 113   border-bottom: 1px solid #cfd6f8;
 114   border-left: 1px solid #cfd6f8;
 115   border-right: 1px solid #cfd6f8;
 116   overflow: auto;
 117 }
 118
 119 #header-table td{
 120   padding-bottom: 0px;
 121   margin: 0em auto 0em auto;
 122 }
 123
 124 #header-table tr{
 125   margin: 0em auto 0em auto;
 126   padding: 0px;
 127 }
 128
 129 #header-table td.overview{
 130   margin: 0em auto 0em auto;
 131   text-align: left;
 132 }
 133
 134 #header-table td.overview h1{
 135   margin-top: 0em;
 136   margin-bottom: 0em;
 137   margin-left: 0.1em;
 138   padding-top: 1px;
 139 }
 140
 141
 142 #header-table td.logo{
 143   width: 115px;
 144   height: 48px;
 145   margin: 0em auto 0em auto;
 146 }
 147
 148 table.invisiblebox {
 149   border: 0px solid #999999;
 150   width: 90%;
 151   padding: 0px 0px 0px 0px;
 152   margin-top: 10px;
 153   margin-left: auto;
 154   margin-bottom: 0px;
 155   margin-right: auto;
 156   white-space: nowrap;
 157 }
 158
 159 table.invisiblebox tr{
 160   padding-bottom: 15px;
 161 }
 162
 163
 164 td.graphbox {
 165   padding: 5px;
 166   white-space: nowrap;
 167 }
 168
 169 td.graphbox > table {
 170   border-left: 1px dashed #aaaaaa;
 171   padding-left: 10px;
 172   margin-bottom: 1em;
 173   white-space: nowrap;
 174 }
 175
 176
 177 .box {
 178   padding: 4px;
 179   margin: 10px auto 0px auto;
 180   text-align: left;
 181 }
 182
 183 #legend {
 184   margin: 2px;
 185 }
 186
 187 #legend tr, #legend td{
 188   padding: 3px 2px 3px 2px;
 189   margin: 1px;
 190 }
 191
 192 #legend th{
 193   border-bottom: 1px solid #999999;
 194 }
 195
 196 #legend .oddrow{
 197   background-color: #f8f8f8;
 198 }
 199
 200 #legend .oddrow td{
 201   border-bottom: 1px solid #d8d8d8;
 202 }
 203
 204 #legend .evenrow{
 205   background-color: #fdfdfd;
 206 }
 207
 208 #legend .evenrow td{
 209   border-bottom: 1px solid #d8d8d8;
 210 }
 211
 212 #legend .lastrow td{
 213   border-bottom: 0px solid transparent !important;
 214 }
 215
 216
 217
 218 td.legendbox {
 219   border: 1px solid #999999;
 220   padding: 8px 4px 2px 2px;
 221   margin: 8px 2px 2px 2px;
 222   text-align: left;
 223   width: 90%;
 224 }
 225
 226 td.wrap {
 227         white-space: normal;
 228     width: 20%;
 229 }
 230
 231 td.linkbox {
 232   padding: 4px 4px 4px 4px;
 233   margin: 10px auto 0px auto;
 234   max-width: 97%;
 235   width: 90%;
 236   min-width: 50%;
 237   white-space: normal;
 238 }
 239
 240 #generated-table {
 241   width: 90%;
 242   margin: 1em auto -0.5em auto;
 243   padding-right: 0.5em;
 244   background-color: #fbfbfb;
 245   border: 1px solid #bbc3ea;
 246 }
 247
 248 #generated-table tbody td {
 249   text-align: right;
 250   margin: 0px;
 251   padding: 0px;
 252 }
 253
 254 .warntext {
 255   font-weight: bold;
 256   background-color: #cccc00;
 257   padding: 0px;
 258   margin: -1px;
 259   border: 1px solid #b9b900;
 260 }
 261
 262 .crittext {
 263   font-weight: bold;
 264   background-color: #ff6f22;
 265   padding: 0px;
 266   margin: -1px;
 267   border: 1px solid #f16722;
 268 }
 269
 270 .ruler {
 271   background-color: #999999;
 272   border: 0px;
 273   height: 1px;
 274 }
 275
 276 .ruler2 {
 277   background-color: #999999;
 278   border: 0px;
 279   height: 2px;
 280 }
 281
 282 a:link,a:visited,a:active {
 283   text-decoration: none;
 284 }
 285
 286 a:hover {
 287   text-decoration: underline;
 288 }
 289
 290 a.meek:link {
 291   color: #486aaf;
 292   font-size: small;
 293  }
 294
 295 a.meek:visited {
 296   color: #af1a00;
 297   font-size: small;
 298  }
 299
 300 a.meek:active {
 301   color: #486aaf;
 302   font-size: small;
 303  }
 304
 305 a.meek:hover {
 306   color: #999999;
 307   font-size: small;
 308  }
 309
 310 li li {
 311   margin-left: -1.2em;
 312 }
 313
 314 ul li {
 315   margin-left: -1.2em;
 316 }
 317
 318 a {
 319   border-width: 0px;
 320 }
 321
 322 .heading {
 323   font-weight: bold;
 324 }
 325
 326 a.unkn:link    { color: #ffaa00; }
 327 a.unkn:visited { color: #ffaa00; }
 328 a.unkn:active  { color: #ffaa00; }
 329 a.unkn:hover   { color: #ffaa00; }
 330
 331 a.warn:link    { color: #ffd300; }
 332 a.warn:visited { color: #ffd300; }
 333 a.warn:active  { color: #ffd300; }
 334 a.warn:hover   { color: #ffd300; }
 335
 336 a.crit:link    { color: #ff0000; }
 337 a.crit:visited { color: #ff0000; }
 338 a.crit:active  { color: #ff0000; }
 339 a.crit:hover   { color: #ff0000; }
 340
 341 a:link    { color: #486aaf; }
 342 a:visited { color: #486aaf; }
 343 a:active  { color: #486aaf; }
 344 a:hover   { color: #486aaf; }
 345
 346 img       { border-width: 2px; border-color: transparent; }
 347 img.warn  { border-width: 2px; border-color: #ffd300; }
 348 img.crit  { border-width: 2px; border-color: #ff0000; }
 349 img.unkn  { border-width: 2px; border-color: #ffaa00; }