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         text-align: left;
 309 }
 310
 311 .member_menu_whats {
 312         border: 1px solid #00aa44;
 313         border-top: 0px;
 314         background-color: #eeffee;
 315         height: 20px;
 316 }
 317
 318 .guest_menu_separator, .member_menu_separator {
 319         height: 15px;
 320 }
 321
 322 .guest_content, .member_content {
 323         background-color: #eeffee;
 324         width: 99%;
 325         padding-left: 2px;
 326         padding-right: 2px;
 327         margin-left: 5px;
 328         margin-right: 5px;
 329 }
 330
 331 .guest_advert, .guest_login, .member_advert, .member_login {
 332         background-color: #ddeedd;
 333         vertical-align: top;
 334         margin-top: 10px;
 335 }
 336
 337 #master {
 338         width: 100%;
 339         height: 100%;
 340         min-height: 90%;
 341         max-height: 100%;
 342         text-align: center;
 343 }
 344
 345 .masterbox {
 346         text-align: center;
 347 }
 348
 349 .footer {
 350         text-align: center;
 351 }
 352
 353 li.copyright_lines {
 354         display:inline;
 355 }
 356
 357 span.copyright_lines {
 358         font-size: 10px;
 359         width: 380px;
 360         height: 38px;
 361         vertical-align: middle;
 362         background-color: #E5EFE5;
 363         padding-top: 7px;
 364         padding-bottom: 7px;
 365         display:inline-block;
 366 }
 367
 368 ul.copyright_box {
 369         text-align: center;
 370         width: 780px;
 371         list-style: none inside;
 372         padding-left:0px;
 373         margin-bottom: 5px;
 374 }
 375
 376 .dashed {
 377         border: solid 1px #00aa44;
 378 }
 379
 380 .switch_sw1 {
 381         background-color: #b8efc1;
 382 }
 383
 384 .switch_sw2 {
 385         background-color: #b8fccb;
 386 }
 387
 388 .impressum {
 389         font-size: 12px;
 390         width: 320px;
 391         vertical-align: middle;
 392         background-color: #E5EFE5;
 393         height: 70px;
 394 }
 395
 396 .mediadata {
 397         background-color: #eeffee;
 398 }
 399
 400 .media_left {
 401         font-size: 14px;
 402         width: 200px;
 403 }
 404
 405 .media_right {
 406         color: #009900;
 407         font-weight: bold;
 408         font-size: 14px;
 409         width: 70px;
 410 }
 411
 412 .admin_sep_footer {
 413         background-color: #ddeedd;
 414         font-size: 1px;
 415 }
 416
 417 .admin_sep_footer2 {
 418         background-color: #eeffee;
 419         font-size: 1px;
 420 }
 421
 422 .member_refbanner, .member_update, .admin_delete_link {
 423         background-color: #ddeedd;
 424 }
 425
 426 .table_footer {
 427         background-color: #ddeedd;
 428         text-align: center;
 429         padding: 5px;
 430 }
 431
 432 .separator {
 433         font-size: 1px
 434 }
 435
 436 .tab1 {
 437         text-align: center
 438 }
 439
 440 .form_delete, .form_delete {
 441         border: groove 1px #00aa00;
 442         background-color: #aa0044;
 443         color: #ddeedd;
 444         cursor: pointer;
 445 }
 446
 447 .guest_stats {
 448         background-color: #eeffee;
 449         width: 460px;
 450 }
 451
 452 .guest_stats_l {
 453         width: 344px;
 454         text-align: right;
 455 }
 456
 457 .guest_stats_m {
 458         width: 2px;
 459 }
 460
 461 .guest_stats_r, .guest_stats_lr, .guest_stats_rr {
 462         color: #009900;
 463         width: 28px;
 464         font-weight: bold;
 465         text-align: center;
 466 }
 467
 468 .guest_stats_ll, .guest_stats_rl {
 469         width: 192px;
 470         text-align: right;
 471 }
 472
 473 .impressum_body {
 474         background-color: #ddeedd;
 475 }
 476
 477 .guest_content_align, .member_content_align, .admin_content_align {
 478         text-align: center;
 479         vertical-align: top;
 480 }
 481
 482 .list_categories, .admin_action_header, .admin_menu_main, .admin_menu_sub {
 483         text-align: left;
 484         width: 100%;
 485 }
 486
 487 .admin_alpha {
 488         text-align: center;
 489         height: 40px;
 490         vertical-align: middle;
 491 }
 492
 493 .admin_sortlinks {
 494         text-align: center;
 495         height: 20px;
 496         vertical-align: middle;
 497 }
 498
 499 .you_are_here {
 500         white-space: nowrap;
 501         font-size: 14px;
 502         text-align: left;
 503 }
 504
 505 .tiny {
 506         font-size: 10px;
 507 }
 508
 509 .medium {
 510         font-size: 14px;
 511 }
 512
 513 .big {
 514         font-size: 20px;
 515 }
 516
 517 .top, .top2 {
 518         border-top: 1px solid #00aa44;
 519 }
 520
 521 .bottom, .bottom2 {
 522         border-bottom: 1px solid #00aa44;
 523 }
 524
 525 .left, .left2 {
 526         border-left: 1px solid #00aa44;
 527 }
 528
 529 .right, .right2 {
 530         border-right: 1px solid #00aa44;
 531 }
 532
 533 .nobr {
 534         white-space: nowrap;
 535 }
 536
 537 .main {
 538         height: 99%
 539 }
 540
 541 .footer {
 542         height: 1%;
 543         vertical-align: bottom;
 544 }
 545
 546 .menu_blur {
 547         display: block;
 548 }
 549
 550 .menu_blur:hover {
 551         background-color: #deefac;
 552 }
 553
 554 .disabled {
 555         border-style: groove;
 556         background-color: #aaaaaa;
 557         color: #e0e0e0;
 558         cursor: default;
 559 }
 560
 561 .disabled:hover {
 562         background-color: #aaaaaa;
 563         color: #e0e0e0;
 564 }
 565
 566 .mini_select {
 567         border: solid 1px #009900;
 568         background-color: #eeffee;
 569         font-size: 10px;
 570 }
 571
 572 .theme_box {
 573         border: 1px solid #00aa44;
 574         border-top: 0px;
 575         width: 100%;
 576         height: 70px;
 577         background-color: #eeffbc;
 578 }
 579
 580 .theme_note {
 581         font-size: 12px;
 582         font-weight: bold;
 583 }
 584
 585 .theme_content {
 586         color: #009900;
 587 }
 588
 589 .para {
 590         text-indent: 1em;
 591         text-align: left;
 592         margin-left: 5px;
 593         margin-right: 5px;
 594         margin-bottom: 1em;
 595 }
 596
 597 .message {
 598         padding-top: 5px;
 599         padding-bottom: 5px;
 600 }
 601
 602 ul.show_timings_block {
 603         border: solid 1px #00aa44;
 604         background-color: #ddeedd;
 605         width: 685px;
 606         height: 20px;
 607         list-style: none inside;
 608         padding-left:0px;
 609 }
 610
 611 .show_timings_column {
 612         background-color: #eeffee;
 613         margin-top: 2px;
 614         width: 160px;
 615         height: 14px;
 616         font-size: 10px;
 617 }
 618
 619 span.show_timings_column {
 620         display: inline-block;
 621         border: solid 1px #009900;
 622 }
 623
 624 li.show_timings_column {
 625         display: inline;
 626 }
 627
 628 .show_timings_data {
 629         font-weight: bold;
 630 }
 631
 632 .login_failure_header {
 633         text-align: center;
 634         background-color: #ddeedd;
 635         font-weight: bold;
 636 }
 637
 638 .login_failures {
 639         text-align: center;
 640         width: 400px;
 641 }
 642
 643 .skyscraper {
 644         width: 122px;
 645         height: 602px;
 646         border: 1px solid #00aa44;
 647         margin: 0px;
 648         padding: 0px;
 649         padding-top: 1px;
 650 }
 651
 652 ul.admin_menu_main,ul.admin_menu_sub {
 653         list-style: none inside;
 654         padding-left: 10px;
 655 }
 656
 657 td {
 658         padding-left: 2px;
 659         padding-right: 2px;
 660         padding-top: 2px;
 661         padding-bottom: 2px;
 662 }
 663
 664 .header_column {
 665         height: 23px;
 666         background-color: #ddeedd;
 667         color: #009900;
 668         text-align: center;
 669 }
 670
 671 .footer_column {
 672         height: 23px;
 673         background-color: #ddeedd;
 674         color: #009900;
 675 }
 676
 677 div.menu_invisible, div.sub_menu_invisible, td.menu_invisible, td.sub_menu_invisible {
 678         background-color: #dddddd;
 679         font-style: italic;
 680 }
 681
 682 strong.menu_invisible, strong.sub_menu_invisible {
 683         color: #999999;
 684         font-style: italic;
 685 }
 686
 687 .menu_locked, .sub_menu_locked {
 688         color: #ffeeee;
 689 }
 690
 691 .rank_1 {
 692         font-weight: bold;
 693         font-size: 22px;
 694 }
 695
 696 .rank_2 {
 697         font-weight: bold;
 698         font-size: 18px;
 699 }
 700
 701 .rank_3 {
 702         font-weight: bold;
 703 }
 704
 705 ul.listing {
 706         text-align: left;
 707         margin-top: 5px;
 708         margin-left: 5px;
 709         margin-right: 5px;
 710         padding-left: 5px;
 711         list-style-type: none;
 712 }
 713
 714 ol.listing {
 715         text-align: left;
 716         padding-top: 5px;
 717         padding-bottom: 5px;
 718         padding-left: 0px;
 719         margin-left: 25px;
 720 }
 721
 722 li.listing {
 723         padding-bottom: 5px;
 724 }
 725
 726 .bad {
 727         color: #aa0000;
 728         font-style: italic;
 729 }
 730
 731 .good {
 732         color: #00aa00;
 733 }
 734
 735 .table_row {
 736         width: 100%;
 737         text-align: left;
 738         margin: 0px;
 739         padding: 0px;
 740         padding-top: 5px;
 741         padding-bottom: 5px;
 742         height: 28px;
 743         float: left;
 744         display: block;
 745 }
 746
 747 label {
 748         text-align: left;
 749         width: 50%;
 750         float: left;
 751         display: block;
 752 }
 753
 754 .form_field {
 755         border: groove 1px #009900;
 756 }
 757
 758 .field_note {
 759         float: left;
 760         text-align: left;
 761         font-style: italic;
 762 }
 763
 764 .ui-progressbar {
 765         height:2em;
 766         text-align: left;
 767         overflow: hidden;
 768 }
 769
 770 .ui-progressbar .ui-progressbar-value {
 771         margin: -1px;
 772         height:100%;
 773 }
 774
 775 .clear {
 776         clear: both;
 777 }