]> git.sesse.net Git - pkanalytics/blob - ultimate.css
Add per-point CIs.
[pkanalytics] / ultimate.css
1 :root {
2         font-family: sans-serif;
3         background-color: white;
4         color: #111;
5 }
6 #mainmenu {
7         text-transform: uppercase;
8         color: #3366dd;
9         font-weight: bold;
10         padding-top: 10px;
11         padding-bottom: 10px;
12         margin-bottom: 20px;
13         font-size: 90%;
14         border-top: 1px solid #ddd;
15         border-bottom: 1px solid #ddd;
16 }
17 #mainmenu span, #mainmenu a {
18         padding-left: 20px;
19         padding-right: 20px;
20         padding-bottom: 9px;
21 }
22 #mainmenu span {
23         border-bottom: 3px solid #3366dd;
24 }
25 #mainmenu a {
26         color: rgba(0, 0, 0, 0.6);
27         text-decoration: none;
28 }
29 table {
30         border-collapse: collapse;
31 }
32 th {
33         background-color: rgba(0, 0, 0, 0.05);
34 }
35 tr {
36         border-top: 1px solid #ddd;
37         border-bottom: 1px solid #ddd;
38 }
39 th, td {
40         margin-left: 0;
41         margin-right: 0;
42         padding-left: 3px;
43         padding-right: 3px;
44         line-height: 2em;
45 }
46 th {
47         padding-left: 15px;
48         padding-right: 15px;
49 }
50 td {
51         white-space: nowrap;
52 }
53 td.num {  /* Surrounded by pad. */
54         text-align: right;
55         max-width: content-width;
56 }
57 td:not(.pad) {
58         width: 1px;  /* Causes pad to stretch. */
59 }
60 td.name {
61         padding-right: 20px;
62 }
63
64 .ci, .invertedci {
65         vertical-align: middle;
66         margin-left: 8px;
67 }
68
69 .ci .marker { stroke: #000; stroke-width: 2px; }
70 .ci .range.s0 { fill: #fdd; }
71 .ci .range.s1 { fill: #dfd; }
72
73 .invertedci .marker { stroke: #000; stroke-width: 2px; }
74 .invertedci .range.s0 { fill: #dfd; }
75 .invertedci .range.s1 { fill: #fdd; }
76
77 .bar { fill: steelblue; }