Huge HTML/CSS rewrite (see forum)
[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, .member_title2, .guest_title2, .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_editmenu {
228         min-width: 500px;
229         max-width: 90%;
230 }
231
232 .admin_form_header {
233         text-align: center;
234         height: 36px;
235         background-color: #ddeedd;
236         color: #009900;
237 }
238
239 .member_header {
240         text-align: center;
241         height: 28px;
242         background-color: #ddeedd;
243 }
244
245 .admin_failed, .guest_failed, .member_failed, .member_note {
246         color: #00aa00;
247 }
248
249 .member_note_bg {
250         background-color: #eeffee;
251 }
252
253 .member_data {
254         background-color: #eeffee;
255         color: #009900;
256         height: 20px;
257 }
258
259 .admin_snote {
260         font-size: 12px;
261 }
262
263 .admin_normal, .guest_normal, .member_normal {
264         border-style: solid;
265         border: solid 1px #009900;
266 }
267
268 .member_stats {
269         vertical-align: top;
270         font-weight: bold;
271         height: 23px;
272         font-size: 16px;
273         border-style: none;
274         border: 0px;
275         background: #ddeedd;
276         color: #000000;
277         margin-top: -4px;
278         margin-bottom: 1px;
279         cursor: default;
280 }
281
282 .normal {
283         border-style: groove;
284 }
285
286 .member_main {
287         background-color: #ddeedd;
288 }
289
290 .guest_title, .member_title {
291         text-align: center;
292         color: #009900;
293         vertical-align: middle;
294         background-color: #ddeedd;
295         height: 60px;
296 }
297
298 .guest_login_header {
299         color: #009900;
300         vertical-align: middle;
301         background-color: #ddeedd;
302 }
303
304 .guest_menu, .member_menu {
305         width: 220px;
306         background-color: #ddeedd;
307         vertical-align: top;
308 }
309
310 .guest_menu_title, .member_menu_title {
311         background-color: #BDEFCD;
312         color: #009900;
313         height: 25px;
314         width: 200px;
315         border: 1px solid #00aa44;
316 }
317
318 .guest_menu_row, .guest_menu_bottom, .member_menu_row, .member_menu_bottom
319         {
320         border: 1px solid #00aa44;
321         border-top: 0px;
322         background-color: #eeffbc;
323         height: 22px;
324         text-align: left;
325 }
326
327 .member_menu_whats {
328         border: 1px solid #00aa44;
329         border-top: 0px;
330         background-color: #eeffee;
331         height: 20px;
332 }
333
334 .guest_menu_seperator, .member_menu_seperator {
335         height: 15px;
336 }
337
338 .guest_content, .member_content {
339         background-color: #eeffee;
340         width: 99%;
341         padding-left: 2px;
342         padding-right: 2px;
343         margin-left: 5px;
344         margin-right: 5px;
345 }
346
347 .guest_advert, .guest_login, .member_advert, .member_login {
348         background-color: #ddeedd;
349         vertical-align: top;
350         margin-top: 10px;
351 }
352
353 #master {
354         width: 100%;
355         height: 100%;
356         min-height: 90%;
357         max-height: 100%;
358         text-align: center;
359 }
360
361 .masterbox {
362         text-align: center;
363 }
364
365 .footer {
366         text-align: center;
367 }
368
369 li.copyright_lines {
370         display:inline;
371 }
372
373 span.copyright_lines {
374         font-size: 10px;
375         width: 380px;
376         height: 26px;
377         vertical-align: middle;
378         background-color: #E5EFE5;
379         padding-top: 7px;
380         padding-bottom: 7px;
381         display:inline-block;
382 }
383
384 ul.copyright_box {
385         text-align: center;
386         width: 780px;
387         list-style: none inside;
388         padding-left:0px;
389         margin-bottom: 5px;
390 }
391
392 .dashed {
393         border: solid 1px #00aa44;
394 }
395
396 .switch_sw1, .switch_mem1 {
397         background-color: #b8efc1;
398 }
399
400 .switch_sw2, .switch_mem2 {
401         background-color: #b8fccb;
402 }
403
404 .impressum {
405         font-size: 12px;
406         width: 320px;
407         vertical-align: middle;
408         background-color: #E5EFE5;
409         height: 70px;
410 }
411
412 .mediadata {
413         background-color: #eeffee;
414 }
415
416 .media_header, .impressum_header {
417         background-color: #b8fccb;
418         text-align: center;
419         color: #009900;
420         height: 26px;
421         font-weight: bold;
422         font-size: 20px;
423 }
424
425 .media_left {
426         font-size: 14px;
427         width: 200px;
428 }
429
430 .media_right {
431         color: #009900;
432         font-weight: bold;
433         font-size: 14px;
434         width: 70px;
435 }
436
437 .admin_sep_footer {
438         background-color: #ddeedd;
439         font-size: 1px;
440 }
441
442 .admin_sep_footer2 {
443         background-color: #eeffee;
444         font-size: 1px;
445 }
446
447 .admin_footer, .member_refbanner, .member_update, .admin_del_link {
448         background-color: #ddeedd;
449 }
450
451 .member_footer {
452         height: 30px;
453         background-color: #ddeedd;
454 }
455
456 .admin_footer {
457         text-align: center;
458         height: 30px;
459         padding-left: 5px;
460         padding-right: 5px;
461 }
462
463 .admin_task_header {
464         background-color: #ddeedd;
465         color: #009900;
466         vertical-align: middle;
467         font-size: 18px;
468         height: 35px;
469 }
470
471 .seperator {
472         font-size: 1px
473 }
474
475 .tab1 {
476         text-align: center
477 }
478
479 .admin_delete, .admin_yes {
480         border-style: groove;
481         border: solid 1px #00aa00;
482         background-color: #aa0044;
483         color: #ddeedd;
484         cursor: pointer;
485 }
486
487 .guest_stats {
488         background-color: #eeffee;
489         width: 460px;
490 }
491
492 .guest_stats_title {
493         color: #009900;
494         vertical-align: middle;
495         background-color: #ddeedd;
496         height: 30px;
497 }
498
499 .guest_stats_l {
500         width: 344px;
501         text-align: right;
502 }
503
504 .guest_stats_m {
505         width: 2px;
506 }
507
508 .guest_stats_r, .guest_stats_lr, .guest_stats_rr {
509         color: #009900;
510         width: 28px;
511         font-weight: bold;
512         text-align: center;
513 }
514
515 .guest_stats_ll, .guest_stats_rl {
516         width: 192px;
517         text-align: right;
518 }
519
520 .guest_stats_footer {
521         color: #009900;
522         vertical-align: middle;
523         background-color: #ddeedd;
524         height: 20px;
525 }
526
527 .task_pre {
528         font-weight: bold;
529         margin-left: 0px;
530         margin-right: 0px;
531         margin-top: 10px;
532         margin-bottom: 10px;
533 }
534
535 .impressum_body {
536         background-color: #ddeedd;
537 }
538
539 .guest_content_align, .member_content_align, .admin_content_align {
540         text-align: center;
541         vertical-align: top;
542 }
543
544 .member_mailidtop {
545         background-color: #ddeedd;
546         width: 100%;
547         height: 100%;
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 .agb_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 .member_skyscraper, .guest_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 }