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