unix4lyfe git - darkstat-debian/blob - static/style.css

   1 /* darkstat 3
   2  *
   3  * style.css: CSS stylesheet for web interface.
   4  * copyright (c) 2006 Ben Stewart.
   5  * colors broken in 2007 by Emil Mikulic.
   6  *
   7  * You may use, modify and redistribute this file under the terms of the
   8  * GNU General Public License version 2. (see COPYING.GPL)
   9  */
  10
  11 body           { background-color: #fff; z-index: 0; }
  12 .content       { z-index: 1;
  13                  position: absolute; top:15px; left:10px; }
  14 div.menu       { z-index: 2;
  15                  position: absolute; top:0; left:0;
  16                  width: 100%; background-color: #789;
  17                  border-bottom: 1px solid black;
  18                  font-size:11px; }
  19 ul.menu        { list-style: none; margin:0; padding:2px 0 3px 0; }
  20 ul.menu li     { list-style: none; display: inline; margin:0;
  21                  padding:2px 0 3px 0;
  22                  border-right:1px solid white; }
  23 ul.menu li.label
  24                { padding-left:10px; padding-right:10px; color:#000;
  25                  text-shadow: 0px 1px 0px #9ab; }
  26 ul.menu li a   { color: white; text-decoration: none;
  27                  text-shadow: 0px 1px 0px #456;
  28                  border-bottom: none; padding:2px 15px 3px 15px; }
  29 ul.menu li a:hover
  30                { background-color: #9ab; }
  31 h1, h2, h3, h4, h5, h6
  32                { margin-top:10px; margin-bottom:5px; color: #000000;
  33                  font-family: Arial, sans-serif; font-weight:bold; }
  34 .pageheader    { border-bottom: 2px dotted black; }
  35 table          { border-collapse: collapse; }
  36 td, th { border:1px solid #C0C0C0; padding:1px 5px 1px 5px; }
  37 td.num { text-align:right; }
  38 th { background-color:#EFEFEF; font-weight: bold;
  39      padding-top:2px; padding-bottom:2px; }
  40 th a { color:black; border-bottom:1px dotted; }
  41 tr.alt1 { background:#FFFFFF; }
  42 tr.alt2 { background:#FAFAFA; }
  43 tr.alt1:hover, tr.alt2:hover { background:#EFEFEF; }
  44 body, td, th, p, input, textarea
  45                { font-family: Tahoma, Verdana, sans-serif;
  46                  font-size: small; }
  47 tt             { font-family: Courier New, monospace;
  48                  font-size: small; }
  49 a:hover        { border-bottom: 1px dotted #666; }
  50 a              { text-decoration: none; color: #666; }
  51 div.outergraph { float:left; margin-right:10px; margin-bottom:20px; }
  52 div.graph      { border: 1px solid black; }
  53 div.graphtitle { text-align:center; font-weight:bold; }
  54 div.bar_in     { background: #678; }
  55 div.bar_out    { background: #abc; }
  56
  57 #graph_reload,#graph_autoreload { border:1px solid black;
  58  padding:2px 10px 2px 10px; margin-left:5px; color:black; }
  59
  60 #graph_reload:hover,#graph_autoreload:hover { background:#9ab; color:black; }
  61
  62 div.legend table { margin-left:auto; margin-right:auto; /* center */
  63                    border:0; }
  64 div.legend td { border:0; padding:0 0.2em 0 0.2em; font-size:11px;
  65                 color:#444; }
  66 div.legend td.dir { text-align:right; }
  67 div.legend td.rate { text-align:right; white-space: nowrap; }