aae0209de800d46836d24cc252f7257bb7e59c72
[onis.git] / reports / light-theme / style.css
1 a
2 {
3         color: navy;
4         background-color: transparent;
5         text-decoration: none;
6         font-weight: bold;
7 }
8
9 a:hover
10 {
11         text-decoration: underline;
12 }
13
14 a:visited
15 {
16         font-weight: normal;
17 }
18
19 body
20 {
21         background-color: white;
22         background-image: url(stripes.png);
23         color: black;
24 }
25
26 div.msie_hack
27 {
28         text-align: center;
29 }
30
31 em
32 {
33         font-style: normal;
34         font-weight: bold;
35 }
36
37 h1, h2
38 {
39         text-align: center;
40 }
41
42 img#smalllogo
43 {
44         border: none;
45         float: right;
46         margin: 1px;
47 }
48
49 p
50 {
51         text-align: center;
52 }
53
54 span.small
55 {
56         font-size: smaller;
57 }
58
59 table
60 {
61         margin-left: auto;
62         margin-right: auto;
63 }
64
65 table.big_ranking img
66 {
67         border-left: none;
68         border-right: none;
69         height: 10px;
70 }
71
72 table.big_ranking td.image img,
73 table.userdetails td.image img
74 {
75         width: auto;
76         height: auto;
77         width: 50px;
78         height: 50px;
79         display: block;
80         border: 1px solid gray;
81 }
82
83 table.conversations
84 {
85         border-collapse: collapse;
86 }
87
88 table.conversations td
89 {
90         width: 50%;
91 }
92
93 table.conversations td.bar img
94 {
95         display: inline;
96         height: 4px;
97 }
98
99 table.conversations td.left
100 {
101         text-align: right;
102 }
103
104 table.conversations td
105 {
106         border-top: 2px solid white;
107 }
108
109 table.conversations td.right
110 {
111         text-align: left;
112 }
113
114 table.copy
115 {
116         width: 100%;
117         border-top: 1px solid black;
118 }
119
120 table.copy span.spam
121 {
122         display: none;
123 }
124
125 table.copy td
126 {
127         background-color: transparent;
128         color: gray;
129         font-size: small;
130         width: 50%;
131 }
132
133 table.copy td.right
134 {
135         text-align: right;
136 }
137
138 table.hours tr.bars
139 {
140         height: 150px;
141 }
142
143 table.hours tr.bars td.bar
144 {
145         color: black;
146         background-color: transparent;
147
148         width: 4.1666%;
149 }
150
151 table.hours tr.bars td.bar img
152 {
153         width: 15px;
154 }
155
156 table.legend
157 {
158         width: 500px;
159 }
160
161 table.legend img
162 {
163         display: inline;
164         width: 50px;
165         height: 15px;
166         border: 1px solid gray;
167 }
168
169 table.legend td
170 {
171         background-color: transparent;
172         color: black;
173         text-align: center;
174         width: 125px;
175 }
176
177 table.longterm tr.bars
178 {
179         height: 100px;
180 }
181
182 table.longterm tr.bars td
183 {
184         color: black;
185         background-color: transparent;
186 }
187
188 table.longterm tr.bars td img
189 {
190         width: 3px;
191 }
192
193 table.plugin
194 {
195         width: 500px;
196         margin-top: 20px;
197         margin-bottom: 10px;
198 }
199
200 table.plugin.userdetails
201 {
202         width: auto;
203         border-collapse: collapse;
204 }
205
206 table.userdetails td.convpartners,
207 table.userdetails td.counters,
208 table.userdetails td.numbers
209 {
210         vertical-align: top;
211 }
212
213 table.userdetails td.convpartners table
214 {
215         margin-right: auto;
216         margin-left: 0px;
217 }
218
219 table.userdetails td.convpartners td.bar img
220 {
221         height: 4px;
222 }
223
224 table.userdetails table.hours tr.bars
225 {
226         height: 75px;
227 }
228
229 table.userdetails table.hours tr.bars td.bar img
230 {
231         width: 3px;
232 }
233
234 table.userdetails td.image
235 {
236         vertical-align: top;
237         padding: 1ex;
238 }
239
240 table.userdetails th.nick
241 {
242         border-top: 2px solid white;
243         border-bottom: 2px solid white;
244 }
245
246 table.weekdays td
247 {
248         /* 14.2857 = 100/7 */
249         width: 14.28%;
250 }
251
252 table.weekdays tr.bars
253 {
254         height: 100px;
255 }
256
257 table.weekdays tr.bars td
258 {
259         color: black;
260         background-color: transparent;
261
262         /* 3.5714 = 100/28 */
263         width: 3.57%;
264 }
265
266 table.weekdays tr.bars td img
267 {
268         width: 10px;
269 }
270
271 td
272 {
273         background-color: #f8f8f8;
274         color: black;
275         text-align: left;
276 }
277
278 td.bar
279 {
280         font-size: smaller;
281 }
282
283 td.bar img
284 {
285         border-top: 1px solid gray;
286         border-bottom: 1px solid gray;
287 }
288
289 td.bar img.first
290 {
291         border-left: 1px solid gray;
292 }
293
294 td.bar img.last
295 {
296         border-right: 1px solid gray;
297 }
298
299 td.bar.vertical
300 {
301         vertical-align: bottom;
302         padding: 0px;
303         border: none;
304 }
305
306 td.bar.vertical img
307 {
308         display: block;
309
310         margin-top: 0px;
311         margin-right: auto;
312         margin-bottom: 0px;
313         margin-left: auto;
314
315         border-top: none;
316         border-right: 1px solid gray;
317         border-bottom: none;
318         border-left: 1px solid gray;
319 }
320
321 td.bar.vertical img.first
322 {
323         border-top: 1px solid gray;
324 }
325
326 td.bar.vertical img.last
327 {
328         border-bottom: 1px solid gray;
329 }
330
331 td.counter
332 {
333         font-size: 60%;
334         text-align: center;
335
336         color: gray;
337         background-color: transparent;
338
339         border: 1px solid silver;
340 }
341
342 td.numeration
343 {
344         font-weight: bold;
345         font-size: 80%;
346         text-align: center;
347
348         color: black;
349         background-color: silver;
350 }
351
352 td.numeration.sun,
353 td.numeration.sat
354 {
355         color: maroon;
356 }
357
358 td.invis
359 {
360         background-color: transparent;
361         color: black;
362 }
363
364 th
365 {
366         background-color: silver;
367         color: black;
368         text-align: center;
369         font-weight: bold;
370         font-style: italic;
371 }
372
373 tr.hour_row td
374 {
375         border: 1px solid gray;
376 }