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