moved qdb here because matt is lazy
[public/www-new.git] / pub / qdb / res / themes / default / css / default.css
1 /*\r
2 ###############################################################################\r
3 # Chirpy! 0.3, a quote management system                                      #\r
4 # Copyright (C) 2005-2007 Tim De Pauw <ceetee@users.sourceforge.net>          #\r
5 ###############################################################################\r
6 # This program is free software; you can redistribute it and/or modify it     #\r
7 # under the terms of the GNU General Public License as published by the Free  #\r
8 # Software Foundation; either version 2 of the License, or (at your option)   #\r
9 # any later version.                                                          #\r
10 #                                                                             #\r
11 # This program is distributed in the hope that it will be useful, but WITHOUT #\r
12 # ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or       #\r
13 # FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for   #\r
14 # more details.                                                               #\r
15 #                                                                             #\r
16 # You should have received a copy of the GNU General Public License along     #\r
17 # with this program; if not, write to the Free Software Foundation, Inc., 51  #\r
18 # Franklin St, Fifth Floor, Boston, MA  02110-1301  USA                       #\r
19 ###############################################################################\r
20 \r
21 ###############################################################################\r
22 # default.css                                                                 #\r
23 # The default theme, without color theme-specific style                       #\r
24 ###############################################################################\r
25 # $Id:: default.css 294 2007-02-06 00:01:15Z ceetee                         $ #\r
26 ###############################################################################\r
27 */\r
28 \r
29 html {\r
30         font-family: Verdana, Arial, Helvetica, sans-serif;\r
31         margin: 0;\r
32         padding: 2em 5em;\r
33         background: #FBFBFB;\r
34         color: black;\r
35         font-size: 12px;\r
36 }\r
37 \r
38 body {\r
39         margin: 0;\r
40         padding: 0;\r
41 }\r
42 \r
43 a:link, a:visited {\r
44         text-decoration: none;\r
45         color: #555;\r
46 }\r
47 \r
48 a:hover, a:active {\r
49         text-decoration: underline;\r
50 }\r
51 \r
52 .news-text strong {\r
53         font-weight: bold;\r
54         font-style: normal;\r
55         text-decoration: none;\r
56 }\r
57 \r
58 .news-text em {\r
59         font-weight: normal;\r
60         font-style: normal;\r
61         text-decoration: none;\r
62         border-bottom: 1px solid #999;\r
63 }\r
64 \r
65 h1, h2, h3 {\r
66         font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;\r
67         font-weight: normal;\r
68         margin: 0 0 1em 0;\r
69 }\r
70 \r
71 h1 {\r
72         margin: 0;\r
73         padding: 0;\r
74         font-size: 275%;\r
75 }\r
76 \r
77 h1 a, h1 a:link, h1 a:visited {\r
78         -moz-border-radius: 1em;\r
79         border-radius: 1em;\r
80         margin: 0;\r
81         padding: 0.1em 0.5em;\r
82         border-top: 0.25em solid;\r
83         border-bottom: 0.25em solid;\r
84         color: black;\r
85         text-decoration: none;\r
86         display: block;\r
87 }\r
88 \r
89 h1 a:hover, h1 a:active {\r
90         text-decoration: underline;\r
91         color: black;\r
92 }\r
93 \r
94 h2 {\r
95         font-size: 175%;\r
96 }\r
97 \r
98 h3 {\r
99         font-size: 120%;\r
100 }\r
101 \r
102 p {\r
103         margin: 0 0 1em 0;\r
104 }\r
105 \r
106 form {\r
107         display: inline;\r
108 }\r
109 \r
110 table {\r
111         border-collapse: collapse;\r
112         margin: 0;\r
113         padding: 0;\r
114 }\r
115 \r
116 thead, tbody, tr, td {\r
117         margin: 0;\r
118         padding: 0;\r
119 }\r
120 \r
121 input, select, textarea {\r
122         border: 1px solid #CCC;\r
123         background: white;\r
124         color: #666;\r
125         margin: 0.1em;\r
126         padding: 0.25em;\r
127         -moz-border-radius: 0.5em;\r
128         border-radius: 0.5em;\r
129 }\r
130 \r
131 select option {\r
132         padding: 0.1em;\r
133         margin: 0.1em;\r
134         background: #F9F9F9;\r
135 }\r
136 \r
137 input[type=radio], input[type=checkbox] {\r
138         border: none;\r
139         vertical-align: middle;\r
140 }\r
141 \r
142 input, select {\r
143         font-family: Verdana, Arial, Helvetica, sans-serif;\r
144         font-size: 12px;\r
145 }\r
146 \r
147 textarea {\r
148         font-family: Consolas, Monaco, Courier New, monospace;\r
149         font-size: 12px;\r
150         line-height: 1.5em;\r
151 }\r
152 \r
153 input:focus, select:focus, textarea:focus {\r
154         color: black;\r
155         border-color: #999;\r
156 }\r
157 \r
158 input[type=submit], input[type=reset], input[type=button] {\r
159         padding-left: 1em;\r
160         padding-right: 1em;\r
161 }\r
162 \r
163 input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {\r
164         color: black;\r
165         cursor: pointer;\r
166 }\r
167 \r
168 label {\r
169         border-bottom: 1px dotted transparent;\r
170 }\r
171 \r
172 label:hover {\r
173         border-color: #CCC;\r
174         cursor: pointer;\r
175 }\r
176 \r
177 ul#navigation {\r
178         -moz-border-radius: 0 0 1em 1em;\r
179         border-radius: 0 0 1em 1em;\r
180         margin: 0 4em 3em 0;\r
181         padding: 0.2em 0;\r
182         list-style-type: none;\r
183         font-size: 90%;\r
184         text-align: right;\r
185         text-transform: uppercase;\r
186         white-space: nowrap;\r
187         letter-spacing: 0.1em;\r
188 }\r
189 \r
190 ul#navigation li {\r
191         display: inline;\r
192         margin: 0;\r
193         padding: 0 0 0 0.5em;\r
194 }\r
195 \r
196 ul#navigation li a, ul#navigation li a:visited {\r
197         -moz-border-radius: 0 0 1em 1em;\r
198         border-radius: 0 0 1em 1em;\r
199         background: #EEE;\r
200         margin: 0;\r
201         padding: 0.2em 1em 0.3em 1em;\r
202         color: black;\r
203         text-decoration: none;\r
204         border-bottom: 0.2em solid #E0E0E0;\r
205 }\r
206 \r
207 #footer {\r
208         clear: both;\r
209         float: right;\r
210         font-size: 75%;\r
211         text-align: right;\r
212         border-top: 1px solid black;\r
213         margin: 2.5em 0 0 0;\r
214         padding: 0.75em 1em 0 10em;\r
215         line-height: 1.75em;\r
216 }\r
217 \r
218 #content {\r
219         padding: 1.5em 2.5em;\r
220         -moz-border-radius: 2.5em;\r
221         border-radius: 2.5em;\r
222         background: white;\r
223         min-height: 15em;\r
224         line-height: 1.75em;\r
225 }\r
226 \r
227 ul.quote-list {\r
228         list-style-type: none;\r
229         margin: 0 0 1em 0;\r
230         padding: 0;\r
231 }\r
232 \r
233 ul.quote-list li {\r
234         margin: 0 0 1em 0;\r
235         padding: 0;\r
236 }\r
237 \r
238 ul.quote-list .quote-container {\r
239         background: #FCFCFC;\r
240         -moz-border-radius: 1em 1em 2em 0.5em;\r
241         border-radius: 1em 1em 2em 0.5em;\r
242 }\r
243 \r
244 ul.quote-list li h3.quote-header {\r
245         margin: 0;\r
246         padding: 0.25em 0.75em;\r
247         border: 1px #F4F4F4 solid;\r
248         background: #F7F7F7;\r
249         -moz-border-radius: 0.5em 0.5em 0 0;\r
250         border-radius: 0.5em 0.5em 0 0;\r
251 }\r
252 \r
253 ul.quote-list li h3.quote-header * {\r
254         margin: 0 0.125em;\r
255         padding: 0;\r
256 }\r
257 \r
258 ul.quote-list li h3.quote-header * * {\r
259         margin: 0;\r
260 }\r
261 \r
262 ul.quote-list li h3.quote-header a.casted-vote {\r
263         opacity: 0.2;\r
264         text-decoration: line-through;\r
265         cursor: default;\r
266 }\r
267 \r
268 /* opacity doesn't work in IE, so hide it altogether */\r
269 * html ul.quote-list li h3.quote-header a.casted-vote,\r
270 *:first-child + html ul.quote-list li h3.quote-header a.casted-vote {\r
271         visibility: hidden;\r
272 }\r
273 \r
274 blockquote.quote-body {\r
275         margin: 0.5em 0.75em;\r
276         padding: 0;\r
277         font-family: Consolas, Monaco, Courier New, monospace;\r
278         font-size: 12px;\r
279 }\r
280 \r
281 blockquote.quote-body p {\r
282         margin: 0;\r
283         padding: 0;\r
284 }\r
285 \r
286 #confirmation-form blockquote.quote-body,\r
287 #quote-removal-confirmation-form blockquote.quote-body {\r
288         margin: 1em 0;\r
289         padding: 1em;\r
290         border: 1px dashed #EEE;\r
291 }\r
292 \r
293 ul.quote-list li .quote-footer {\r
294         margin: 0.25em 0.75em;\r
295         padding: 0;\r
296         border-top: 1px dashed #EEE;\r
297         line-height: 1.5em;\r
298 }\r
299 \r
300 ul.quote-list li .quote-footer, ul.quote-list li .quote-footer a {\r
301         color: #999;\r
302 }\r
303 \r
304 ul.quote-list li .quote-footer p {\r
305         font-size: 80%;\r
306         margin: 0;\r
307         padding: 0 0 0 2.5ex;\r
308         text-indent: -2.5ex;\r
309 }\r
310 \r
311 ul.quote-list li .quote-notes .quote-notes-title,\r
312 ul.quote-list li .quote-tags .quote-tags-title {\r
313         font-size: 80%;\r
314         text-transform: uppercase;\r
315         font-style: normal;\r
316         font-weight: normal;\r
317 }\r
318 \r
319 ul.quote-list h3.quote-header .quote-date,\r
320 ul.quote-list h3.quote-header .quote-edit,\r
321 ul.quote-list h3.quote-header .quote-remove,\r
322 ul.quote-list h3.quote-header .quote-unflag,\r
323 ul.quote-list h3.quote-header .quote-live-vote-result {\r
324         font-size: 80%;\r
325 }\r
326 \r
327 ul.quote-list h3.quote-header .quote-vote-count {\r
328         margin-left: 0;\r
329         font-size: 90%;\r
330 }\r
331 \r
332 ul.quote-list h3.quote-header .quote-live-vote-result {\r
333         float: right;\r
334         text-transform: uppercase;\r
335 }\r
336 \r
337 ul.quote-list li.flagged h3.quote-header {\r
338         border: 1px #E9E9E9 solid;\r
339         background: #ECECEC;\r
340 }\r
341 \r
342 ul.quote-list li.unapproved h3.quote-header {\r
343         border: 1px #F9E9E9 solid;\r
344         background: #FCF0F0;\r
345 }\r
346 \r
347 .flag-options label, .approval-options label {\r
348         margin-right: 0.25em;\r
349 }\r
350 \r
351 #welcome-message-container {\r
352         width: 50%;\r
353         float: left;\r
354 }\r
355 \r
356 #welcome-message {\r
357         padding-right: 1.25em;\r
358 }\r
359 \r
360 #news-display-container {\r
361         width: 50%;\r
362         float: right;\r
363 }\r
364 \r
365 #news-display {\r
366         padding-left: 1.25em;\r
367 }\r
368 \r
369 #start-page-end {\r
370         clear: both;\r
371 }\r
372 \r
373 ul#news-list {\r
374         list-style-type: none;\r
375         margin: 0;\r
376         padding: 0;\r
377 }\r
378 \r
379 ul#news-list .news-text {\r
380         margin-bottom: 0.5em;\r
381 }\r
382 \r
383 ul#news-list .news-footer {\r
384         font-weight: bold;\r
385         margin-bottom: 1.5em;\r
386 }\r
387 \r
388 ul#news-list .news-footer .news-edit, ul#news-list .news-footer .news-remove {\r
389         font-size: 80%;\r
390 }\r
391 \r
392 .quote-browser {\r
393         margin: 0;\r
394         padding: 0;\r
395 }\r
396 \r
397 #quote-browser-top {\r
398         float: right;\r
399         margin-top: 0.25em;\r
400 }\r
401 \r
402 #quote-browser-bottom {\r
403         text-align: right;\r
404         margin-bottom: 0.25em;\r
405 }\r
406 \r
407 .quote-browser * {\r
408         margin: 0 0 0 0.1em;\r
409         padding: 0.25em 0.5em;\r
410         background: #F9F9F9;\r
411         -moz-border-radius: 0 0.5em 2em 0.5em;\r
412         border-radius: 0 0.5em 2em 0.5em;\r
413 }\r
414 \r
415 .quote-browser .inactive {\r
416         color: #C9C9C9;\r
417 }\r
418 \r
419 #search-haiku {\r
420         font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;\r
421         font-style: italic;\r
422         font-size: 14px;\r
423         color: #DDD;\r
424         letter-spacing: 0.5ex;\r
425         line-height: 2.25em;\r
426         text-align: right;\r
427         margin: -3em 0 1em 0;\r
428         padding: 0 2em;\r
429         cursor: default;\r
430 }\r
431 \r
432 #search-haiku del {\r
433         display: none;\r
434 }\r
435 \r
436 #search-haiku:hover {\r
437         letter-spacing: 0.4ex;\r
438 }\r
439 \r
440 /* IE hates cool CSS */\r
441 * html #search-haiku, *:first-child + html #search-haiku {\r
442         display: none;\r
443 }\r
444 \r
445 #search-haiku:hover del {\r
446         display: inline;\r
447         text-decoration: none;\r
448         color: #AAA;\r
449 }\r
450 \r
451 #search-form {\r
452         white-space: nowrap;\r
453         margin-bottom: 1.5em;\r
454 }\r
455 \r
456 #search-form #query-container, #search-form #submit-container {\r
457         display: inline;\r
458 }\r
459 \r
460 #search-form #query-field {\r
461         width: 33%;\r
462 }\r
463 \r
464 #submit-form #quote-field, #edit-quote-form #quote-field, .quote-data .body-field,\r
465 #submit-form #notes-field, #edit-quote-form #notes-field, .quote-data .notes-field,\r
466 #edit-news-item-form #news-item-field {\r
467         width: 95%;\r
468         height: 12em;\r
469         display: block;\r
470 }\r
471 \r
472 #submit-form #notes-field, #edit-quote-form #notes-field, .quote-data .notes-field {\r
473         height: 6em;\r
474 }\r
475 \r
476 .quote-data .field-container {\r
477         margin: 0.5em 0.75em;\r
478 }\r
479 \r
480 #submit-form #quote-container, #submit-form #notes-container,\r
481 #submit-form #tags-container, #submit-form #captcha-container,\r
482 #edit-quote-form #quote-container, #edit-quote-form #notes-container,\r
483 #edit-quote-form #tags-container {\r
484         margin-bottom: 1em;\r
485 }\r
486 \r
487 #submit-form #tags-container label,\r
488 #edit-quote-form #tags-container label {\r
489         display: block;\r
490 }\r
491 \r
492 #submit-form #tags-container input,\r
493 #edit-quote-form #tags-container input,\r
494 .quote-data input {\r
495         width: 95%;\r
496 }\r
497 \r
498 #submit-form #captcha-image {\r
499         vertical-align: middle;\r
500         padding: 0;\r
501         margin: 0.1em 1ex 0.1em 0.1em;\r
502 }\r
503 \r
504 #submit-form #captcha-code-field {\r
505         width: 16ex;\r
506 }\r
507 \r
508 #jump-to-quote-form #jump-to-id-field {\r
509         width: 8ex;\r
510 }\r
511 \r
512 #jump-to-quote-form #jump-to-quote-submit-button {\r
513         padding: 0.1em 0.5em;\r
514 }\r
515 \r
516 ul.tag-cloud {\r
517         list-style: none;\r
518         margin: 0;\r
519         padding: 0;\r
520 }\r
521 \r
522 ul.tag-cloud li {\r
523         display: inline;\r
524         margin: 0;\r
525         padding: 0 1ex 0 0;\r
526 }\r
527 \r
528 ul.tag-cloud li a {\r
529         white-space: nowrap;\r
530 }\r
531 \r
532 #confirmation-form #confirm-button, #confirmation-form #cancel-button {\r
533         width: 16ex;\r
534 }\r
535 \r
536 ul.tabbed-pane-header {\r
537         list-style-type: none;\r
538         margin: 0 0 0 1.5em;\r
539         padding: 0;\r
540         line-height: 2em;\r
541         white-space: nowrap;\r
542 }\r
543 \r
544 ul.tabbed-pane-header li {\r
545         display: inline;\r
546         margin: 0 0.25em 0 0;\r
547         padding: 0;\r
548 }\r
549 \r
550 ul.tabbed-pane-header li a, ul.tabbed-pane-header li a:visited {\r
551         padding: 0.25em 0.75em 0.5em 0.75em;\r
552         background: #F0F0F0;\r
553         border-top: 0.2em solid #ECECEC;\r
554         color: black;\r
555         text-decoration: none;\r
556         -moz-border-radius: 0.5em 0.5em 0 0;\r
557         border-radius: 0.5em 0.5em 0 0;\r
558         cursor: pointer;\r
559 }\r
560 \r
561 ul.tabbed-pane-contents {\r
562         list-style-type: none;\r
563         margin: 0;\r
564         padding: 1em;\r
565         -moz-border-radius: 1em;\r
566         border-radius: 1em;\r
567 }\r
568 \r
569 ul.tabbed-pane-contents > li {\r
570         display: block;\r
571         margin: 0;\r
572         padding: 0;\r
573         min-height: 15em;\r
574 }\r
575 \r
576 .tabbed-pane-contents .tab-title {\r
577         display: none;\r
578 }\r
579 \r
580 #post-news-form {\r
581         margin-bottom: 1em;\r
582 }\r
583 \r
584 #post-news-form #news-field {\r
585         width: 95%;\r
586         height: 12em;\r
587         display: block;\r
588 }\r
589 \r
590 #quick-manage-quote-form #quick-manage-quote-id-container,\r
591 #quick-manage-quote-form #quick-manage-quote-options,\r
592 #quick-manage-quote-form #quick-manage-quote-submit {\r
593         display: inline;\r
594         margin-right: 0.5em;\r
595 }\r
596 \r
597 #quick-manage-quote-form #quick-manage-quote-id-field {\r
598         width: 8ex;\r
599 }\r
600 \r
601 #account-manager {\r
602         text-align: right;\r
603         padding: 0 1em;\r
604 }\r
605 \r
606 #account-manager #username-select-container {\r
607         width: 40%;\r
608         float: left;\r
609 }\r
610 \r
611 #account-manager #username-select {\r
612         width: 100%;\r
613         height: 20em;\r
614 }\r
615 \r
616 #account-manager #username-select #username-new-user {\r
617         font-weight: bold;\r
618 }\r
619 \r
620 #account-manager #username-select .user-level-9,\r
621 #account-manager #level-select .user-level-9,\r
622 #edit-news-item-form #news-item-poster-select .user-level-9 {\r
623         background: #FFF0F9;\r
624 }\r
625 \r
626 #account-manager #username-select .user-level-6,\r
627 #account-manager #level-select .user-level-6,\r
628 #edit-news-item-form #news-item-poster-select .user-level-6  {\r
629         background: #FFF9F0;\r
630 }\r
631 \r
632 #account-manager #username-select .user-level-3,\r
633 #account-manager #level-select .user-level-3,\r
634 #edit-news-item-form #news-item-poster-select .user-level-3  {\r
635         background: #F0FFE9;\r
636 }\r
637 \r
638 #account-manager #username-field {\r
639         margin-top: 2em;\r
640 }\r
641 \r
642 #account-manager #username-field,\r
643 #account-manager #password-field,\r
644 #account-manager #repeat-password-field {\r
645         width: 40%;\r
646 }\r
647 \r
648 #account-manager #username-select-container,\r
649 #account-manager #username-container,\r
650 #account-manager #repeat-password-container,\r
651 #account-manager #level-container {\r
652         margin-bottom: 0.75em;\r
653 }\r
654 \r
655 #account-manager #account-manager-result {\r
656         margin: 2em 0 0 0;\r
657         padding: 0.25em 0 0 0;\r
658         width: 45%;\r
659         float: right;\r
660         font-weight: bold;\r
661         border-top: 1px solid #EEE;\r
662 }\r
663 \r
664 #edit-news-item-form #news-item-poster-container,\r
665 #edit-news-item-form #edit-news-item-submit-container {\r
666         display: inline;\r
667 }\r
668 \r
669 #post-news-form #news-container, #edit-news-item-form #news-item-container {\r
670         margin-bottom: 0.75em;\r
671 }\r
672 \r
673 #login-form #user-name-container,\r
674 #login-form #password-container,\r
675 #login-form #submit-container,\r
676 #change-password-form #current-password-container,\r
677 #change-password-form #new-password-container,\r
678 #change-password-form #repeat-new-password-container,\r
679 #change-password-form #submit-container {\r
680         display: inline;\r
681         margin-right: 0.5em;\r
682         white-space: nowrap;\r
683 }\r
684 \r
685 #login-form #user-name-field,\r
686 #login-form #password-field {\r
687         width: 25ex;\r
688 }\r
689 \r
690 #change-password-form #current-password-field,\r
691 #change-password-form #new-password-field,\r
692 #change-password-form #repeat-new-password-field {\r
693         width: 20ex;\r
694 }\r
695 \r
696 #mass-approve-container, #mass-unflag-container {\r
697         display: inline;\r
698 }\r
699 \r
700 #update-information {\r
701         background: #FFF6E6;\r
702         border: 2px dashed #F90;\r
703         color: #E70;\r
704         margin: 2em 5%;\r
705         padding: 0;\r
706         font-weight: bold;\r
707         line-height: 1.25em;\r
708 }\r
709 \r
710 #update-information a, #update-information a:visited {\r
711         display: block;\r
712         color: #E70;\r
713         text-align: center;\r
714         margin: 0;\r
715         padding: 1em;\r
716 }\r
717 \r
718 #update-information a:hover {\r
719         text-decoration: none;\r
720         color: #E50;\r
721 }\r
722 \r
723 #update-information p {\r
724         text-align: center;\r
725         margin: 0.75em 1em 0.25em 1em;\r
726         padding: 0;\r
727 }\r
728 \r
729 #update-information blockquote {\r
730         text-align: center;\r
731         margin: 0 1em 0.75em 1em;\r
732         color: #666;\r
733         font-weight: normal;\r
734         font-style: italic;\r
735 }\r
736 \r
737 #event-log-table {\r
738         border-collapse: collapse;\r
739         width: 100%;\r
740         clear: both;\r
741 }\r
742 \r
743 .event-log-navigation {\r
744         text-align: center;\r
745 }\r
746 \r
747 #event-log-navigation-top {\r
748         margin-bottom: 0.75em;\r
749 }\r
750 \r
751 #event-log-navigation-bottom {\r
752         margin-top: 0.75em;\r
753 }\r
754 \r
755 .event-log-navigation * {\r
756         padding: 0.25em 0.5em;\r
757         background: #F9F9F9;\r
758         -moz-border-radius: 0 0.5em 2em 0.5em;\r
759         border-radius: 0 0.5em 2em 0.5em;\r
760         cursor: pointer;\r
761 }\r
762 \r
763 .event-log-navigation .back {\r
764         float: left;\r
765         padding-top: 0;\r
766         padding-bottom: 0;\r
767 }\r
768 \r
769 .event-log-navigation .forward {\r
770         float: right;\r
771         padding-top: 0;\r
772         padding-bottom: 0;\r
773 }\r
774 \r
775 .event-log-navigation .inactive {\r
776         color: #C9C9C9;\r
777         cursor: default;\r
778         text-decoration: none;\r
779 }\r
780 \r
781 #event-log-table tr {\r
782         margin: 0;\r
783         padding: 0;\r
784 }\r
785 \r
786 #event-log-table th, #event-log-table td {\r
787         margin: 0;\r
788         padding: 0.25ex 1ex;\r
789         text-align: left;\r
790         vertical-align: top;\r
791 }\r
792 \r
793 #event-log-table thead tr {\r
794         background: #F0F0F0;\r
795         border: 1px solid #E6E6E6;\r
796 }\r
797 \r
798 #event-log-table td {\r
799         border: 1px solid #F0F0F0;\r
800 }\r
801 \r
802 #event-log-table tbody {\r
803         border: 1px solid #E6E6E6;\r
804 }\r
805 \r
806 #event-log-table tr.odd {\r
807         background: #F9F9F9;\r
808 }\r
809 \r
810 #event-log-table tr.even {\r
811         background: white;\r
812 }\r
813 \r
814 #event-log-table td.id {\r
815         text-align: right;\r
816 }\r
817 \r
818 #event-log-table th.id {\r
819         text-align: center;\r
820 }\r
821 \r
822 #event-log-table th.id a {\r
823         display: block;\r
824         text-decoration: none;\r
825         color: black;\r
826 }\r
827 \r
828 #event-log-table th, #event-log-table td.date, #event-log-table td.event {\r
829         white-space: nowrap;\r
830 }\r
831 \r
832 #event-log-table th.event, #event-log-table td.event {\r
833         width: 100%;\r
834 }\r
835 \r
836 #event-log-table .guest {\r
837         font-style: italic;\r
838 }\r
839 \r
840 #event-log-table .removed-account {\r
841         font-style: italic;\r
842 }\r
843 \r
844 #event-log-table .filtered, #event-log-table .filtered * {\r
845         text-decoration: underline;\r
846 }\r
847 \r
848 #event-log-table .empty {\r
849         font-style: italic;\r
850 }\r
851 \r
852 #event-log-table .loading {\r
853         font-style: italic;\r
854         text-align: center;\r
855 }\r
856 \r
857 .statistics-section {\r
858         display: inline;\r
859         float: left;\r
860         margin-right: 1.5em;\r
861 }\r
862 \r
863 .statistics-section h3 {\r
864         margin-bottom: 0.75em;\r
865 }\r
866 \r
867 #after-statistics {\r
868         clear: both;\r
869 }\r
870 \r
871 .chart, .chart * {\r
872         cursor: default;\r
873 }\r
874 \r
875 .chart {\r
876         position: relative;\r
877         width: 720px;\r
878         height: 400px;\r
879         overflow: hidden;\r
880         border: 1px solid #CCC;\r
881         line-height: 1em;\r
882         font-size: 10px;\r
883         color: #666;\r
884         background: #FCFCFC;\r
885         margin: 0 0 1.5em 0;\r
886 }\r
887 \r
888 .bar-chart-graph, .ogive-graph {\r
889         position: absolute;\r
890         left: 50px;\r
891         top: 10px;\r
892         width: 660px;\r
893         height: 360px;\r
894         border-bottom: 1px solid #666;\r
895         border-left: 1px solid #666;\r
896 }\r
897 \r
898 .chart-line {\r
899         position: absolute;\r
900         left: 0;\r
901         width: 100%;\r
902         height: 0;\r
903         border-top: 1px dashed #E0E0E0;\r
904 }\r
905 \r
906 .chart-labels {\r
907         position: absolute;\r
908         left: 50px;\r
909         bottom: 10px;\r
910         width: 660px;\r
911         margin-left: 1px;\r
912 }\r
913 \r
914 .chart-values {\r
915         position: absolute;\r
916         left: 10px;\r
917         top: 10px;\r
918         width: 30px;\r
919         height: 360px;\r
920 }\r
921 \r
922 .chart-value {\r
923         position: absolute;\r
924         right: 0;\r
925         text-align: right;\r
926         margin-bottom: -5px;\r
927 }\r
928 \r
929 .chart-label {\r
930         position: absolute;\r
931         bottom: 0;\r
932 }\r
933 \r
934 .chart-inner-label {\r
935         position: absolute;\r
936         left: 0;\r
937         bottom: 0;\r
938         width: 100%;\r
939 }\r
940 \r
941 .bar-chart-column {\r
942         position: absolute;\r
943         bottom: 0;\r
944         height: 100%;\r
945 }\r
946 \r
947 .bar-chart-bar {\r
948         position: absolute;\r
949         left: 0;\r
950         bottom: 0;\r
951         width: 100%;\r
952 }\r
953 \r
954 .bar-chart-inner-bar {\r
955         margin: 0 5%;\r
956         min-width: 1px;\r
957         height: 100%;\r
958         background: #DCDCDC;\r
959         -moz-border-radius: 20% 20% 0 0;\r
960         border-radius: 20% 20% 0 0;\r
961 }\r
962 \r
963 .bar-chart-column:hover .bar-chart-inner-bar {\r
964         background: #D6D6D6;\r
965 }\r
966 \r
967 .bar-chart-average-container {\r
968         position: absolute;\r
969         left: 0;\r
970         width: 100%;\r
971         height: 0;\r
972         border-top: 1px solid #BCBCBC;\r
973         color: #999;\r
974 }\r
975 \r
976 .bar-chart-average-container div {\r
977         float: right;\r
978         padding: 2px 5px;\r
979 }\r
980 \r
981 .pie-chart-graph {\r
982         position: absolute;\r
983         left: 20px;\r
984         top: 20px;\r
985 }\r
986 \r
987 .pie-chart-legend {\r
988         position: absolute;\r
989         right: 20px;\r
990         top: 70px;\r
991         border: 1px solid #ACACAC;\r
992         background: #FEFEFE;\r
993         margin: 0;\r
994         padding: 8px 10px;\r
995         width: 280px;\r
996         white-space: nowrap;\r
997 }\r
998 \r
999 .pie-chart-legend dt, .pie-chart-legend dd {\r
1000         margin: 0;\r
1001         padding: 0;\r
1002 }\r
1003 \r
1004 .pie-chart-legend dt {\r
1005         float: left;\r
1006         width: 21px;\r
1007         height: 20px;\r
1008 }\r
1009 \r
1010 .pie-chart-legend dt div {\r
1011         width: 14px;\r
1012         height: 14px;\r
1013         border: 1px solid #ACACAC;\r
1014         margin: 2px 0 0 0;\r
1015 }\r
1016 \r
1017 .pie-chart-legend dd {\r
1018         height: 15px;\r
1019         padding: 5px 0 0 0;\r
1020         text-align: right;\r
1021 }\r
1022 \r
1023 .pie-chart-legend dd .label {\r
1024         float: left;\r
1025         text-align: left;\r
1026         width: 180px;\r
1027 }\r
1028 \r
1029 .pie-chart-legend dd .value, .pie-chart-legend dd .percentage {\r
1030         color: #999;\r
1031         width: 35px;\r
1032 }\r
1033 \r
1034 .pie-chart-legend dd .value {\r
1035         float: left;\r
1036         text-align: right;\r
1037 }\r
1038 \r
1039 .pie-chart-legend dd .percentage {\r
1040         float: right;\r
1041 }\r
1042 \r
1043 .ogive .regression-equation {\r
1044         color: #999;\r
1045 }\r
1046 \r
1047 #tag-cloud-slider-container {\r
1048         float: right;\r
1049         background: #FBFBFB;\r
1050         padding: 1ex;\r
1051 }\r
1052 \r
1053 #tag-usage-minimum {\r
1054         float: left;\r
1055         margin: 0 1ex 0 0;\r
1056         font-style: italic;\r
1057 }\r
1058 \r
1059 #tag-cloud-slider-container .dynamic-slider-control {\r
1060         float: left;\r
1061 }\r
1062 \r
1063 .dynamic-slider-control {\r
1064         position: relative;\r
1065         -moz-user-focus: normal;\r
1066         -moz-user-select: none;\r
1067         cursor: default;\r
1068         width: 150px;\r
1069         height: 1.75em;\r
1070 }\r
1071 \r
1072 .dynamic-slider-control * {\r
1073         font-size: 1px;\r
1074 }\r
1075 \r
1076 .dynamic-slider-control input {\r
1077         display: none;\r
1078 }\r
1079 \r
1080 .dynamic-slider-control .handle {\r
1081         position: absolute;\r
1082         -moz-user-select: none;\r
1083         cursor: default;\r
1084         background: #D3D3D3;\r
1085         border: 1px solid;\r
1086         border-color: #F3F3F3 #B3B3B3 #B3B3B3 #F3F3F3;\r
1087         width: 5px;\r
1088 }\r
1089 \r
1090 .dynamic-slider-control .line {\r
1091         behavior: url("../js/slider/boxsizing.htc");\r
1092         box-sizing: content-box;\r
1093         -moz-box-sizing: content-box;\r
1094         position: absolute;\r
1095         overflow: hidden;\r
1096         border: 1px solid;\r
1097         border-color: #A3A3A3 #E3E3E3 #E3E3E3 #A3A3A3;\r
1098         background: #C3C3C3;\r
1099         height: 1px;\r
1100 }\r
1101 \r
1102 .dynamic-slider-control .line div {\r
1103         display: none;\r
1104 }