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