reformat bonnie++ latency into ms
[MojoFacets.git] / public / mojo_facets.css
1 .count {
2         color: #aaa;
3 }
4 .count:before {
5         content: "(";
6 }
7 .count:after {
8         content: ")";
9 }
10
11 /*
12 label span.hint {
13         display: none;
14         position: absolute;
15         background: #fff;
16         color: #888;
17         padding: 3px;
18 }
19
20 label:hover span.hint {
21         display: block;
22 }
23 */
24
25 span.sort-by {
26         float: right;
27 }
28
29 /* index columns */
30 span.c {
31         background: #eee;
32         font-size: 70%;
33         padding: 0 0.5em;
34 }
35 span.f {
36         font-weight: bold;
37 }
38 span.h {
39         color: #666;
40 }
41
42 .admin {
43         background: #ffc;
44         padding: 0.25em;
45 }
46
47 .admin .active {
48         font-weight: bold;
49 }
50
51 .admin .middle {
52         margin-left: 2em;
53         color: #f00;
54 }
55
56 .admin .right {
57         float: right;
58 }
59
60 .admin .save_actions {
61         color: #f00;
62 }
63
64 a.remove {
65         float: right;
66         color: #f00;
67 }
68
69 .debug {
70         color: #aaa;
71 }
72
73 .debug:hover {
74         color: #000;
75 }
76
77 li label:hover, td label:hover {
78         background: #ff8;
79 }       
80
81 td label {
82         white-space: nowrap;
83 }
84
85
86 div.col_opts {
87         font-size: 70%;
88 }
89
90 .chart {
91         float: right;
92         clear: both;
93         position: relative;
94         margin-top: 1em;
95 }
96
97 .labels-x,
98 .labels-y {
99         position: absolute;
100         left: 0;
101         top: 0;
102         list-style: none;
103         margin: 0;
104         padding: 0;
105         width: 100%;
106         height: 100%;
107 }
108
109 .labels-x li,
110 .labels-y li {
111         position: absolute;
112         bottom: 0;
113         color: #555;
114         font-size: 75%;
115 }
116
117 .labels-y li span.line {
118         position: absolute;
119         border: 0 solid #ccc;
120         opacity: 0.7;
121 }
122 .labels-x li {
123         margin-top: 5px;
124         bottom: -1.5em;
125 }
126 .labels-y li {
127         width: 100%;
128 }
129 .labels-y li span.label {
130         right: 100%;
131         position: absolute;
132         margin-right: 5px;
133         margin-top: -0.5em;
134 }
135 .labels-y li span.line {
136         border-top-width: 1px;
137         width: 100%;
138 }
139
140 label.included,
141 a#included {
142         color: #080;
143 }
144
145 label.excluded,
146 a#excluded {
147         color: #800;
148 }
149
150 /* delimiter for repeatable data */
151 span.d {
152         color: #ccc;
153 }
154
155 .changed {
156         background: #ffe;
157 }
158
159 .used {
160         background: #eee;
161 }
162
163 form.action_filter {
164         float: right;
165 }
166
167 .action_view {
168         border: 1px dashed #ccc;
169 }
170
171 .action_hide {
172         text-decoration: line-through;
173         color: black;
174 }
175
176 .bytes {
177         text-align: right;
178         font-family: monospace;
179         color: #444;
180 }
181
182 /* items/table */
183
184 form#eval {
185         position: fixed;
186         bottom: 0;
187         left: 0;
188         width: 100%;
189         z-index: 10;
190         background: #eee;
191 }
192
193 form#eval textarea {
194         width: 100%;
195 }
196
197 /* items/list.html.ep */
198 a.facet {
199         font-family: monospace;
200         color: #666;
201         text-decoration: none;
202 }
203
204 /* /actions */
205 .change_box {
206         border: 3px dashed #f84;
207 }
208
209 .change_viewed a {
210         color: #888;
211         text-decoration: line-through;
212 }
213
214 /* /actions/changes */
215
216 tr.change pre {
217         color: #000;
218         font-size: 70%;
219 }
220
221 tr.unknown {
222         background: #eee;
223 }
224
225 tr.found {
226         background: #cfc;
227 }
228
229 tr.missing {
230         background: #fcc;
231 }
232
233 tr.skip {
234         background: #fcf;
235 }
236
237 tr.source-changed {
238         background: #cff;
239 }
240
241 tr.hidden {
242         display: none;
243 }
244
245 .alert, .error {
246         border: 0.3em dashed #f00;
247         background: #ffc;
248         text-align: center;
249 }
250
251 .alert {
252         padding: 1em;
253         margin: 1em;
254 }
255
256 /* templates/all_checkboxes.html.ep */
257 span.count span#column_selection {
258         position: absolute;
259         left: 15em;
260 }