2 font-family: sans-serif;
3 background-color: white;
7 text-transform: uppercase;
14 border-top: 1px solid #ddd;
15 border-bottom: 1px solid #ddd;
17 #mainmenu span, #mainmenu a {
23 border-bottom: 3px solid #3366dd;
26 color: rgba(0, 0, 0, 0.6);
27 text-decoration: none;
33 border-bottom: 1px solid #ddd;
41 vertical-align: middle;
44 vertical-align: bottom;
49 display: inline-block;
50 vertical-align: bottom;
54 background-color: #35f;
60 .filter-click-to-add {
62 vertical-align: bottom;
65 color: rgba(0, 0, 0, 0.4);
67 #filter-add-container {
68 display: inline-block;
74 border: 1px solid black;
81 #filter-add-menu div.option, #filter-submenu div.option {
87 #filter-add-menu div.option:hover, #filter-submenu div.option:hover {
88 background-color: #eee;
90 #filter-add-menu div.arrow {
91 display: inline-block;
97 border: 1px solid black;
99 top: 27px; /* JavaScript will override with 35px extra for each line the submenu should be moved down. */
103 #filter-submenu div.option {
106 .filter:not(:nth-child(1 of .filter)) svg,
107 .filter:not(:nth-child(1 of .filter)) .filter-legend {
110 div.option input[type="checkbox"] {
114 border-collapse: collapse;
117 background-color: rgba(0, 0, 0, 0.05);
120 border-top: 1px solid #ddd;
121 border-bottom: 1px solid #ddd;
137 td.num { /* Surrounded by pad. */
139 max-width: content-width;
142 width: 1px; /* Causes pad to stretch. */
148 .ci, .invertedci, .fillerci {
149 vertical-align: middle;
153 .ci .marker { stroke: #000; stroke-width: 2px; }
154 .ci .range.s0 { fill: #fdd; }
155 .ci .range.s1 { fill: #dfd; }
157 .invertedci .marker { stroke: #000; stroke-width: 2px; }
158 .invertedci .range.s0 { fill: #dfd; }
159 .invertedci .range.s1 { fill: #fdd; }
161 .bar { fill: steelblue; }
163 .filtermarker { font-size: smaller; text-transform: uppercase; }