06b1b9ad7272cfd2d73f694c4b17678a2315af84
[darkstat] / 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; }