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