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, .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         padding-bottom: 5px;
 222         padding-top: 5px;
 223 }
 224
 225 .guest_login_header {
 226         color: #009900;
 227         vertical-align: middle;
 228         background-color: #ddeedd;
 229 }
 230
 231 .guest_menu, .member_menu {
 232         width: 220px;
 233         background-color: #ddeedd;
 234         vertical-align: top;
 235 }
 236
 237 .guest_menu_title, .member_menu_title {
 238         background-color: #BDEFCD;
 239         color: #009900;
 240         height: 25px;
 241         width: 200px;
 242         border: 1px solid #00aa44;
 243 }
 244
 245 .guest_menu_row, .guest_menu_bottom, .member_menu_row, .member_menu_bottom {
 246         border: 1px solid #00aa44;
 247         border-top: 0px;
 248         background-color: #eeffbc;
 249         height: 22px;
 250         text-align: left;
 251 }
 252
 253 .member_menu_whats {
 254         border: 1px solid #00aa44;
 255         border-top: 0px;
 256         background-color: #eeffee;
 257         height: 20px;
 258 }
 259
 260 .guest_menu_seperator, .member_menu_seperator {
 261         height: 15px;
 262 }
 263
 264 .guest_content, .member_content {
 265         background-color: #eeffee;
 266         width: 99%;
 267         padding-left: 2px;
 268         padding-right: 2px;
 269         margin-left: 5px;
 270         margin-right: 5px;
 271 }
 272
 273 .guest_advert, .guest_login, .member_advert, .member_login {
 274         background-color: #ddeedd;
 275         vertical-align: top;
 276         margin-top: 10px;
 277 }
 278
 279 #master {
 280         width: 100%;
 281         height: 100%;
 282         min-height: 90%;
 283         max-height: 100%;
 284         text-align: center;
 285 }
 286
 287 .masterbox {
 288         text-align: center;
 289 }
 290
 291 .footer {
 292         text-align: center;
 293 }
 294
 295 li.copyright_lines {
 296         display:inline;
 297 }
 298
 299 span.copyright_lines {
 300         font-size: 10px;
 301         width: 380px;
 302         height: 38px;
 303         vertical-align: middle;
 304         background-color: #E5EFE5;
 305         padding-top: 7px;
 306         padding-bottom: 7px;
 307         display:inline-block;
 308 }
 309
 310 ul.copyright_box {
 311         text-align: center;
 312         width: 780px;
 313         list-style: none inside;
 314         padding-left:0px;
 315         margin-bottom: 5px;
 316 }
 317
 318 .dashed {
 319         border: solid 1px #00aa44;
 320 }
 321
 322 .switch_sw1 {
 323         background-color: #b8efc1;
 324 }
 325
 326 .switch_sw2 {
 327         background-color: #b8fccb;
 328 }
 329
 330 .impressum {
 331         font-size: 12px;
 332         width: 320px;
 333         vertical-align: middle;
 334         background-color: #E5EFE5;
 335         height: 70px;
 336 }
 337
 338 .mediadata {
 339         background-color: #eeffee;
 340 }
 341
 342 .media_header, .impressum_header {
 343         background-color: #b8fccb;
 344         text-align: center;
 345         color: #009900;
 346         height: 26px;
 347         font-weight: bold;
 348         font-size: 20px;
 349 }
 350
 351 .media_left {
 352         font-size: 14px;
 353         width: 200px;
 354 }
 355
 356 .media_right {
 357         color: #009900;
 358         font-weight: bold;
 359         font-size: 14px;
 360         width: 70px;
 361 }
 362
 363 .admin_sep_footer {
 364         background-color: #ddeedd;
 365         font-size: 1px;
 366 }
 367
 368 .admin_sep_footer2 {
 369         background-color: #eeffee;
 370         font-size: 1px;
 371 }
 372
 373 .member_refbanner, .member_update, .admin_delete_link {
 374         background-color: #ddeedd;
 375 }
 376
 377 .table_footer {
 378         background-color: #ddeedd;
 379         text-align: center;
 380         padding: 5px;
 381 }
 382
 383 .admin_task_header {
 384         background-color: #ddeedd;
 385         color: #009900;
 386         vertical-align: middle;
 387         font-size: 18px;
 388         height: 35px;
 389 }
 390
 391 .seperator {
 392         font-size: 1px
 393 }
 394
 395 .tab1 {
 396         text-align: center
 397 }
 398
 399 .form_delete, .form_delete {
 400         border: groove 1px #00aa00;
 401         background-color: #aa0044;
 402         color: #ddeedd;
 403         cursor: pointer;
 404 }
 405
 406 .guest_stats {
 407         background-color: #eeffee;
 408         width: 460px;
 409 }
 410
 411 .guest_stats_l {
 412         width: 344px;
 413         text-align: right;
 414 }
 415
 416 .guest_stats_m {
 417         width: 2px;
 418 }
 419
 420 .guest_stats_r, .guest_stats_lr, .guest_stats_rr {
 421         color: #009900;
 422         width: 28px;
 423         font-weight: bold;
 424         text-align: center;
 425 }
 426
 427 .guest_stats_ll, .guest_stats_rl {
 428         width: 192px;
 429         text-align: right;
 430 }
 431
 432 .task_pre {
 433         font-weight: bold;
 434         margin-left: 0px;
 435         margin-right: 0px;
 436         margin-top: 10px;
 437         margin-bottom: 10px;
 438 }
 439
 440 .impressum_body {
 441         background-color: #ddeedd;
 442 }
 443
 444 .guest_content_align, .member_content_align, .admin_content_align {
 445         text-align: center;
 446         vertical-align: top;
 447 }
 448
 449 .list_categories, .admin_action_header, .admin_menu_main, .admin_menu_sub {
 450         text-align: left;
 451         width: 100%;
 452 }
 453
 454 .admin_alpha {
 455         text-align: center;
 456         height: 40px;
 457         vertical-align: middle;
 458 }
 459
 460 .admin_sortlinks {
 461         text-align: center;
 462         height: 20px;
 463         vertical-align: middle;
 464 }
 465
 466 .you_are_here {
 467         white-space: nowrap;
 468         font-size: 14px;
 469         text-align: left;
 470 }
 471
 472 .tiny {
 473         font-size: 10px;
 474 }
 475
 476 .medium {
 477         font-size: 14px;
 478 }
 479
 480 .big {
 481         font-size: 20px;
 482 }
 483
 484 .top, .top2 {
 485         border-top: 1px solid #00aa44;
 486 }
 487
 488 .bottom, .bottom2 {
 489         border-bottom: 1px solid #00aa44;
 490 }
 491
 492 .left, .left2 {
 493         border-left: 1px solid #00aa44;
 494 }
 495
 496 .right, .right2 {
 497         border-right: 1px solid #00aa44;
 498 }
 499
 500 .nobr {
 501         white-space: nowrap;
 502 }
 503
 504 .main {
 505         height: 99%
 506 }
 507
 508 .footer {
 509         height: 1%;
 510         vertical-align: bottom;
 511 }
 512
 513 .menu_blur {
 514         display: block;
 515 }
 516
 517 .menu_blur:hover {
 518         background-color: #deefac;
 519 }
 520
 521 .disabled {
 522         border-style: groove;
 523         background-color: #aaaaaa;
 524         color: #ff9900;
 525 }
 526
 527 .mini_select {
 528         border: solid 1px #009900;
 529         background-color: #eeffee;
 530         font-size: 10px;
 531 }
 532
 533 .theme_box {
 534         border: 1px solid #00aa44;
 535         border-top: 0px;
 536         width: 100%;
 537         height: 70px;
 538         background-color: #eeffbc;
 539 }
 540
 541 .theme_note {
 542         font-size: 12px;
 543         font-weight: bold;
 544 }
 545
 546 .theme_content {
 547         color: #009900;
 548 }
 549
 550 .para {
 551         text-indent: 8px;
 552         text-align: left;
 553         margin-left: 5px;
 554         margin-right: 5px;
 555         margin-bottom: 12px;
 556 }
 557
 558 .message {
 559         padding-top: 5px;
 560         padding-bottom: 5px;
 561 }
 562
 563 ul.show_timings_block {
 564         border: solid 1px #00aa44;
 565         background-color: #ddeedd;
 566         width: 645px;
 567         height: 20px;
 568         list-style: none inside;
 569         padding-left:0px;
 570 }
 571
 572 .show_timings_column {
 573         background-color: #eeffee;
 574         margin-top: 2px;
 575         width: 150px;
 576         border: solid 1px #009900;
 577         height: 14px;
 578         font-size: 10px;
 579 }
 580
 581 span.show_timings_column {
 582         display: inline-block;
 583 }
 584
 585 li.show_timings_column {
 586         display: inline;
 587 }
 588
 589 .show_timings_data {
 590         font-weight: bold;
 591 }
 592
 593 .login_failure_header {
 594         text-align: center;
 595         background-color: #ddeedd;
 596         font-weight: bold;
 597 }
 598
 599 .login_failures {
 600         text-align: center;
 601         width: 400px;
 602 }
 603
 604 .skyscraper {
 605         width: 122px;
 606         height: 602px;
 607         border: 1px solid #00aa44;
 608         margin: 0px;
 609         padding: 0px;
 610         padding-top: 1px;
 611 }
 612
 613 ul.admin_menu_main,ul.admin_menu_sub {
 614         list-style: none inside;
 615         padding-left: 10px;
 616 }
 617
 618 .pre {
 619         display: block;
 620 }
 621
 622 td {
 623         padding-left: 2px;
 624         padding-right: 2px;
 625         padding-top: 2px;
 626         padding-bottom: 2px;
 627 }
 628
 629 .header_column {
 630         height: 23px;
 631         background-color: #ddeedd;
 632         color: #009900;
 633         text-align: center;
 634 }
 635
 636 div.menu_invisible, div.sub_menu_invisible, td.menu_invisible, td.sub_menu_invisible {
 637         background-color: #dddddd;
 638         font-style: italic;
 639 }
 640
 641 strong.menu_invisible, strong.sub_menu_invisible {
 642         color: #999999;
 643         font-style: italic;
 644 }
 645
 646 .menu_locked, .sub_menu_locked {
 647         color: #ffeeee;
 648 }
 649
 650 .rank_1 {
 651         font-weight: bold;
 652         font-size: 22px;
 653 }
 654
 655 .rank_2 {
 656         font-weight: bold;
 657         font-size: 18px;
 658 }
 659
 660 .rank_3 {
 661         font-weight: bold;
 662 }