CSS classes cleaned up, templates simplified:
[mailer.git] / theme / default / css / general.css
1 body {
2         background-color: #eeffee;
3         color: #000000;
4         font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
5         font-size: 12px;
6         letter-spacing: 1px;
7         scrollbar-base-color: #E9E4AE;
8         scrollbar-face-color: #CDEFCD;
9         scrollbar-highlight-color: #eeffee;
10         scrollbar-shadow-color: #CDEFCD;
11         scrollbar-3dlight-color: #dddddd;
12         scrollbar-arrow-color: #000000;
13         scrollbar-track-color: #ccEFcc;
14         scrollbar-darkshadow-color: #999999;
15         margin: 0px;
16         margin-left: 0px;
17         margin-right: 0px;
18         margin-top: 0px;
19         margin-bottom: 0px;
20 }
21
22 table {
23         table-layout: auto;
24         border-spacing: 0px;
25         overflow: auto;
26 }
27
28 A {
29         font-style: normal;
30         text-decoration: none;
31 }
32
33 A:link {
34         color: #2e51a9;
35 }
36
37 A:visited {
38         color: #ae3139;
39 }
40
41 A:active {
42         color: #2e51a9;
43         background-color: transparent;
44 }
45
46 A:hover {
47         background-color: transparent;
48 }
49
50 input, textarea {
51         color: #009900;
52         background-color: #eeffee;
53         border: 1px groove #00aa44;
54         text-decoration: none;
55 }
56
57 select, option {
58         background-color: #eeffee;
59         border: groove 1px #009900;
60         color: #00aa44;
61         text-decoration: none;
62 }
63
64 input:hover, textarea:hover {
65         border-color: #00dd44;
66         color: #007700;
67 }
68
69 input.admin_delete:hover {
70         background-color: #770044;
71         color: #aabbaa;
72 }
73
74 select:hover, option:hover {
75         border-color: #00cc00;
76         color: #007744;
77 }
78
79 ul,ol {
80         margin-top: 0px;
81         margin-bottom: 0px;
82 }
83
84 .admin_reset, .guest_reset, .member_reset {
85         border: groove 1px #009900;
86         color: #00aa44;
87         cursor: pointer;
88 }
89
90 .admin_submit, .guest_submit, .member_submit {
91         color: #00aa44;
92         border-color: #009900;
93         cursor: pointer;
94 }
95
96 .admin_submit_reject {
97         border-style: groove;
98         color: #881111;
99         border-color: #009900;
100         cursor: pointer;
101 }
102
103 .runtime_fatal, .runtime_fatalcontent {
104         width: 700px;
105         color: #118811;
106         background-color: #ddeedd;
107 }
108
109 .runtime_fatal {
110         color: #00aa00;
111 }
112
113 .runtime_fatalcontent {
114         text-align: left;
115         font-size: 12px;
116 }
117
118 .admin {
119         color: #118811;
120         background-color: #ddeedd;
121 }
122
123 .admin_note {
124         color: #ff0000;
125         font-size: 12px;
126 }
127
128 DIV.admin_note {
129         padding-top: 10px;
130         padding-right: 10px;
131         padding-left: 10px;
132 }
133
134 .admin_fatal {
135         font-size: 18px;
136         color: #00aa00;
137 }
138
139 .admin_edit, .member_confirm {
140         background-color: #eeffee;
141 }
142
143 .member_banner {
144         background-color: #eeffee;
145         width: 488px;
146 }
147
148 .admin_error {
149         background-color: #eeffee;
150         color: #00aa00;
151         font-size: 10px;
152 }
153
154 .admin_select, .guest_select, .member_select {
155         border: groove 1px #009900;
156         background-color: #eeffee;
157 }
158
159 .admin_register, .admin_desc_header, .admin_done, .admin_title, .admin_message {
160         background-color: #ddeedd;
161         color: #009900;
162         text-align: center;
163 }
164
165 .member_done, .guest_done {
166         color: #009900;
167 }
168
169 .member_misc {
170         background-color: #ddeedd;
171 }
172
173 .admin_misc, .member_misc {
174         color: #000000;
175 }
176
177 .admin_done2 {
178         color: #00aa44;
179 }
180
181 .admin_green, .admin_no {
182         color: #009900;
183 }
184
185 .admin_welcome {
186         background-color: #ddeedd;
187         color: #009900;
188         vertical-align: middle;
189         font-size: 18px;
190         height: 50px;
191 }
192
193 .admin_menu {
194         background-color: #ddeedd;
195         color: #000077;
196         width: 220px;
197         height: 25px;
198 }
199
200 .admin_logout {
201         background-color: #aaffaa;
202         color: #00aa00;
203 }
204
205 a.admin_logout {
206         display: block;
207 }
208
209 .admin_logout:hover {
210         background-color: #88dd88;
211         color: #00cc00;
212 }
213
214 .admin_desc_cont {
215         text-align: left;
216         background-color: #eeffee;
217 }
218
219 .admin_table, .member_table {
220         background-color: #eeffee;
221         width: 660px;
222         margin: 5px;
223 }
224
225 .admin_warning_table {
226         background-color: #ff8888;
227         width: 660px;
228         margin: 5px;
229 }
230
231 .admin_editmenu {
232         min-width: 500px;
233         max-width: 90%;
234 }
235
236 .admin_form_header {
237         text-align: center;
238         height: 36px;
239         background-color: #ddeedd;
240         color: #009900;
241 }
242
243 .member_header {
244         text-align: center;
245         color: #009900;
246         vertical-align: middle;
247         background-color: #ddeedd;
248         height: 60px;
249 }
250
251 .admin_failed, .guest_failed, .member_failed, .member_note {
252         color: #00aa00;
253 }
254
255 .member_note_bg {
256         background-color: #eeffee;
257 }
258
259 .member_data {
260         background-color: #eeffee;
261         color: #009900;
262         height: 20px;
263 }
264
265 .admin_snote {
266         font-size: 12px;
267 }
268
269 .admin_normal, .guest_normal, .member_normal {
270         border: groove 1px #009900;
271 }
272
273 .member_stats {
274         vertical-align: top;
275         font-weight: bold;
276         height: 23px;
277         font-size: 16px;
278         border-style: none;
279         border: 0px;
280         background: #ddeedd;
281         color: #000000;
282         margin-top: -4px;
283         margin-bottom: 1px;
284         cursor: default;
285 }
286
287 .normal {
288         border-style: groove;
289 }
290
291 .member_main {
292         background-color: #ddeedd;
293 }
294
295 .guest_title, .member_title {
296         text-align: center;
297         color: #009900;
298         vertical-align: middle;
299         background-color: #ddeedd;
300         height: 28px;
301 }
302
303 .guest_login_header {
304         color: #009900;
305         vertical-align: middle;
306         background-color: #ddeedd;
307 }
308
309 .guest_menu, .member_menu {
310         width: 220px;
311         background-color: #ddeedd;
312         vertical-align: top;
313 }
314
315 .guest_menu_title, .member_menu_title {
316         background-color: #BDEFCD;
317         color: #009900;
318         height: 25px;
319         width: 200px;
320         border: 1px solid #00aa44;
321 }
322
323 .guest_menu_row, .guest_menu_bottom, .member_menu_row, .member_menu_bottom {
324         border: 1px solid #00aa44;
325         border-top: 0px;
326         background-color: #eeffbc;
327         height: 22px;
328         text-align: left;
329 }
330
331 .member_menu_whats {
332         border: 1px solid #00aa44;
333         border-top: 0px;
334         background-color: #eeffee;
335         height: 20px;
336 }
337
338 .guest_menu_seperator, .member_menu_seperator {
339         height: 15px;
340 }
341
342 .guest_content, .member_content {
343         background-color: #eeffee;
344         width: 99%;
345         padding-left: 2px;
346         padding-right: 2px;
347         margin-left: 5px;
348         margin-right: 5px;
349 }
350
351 .guest_advert, .guest_login, .member_advert, .member_login {
352         background-color: #ddeedd;
353         vertical-align: top;
354         margin-top: 10px;
355 }
356
357 #master {
358         width: 100%;
359         height: 100%;
360         min-height: 90%;
361         max-height: 100%;
362         text-align: center;
363 }
364
365 .masterbox {
366         text-align: center;
367 }
368
369 .footer {
370         text-align: center;
371 }
372
373 li.copyright_lines {
374         display:inline;
375 }
376
377 span.copyright_lines {
378         font-size: 10px;
379         width: 380px;
380         height: 38px;
381         vertical-align: middle;
382         background-color: #E5EFE5;
383         padding-top: 7px;
384         padding-bottom: 7px;
385         display:inline-block;
386 }
387
388 ul.copyright_box {
389         text-align: center;
390         width: 780px;
391         list-style: none inside;
392         padding-left:0px;
393         margin-bottom: 5px;
394 }
395
396 .dashed {
397         border: solid 1px #00aa44;
398 }
399
400 .switch_sw1, .switch_mem1 {
401         background-color: #b8efc1;
402 }
403
404 .switch_sw2, .switch_mem2 {
405         background-color: #b8fccb;
406 }
407
408 .impressum {
409         font-size: 12px;
410         width: 320px;
411         vertical-align: middle;
412         background-color: #E5EFE5;
413         height: 70px;
414 }
415
416 .mediadata {
417         background-color: #eeffee;
418 }
419
420 .media_header, .impressum_header {
421         background-color: #b8fccb;
422         text-align: center;
423         color: #009900;
424         height: 26px;
425         font-weight: bold;
426         font-size: 20px;
427 }
428
429 .media_left {
430         font-size: 14px;
431         width: 200px;
432 }
433
434 .media_right {
435         color: #009900;
436         font-weight: bold;
437         font-size: 14px;
438         width: 70px;
439 }
440
441 .admin_sep_footer {
442         background-color: #ddeedd;
443         font-size: 1px;
444 }
445
446 .admin_sep_footer2 {
447         background-color: #eeffee;
448         font-size: 1px;
449 }
450
451 .admin_footer, .member_refbanner, .member_update, .admin_del_link {
452         background-color: #ddeedd;
453 }
454
455 .member_footer {
456         height: 30px;
457         background-color: #ddeedd;
458 }
459
460 .admin_footer {
461         text-align: center;
462         height: 30px;
463         padding-left: 5px;
464         padding-right: 5px;
465 }
466
467 .admin_task_header {
468         background-color: #ddeedd;
469         color: #009900;
470         vertical-align: middle;
471         font-size: 18px;
472         height: 35px;
473 }
474
475 .seperator {
476         font-size: 1px
477 }
478
479 .tab1 {
480         text-align: center
481 }
482
483 .admin_delete, .admin_yes {
484         border: groove 1px #00aa00;
485         background-color: #aa0044;
486         color: #ddeedd;
487         cursor: pointer;
488 }
489
490 .guest_stats {
491         background-color: #eeffee;
492         width: 460px;
493 }
494
495 .guest_stats_title {
496         color: #009900;
497         vertical-align: middle;
498         background-color: #ddeedd;
499         height: 30px;
500 }
501
502 .guest_stats_l {
503         width: 344px;
504         text-align: right;
505 }
506
507 .guest_stats_m {
508         width: 2px;
509 }
510
511 .guest_stats_r, .guest_stats_lr, .guest_stats_rr {
512         color: #009900;
513         width: 28px;
514         font-weight: bold;
515         text-align: center;
516 }
517
518 .guest_stats_ll, .guest_stats_rl {
519         width: 192px;
520         text-align: right;
521 }
522
523 .guest_stats_footer {
524         color: #009900;
525         vertical-align: middle;
526         background-color: #ddeedd;
527         height: 20px;
528 }
529
530 .task_pre {
531         font-weight: bold;
532         margin-left: 0px;
533         margin-right: 0px;
534         margin-top: 10px;
535         margin-bottom: 10px;
536 }
537
538 .impressum_body {
539         background-color: #ddeedd;
540 }
541
542 .guest_content_align, .member_content_align, .admin_content_align {
543         text-align: center;
544         vertical-align: top;
545 }
546
547 .list_categories, .admin_action_header, .admin_main, .admin_menu_main, .admin_menu_sub {
548         text-align: left;
549         width: 100%;
550 }
551
552 .admin_alpha {
553         text-align: center;
554         height: 40px;
555         vertical-align: middle;
556 }
557
558 .admin_sortlinks {
559         text-align: center;
560         height: 20px;
561         vertical-align: middle;
562 }
563
564 .member_unconfirmed {
565         background-color: #ddeedd;
566         width: 100%;
567         text-align: center;
568 }
569
570 .you_are_here {
571         white-space: nowrap;
572         font-size: 14px;
573         text-align: left;
574         margin-bottom: 12px;
575 }
576
577 .tiny {
578         font-size: 10px;
579 }
580
581 .medium {
582         font-size: 14px;
583 }
584
585 .big {
586         font-size: 20px;
587 }
588
589 .top, .top2 {
590         border-top: 1px solid #00aa44;
591 }
592
593 .bottom, .bottom2 {
594         border-bottom: 1px solid #00aa44;
595 }
596
597 .left, .left2 {
598         border-left: 1px solid #00aa44;
599 }
600
601 .right, .right2 {
602         border-right: 1px solid #00aa44;
603 }
604
605 .nobr {
606         white-space: nowrap;
607 }
608
609 .guest_table {
610         background-color: #eeffee;
611 }
612
613 .main {
614         height: 99%
615 }
616
617 .footer {
618         height: 1%;
619         vertical-align: bottom;
620 }
621
622 .menu_blur {
623         display: block;
624 }
625
626 .menu_blur:hover {
627         background-color: #deefac;
628 }
629
630 .guest_footer {
631         height: 30px;
632         background-color: #ddeedd;
633 }
634
635 .disabled {
636         border-style: groove;
637         background-color: #aaaaaa;
638         color: #ff9900;
639 }
640
641 .mini_select {
642         border: solid 1px #009900;
643         background-color: #eeffee;
644         font-size: 10px;
645 }
646
647 .theme_box {
648         border: 1px solid #00aa44;
649         border-top: 0px;
650         width: 100%;
651         height: 70px;
652         background-color: #eeffbc;
653 }
654
655 .theme_note {
656         font-size: 12px;
657         font-weight: bold;
658 }
659
660 .theme_content {
661         color: #009900;
662 }
663
664 .agb_box {
665         text-align: left;
666 }
667
668 .agb_title, .fatal_title {
669         font-size: 16px;
670         text-align: center;
671         height: 40px;
672         font-weight: bold;
673 }
674
675 .para {
676         text-indent: 8px;
677         text-align: left;
678         margin-left: 5px;
679         margin-right: 5px;
680         margin-bottom: 12px;
681 }
682
683 .fatal_box {
684         text-align: center;
685         width: 100%;
686         margin-top: 10px;
687 }
688
689 .admin_message {
690         padding-top: 5px;
691         padding-bottom: 5px;
692 }
693
694 ul.show_timings_block {
695         border: solid 1px #00aa44;
696         background-color: #ddeedd;
697         width: 645px;
698         height: 20px;
699         list-style: none inside;
700         padding-left:0px;
701 }
702
703 .show_timings_column {
704         background-color: #eeffee;
705         margin-top: 2px;
706         width: 150px;
707         border: solid 1px #009900;
708         height: 14px;
709         font-size: 10px;
710 }
711
712 span.show_timings_column {
713         display: inline-block;
714 }
715
716 li.show_timings_column {
717         display: inline;
718 }
719
720 .show_timings_data {
721         font-weight: bold;
722 }
723
724 .login_failure_header {
725         text-align: center;
726         background-color: #ddeedd;
727         font-weight: bold;
728 }
729
730 .login_failures {
731         text-align: center;
732         width: 400px;
733 }
734
735 .skyscraper {
736         width: 122px;
737         height: 602px;
738         border: 1px solid #00aa44;
739         margin: 0px;
740         padding: 0px;
741         padding-top: 1px;
742 }
743
744 ul.admin_menu_main,ul.admin_menu_sub {
745         list-style: none inside;
746         padding-left: 10px;
747 }
748
749 .pre {
750         display: block;
751 }
752
753 td {
754         padding-left: 2px;
755         padding-right: 2px;
756         padding-top: 2px;
757         padding-bottom: 2px;
758 }
759
760 .header_column {
761         height: 23px;
762         background-color: #ddeedd;
763         color: #009900;
764         text-align: center;
765 }
766
767 div.menu_invisible, div.sub_menu_invisible, td.menu_invisible, td.sub_menu_invisible {
768         background-color: #dddddd;
769         font-style: italic;
770 }
771
772 strong.menu_invisible, strong.sub_menu_invisible {
773         color: #999999;
774         font-style: italic;
775 }
776
777 .menu_locked, .sub_menu_locked {
778         color: #ffeeee;
779 }