style.css

   1 html {
   2 margin: 0;
   3 padding: 0;
   4 }
   5
   6 body {
   7 margin: 0;
   8 padding: 0;
   9 color: #000;
  10 background:#ccd8ea;
  11 font-family: Verdana, Arial, Helvetica, sans-serif;
  12 font-size: 14px;
  13 }
  14
  15 h1 {
  16 font-size: 1.3em;
  17 font-weight: bold;
  18 }
  19
  20 h2 {
  21 margin-top: 0;
  22 font-size: 1.2em;
  23 font-weight: bold;
  24 }
  25
  26 .normal {
  27 font-size: 1em;
  28 line-height: 1.6em;
  29 max-width: 750px;
  30 }
  31
  32 /* standard links: */
  33 a:link, a:visited {
  34 color: #00c;
  35 text-decoration: none;
  36 }
  37 a:focus, a:hover {
  38 color: #00f;
  39 text-decoration: underline;
  40 }
  41 a:active {
  42 color: #f00;
  43 text-decoration: none;
  44 }
  45
  46 /* eye-catching links (with red triangle) */
  47 a.textlink {
  48 padding-left: 8px;
  49 font-weight: bold;
  50 background-repeat:no-repeat;
  51 background-position: left center;
  52 }
  53 a.textlink:link, a.textlink:visited {
  54 color: #00c;
  55 text-decoration: none;
  56 background-image:url(img/link.png);
  57 }
  58 a.textlink:focus, a.textlink:hover {
  59 color: #00f;
  60 text-decoration: underline;
  61 background-image:url(img/link_mo.png);
  62 }
  63 a.textlink:active {
  64 color: #f00;
  65 text-decoration: none;
  66 background-image:url(img/link.png);
  67 }
  68
  69 /* links to different views*/
  70 a.board-view, a.mix-view, a.thread-view, a.order-postings, a.update-postings {
  71 padding: 0 5px 0 12px;
  72 background-repeat: no-repeat;
  73 background-position: left center;
  74 }
  75 a.board-view:link, a.board-view:visited {
  76 background-image:url(img/board.png);
  77 }
  78 a.board-view:focus, a.board-view:hover {
  79 background-image:url(img/board_r.png);
  80 }
  81 a.mix-view:link, a.mix-view:visited {
  82 background-image:url(img/mix.png);
  83 }
  84 a.mix-view:focus, a.mix-view:hover {
  85 background-image:url(img/mix_r.png);
  86 }
  87 a.thread-view:link, a.thread-view:visited {
  88 background-image:url(img/thread.png);
  89 }
  90 a.thread-view:focus, a.thread-view:hover {
  91 background-image:url(img/thread_r.png);
  92 }
  93 a.order-postings:link, a.order-postings:visited {
  94 background-image:url(img/order.png);
  95 }
  96 a.order-postings:focus, a.order-postings:hover {
  97 background-image:url(img/order_r.png);
  98 }
  99 a.update-postings:link, a.update-postings:visited {
 100 background-image:url(img/update.png);
 101 }
 102 a.update-postings:focus, a.update-postings:hover {
 103 background-image:url(img/update_mo.png);
 104 }
 105
 106 /* general settings */
 107 .bold { font-weight: bold; }
 108 .underline { text-decoration: underline; }
 109 label { font-weight: bold; cursor: pointer; }
 110 .current-page { font-weight: bold; }
 111 span.current-page {
 112 background:url(img/where.png) no-repeat left center;
 113 padding-left: 10px;
 114 }
 115 .js-handler {
 116 color: #00c;
 117 cursor: pointer;
 118 }
 119
 120 p { margin-top: 0; }
 121 img { border: 0; }
 122 form { display: inline; }
 123 .inline-form { display: inline; }
 124
 125 /* template: */
 126 #top {
 127 margin:0;
 128 overflow: hidden;
 129 background: #ecf2f8;
 130 background: -moz-linear-gradient(top, #ccd8ea 0%, #ecf2f8 100%); /* FF3.6+ */
 131 background: -webkit-linear-gradient(top, #ccd8ea 0%, #ecf2f8 100%); /* Chrome10+, Safari5.1+ */
 132 background: -o-linear-gradient(top, #ccd8ea 0%, #ecf2f8 100%); /* Opera 11.10+ */
 133 background: linear-gradient(to bottom, #ccd8ea 0%, #ecf2f8 100%); /* W3C new */
 134 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd8ea', endColorstr='#ecf2f8',GradientType=0 ); /* IE6-9 */
 135 }
 136
 137 /* set all paragraphs in #top together to 0.86em */
 138 #top p {
 139 font-size: 0.86em;
 140 }
 141
 142 #top div.left {
 143 margin: 0;
 144 padding: 6px 0 5px 20px;
 145 float: left;
 146 }
 147
 148 #top div.left .home {
 149 margin: 0;
 150 padding: 0;
 151 float: left;
 152 }
 153
 154 #top div.left h1 {
 155 font-size: 2em;
 156 font-weight: bold;
 157 margin: 0 0 4px 0.5em;
 158 padding: 0;
 159 float: left;
 160 }
 161
 162 #top div.left .index {
 163 margin: 4px 0 0 0;
 164 padding: 0;
 165 clear: left;
 166 }
 167
 168 #top div.right {
 169 margin:0;
 170 padding: 6px 20px 5px 0;
 171 text-align: right;
 172 }
 173
 174 #top p.usermenu {
 175 margin:0 0 13px 0;
 176 }
 177
 178 #top h1 {
 179 margin:0 0 3px 0;
 180 padding:0;
 181 }
 182
 183 .search {
 184 display: inline;
 185 }
 186
 187 input.searchfield {
 188 width: 130px;
 189 }
 190
 191 #topnav, #bottomnav {
 192 clear:both;
 193 position:relative;
 194 margin: 0;
 195 padding: 0;
 196 height:30px;
 197 color:#000;
 198 background:#f9f9f9;
 199 font-size: 13px;
 200 border-top: 1px solid #bacbdf;
 201 border-bottom: 1px solid #bacbdf;
 202 }
 203
 204 #topnav div.left, #bottomnav div.left {
 205 position:absolute;
 206 left:0;
 207 top:5px;
 208 margin: 0;
 209 padding: 0 0 0 20px;
 210 line-height:160%;
 211 }
 212 #topnav div.right, #bottomnav div.right {
 213 margin: 5px 0;
 214 padding: 0 20px 0 0;
 215 text-align: right;
 216 line-height:160%;
 217 }
 218
 219 #content {
 220 padding: 2em;
 221 font-size: 1em;
 222 background:#fff;
 223 }
 224
 225 #bottom {
 226 height:4em;
 227 font-size: 0.86em;
 228 line-height:1.5em;
 229 margin: 0;
 230 padding: 0;
 231 color: #000;
 232 background: #ecf2f8;
 233 background: -moz-linear-gradient(top, #ecf2f8 0%, #ccd8ea 100%);
 234 background: -webkit-linear-gradient(top, #ecf2f8 0%, #ccd8ea 100%);
 235 background: -o-linear-gradient(top, #ecf2f8 0%, #ccd8ea 100%);
 236 background: linear-gradient(to bottom, #ecf2f8 0%, #ccd8ea 100%);
 237 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf2f8', endColorstr='#ccd8ea',GradientType=0 );
 238 }
 239
 240 #bottom div.left {
 241 margin: 0;
 242 padding: 7px 0 7px 20px;
 243 float: left;
 244 }
 245
 246 #bottom div.right {
 247 margin: 0;
 248 padding: 7px 20px 10px 0;
 249 text-align: right;
 250 }
 251
 252 /* Content */
 253 .postingheadline {
 254 margin: 0 0 2px 0;
 255 padding: 0;
 256 font-size: 1.2em;
 257 font-weight: bold;
 258 }
 259
 260 .posting {
 261 margin: 0;
 262 padding: 0;
 263 font-family: monospace;
 264 font-size: 1em;
 265 line-height: 1.6em;
 266 max-width: 750px;
 267 }
 268
 269 .author {
 270 margin-top: 1px;
 271 font-size: 1em;
 272 line-height: 1.6em;
 273 font-style: italic;
 274 }
 275
 276 .postingbottom {
 277 clear:both;
 278 margin:25px 0 0 0;
 279 padding: 0;
 280 overflow: hidden;
 281 }
 282
 283 .postinganswer { float: left; }
 284 .postingedit {
 285 float: right;
 286 text-align: right;
 287 }
 288
 289 h2.postingform { margin: 0; }
 290 p.postingforma { margin: 3px 0 0 0; }
 291
 292 /* Lists */
 293 #searchresults {
 294 margin: 15px 0;
 295 padding: 0;
 296 list-style-type: none;
 297 }
 298 #searchresults li {
 299 margin: 10px 0;
 300 padding: 0;
 301 }
 302
 303 .linklist {
 304 margin: 15px 0;
 305 padding: 0;
 306 list-style-type: none;
 307 }
 308 .linklist li {
 309 margin: 5px 0;
 310 padding: 0;
 311 }
 312
 313 ul.menu {
 314 list-style-type: none;
 315 font-size: 0.86em;
 316 margin: 0;
 317 padding: 0;
 318 }
 319 .menu li {
 320 margin:0;
 321 padding:0;
 322 }
 323 .menu li a {
 324 background-repeat:no-repeat;
 325 background-position: center left;
 326 padding: 0 0 0 16px;
 327 }
 328 .menu a.edit-posting:link, .menu a.edit-posting:visited {
 329 color: #00c;
 330 text-decoration: none;
 331 background-image:url(img/edit.png);
 332 }
 333 .menu a.edit-posting:focus, .menu a.edit-posting:hover {
 334 color: #00f;
 335 text-decoration: underline;
 336 background-image:url(img/edit_mo.png);
 337 }
 338 .menu a.delete-posting:link, .menu a.delete-posting:visited {
 339 color: #00c;
 340 text-decoration: none;
 341 background-image:url(img/delete.png);
 342 }
 343 .menu a.delete-posting:focus, .menu a.delete-posting:hover {
 344 color: #00f;
 345 text-decoration: underline;
 346 background-image:url(img/delete_mo.png);
 347 }
 348 .menu a.subscribe-posting:link, .menu a.subscribe-posting:visited {
 349 color: #00c;
 350 text-decoration: none;
 351 background-image:url(img/notify.png);
 352 }
 353 .menu a.subscribe-posting:focus, .menu a.subscribe-posting:hover {
 354 color: #00f;
 355 text-decoration: underline;
 356 background-image:url(img/notify_mo.png);
 357 }
 358 .menu a.unsubscribe-posting:link, .menu a.unsubscribe-posting:visited {
 359 color: #00c;
 360 text-decoration: none;
 361 background-image:url(img/denotify.png);
 362 }
 363 .menu a.unsubscribe-posting:focus, .menu a.unsubscribe-posting:hover {
 364 color: #00f;
 365 text-decoration: underline;
 366 background-image:url(img/denotify_mo.png);
 367 }
 368 .menu a.lock-posting:link, .menu a.lock-posting:visited {
 369 color: #00c;
 370 text-decoration: none;
 371 background-image:url(img/lock.png);
 372 }
 373 .menu a.lock-posting:focus, .menu a.lock-posting:hover {
 374 color: #00f;
 375 text-decoration: underline;
 376 background-image:url(img/lock_mo.png);
 377 }
 378 .menu a.fix-posting:link, .menu a.fix-posting:visited {
 379 color: #00c;
 380 text-decoration: none;
 381 background-image:url(img/fixed.png);
 382 }
 383 .menu a.fix-posting:focus, .menu a.fix-posting:hover {
 384 color: #00c;
 385 text-decoration: none;
 386 background-image:url(img/fixed_mo.png);
 387 }
 388 .menu a.unfix-posting:link, .menu a.unfix-posting:visited {
 389 color: #00c;
 390 text-decoration: none;
 391 background-image:url(img/unfixed.png);
 392 }
 393 .menu a.unfix-posting:focus, .menu a.unfix-posting:hover {
 394 color: #00c;
 395 text-decoration: none;
 396 background-image:url(img/unfixed_mo.png);
 397 }
 398 .postingedit .menu li {
 399 display: inline;
 400 padding: 0 5px 0 0;
 401 }
 402
 403 .menu span.inactive-function {
 404 color: #666;
 405 text-decoration: line-through;
 406 }
 407
 408 .actthread {
 409 padding-left: 18px;
 410 color: #000;
 411 font-weight: bold;
 412 background-image:url(img/topic.png);
 413 background-repeat:no-repeat;
 414 background-position: top left;
 415 }
 416 .actreply {
 417 padding-left: 16px;
 418 color: #000;
 419 font-weight: bold;
 420 background-image:url(img/reply.png);
 421 background-repeat:no-repeat;
 422 background-position: top left;
 423 }
 424
 425 .thread { font-size: 1em; }
 426 .thrbeg {
 427 font-size: 1em;
 428 font-weight: bold;
 429 }
 430 .aktuell {
 431 font-size: 1em;
 432 color: red;
 433 font-weight: bold;
 434 }
 435 .postinginfo, .xsmall {
 436 font-size: 0.86em;
 437 color: #808080;
 438 font-weight: normal;
 439 }
 440 .caution {
 441 color: red;
 442 font-weight: bold;
 443 }
 444 .entryline {
 445 margin: 15px 0;
 446 border-top: 1px dotted #808080;
 447 border-left: 0;
 448 border-right: 0;
 449 border-bottom: 0;
 450 height: 1px;
 451 }
 452 .marked-threads {
 453 margin: 1em 0 0 0;
 454 padding: 0;
 455 border: 1px solid #aaa;
 456 border-radius: 5px;
 457 overflow: hidden;
 458 background: #ddd;
 459 background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
 460 background: -webkit-linear-gradient(top, #eee 0%, #ccc 100%);
 461 background: -o-linear-gradient(top, #eee 0%, #ccc 100%);
 462 background: linear-gradient(to bottom, #eee 0%, #ccc 100%);
 463 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ccc',GradientType=0 );
 464 }
 465 .marked-threads h2 {
 466 float: left;
 467 font-size: 1em;
 468 padding: 0.5em;
 469 margin: 0;
 470 }
 471 .marked-threads ul {
 472 float: left;
 473 padding: 0;
 474 margin: 0;
 475 list-style: none;
 476 }
 477 .marked-threads li {
 478 /*display: inline;*/
 479 float: left;
 480 padding: 0;
 481 border-left: 1px solid #aaa;
 482 border-right: 1px solid #eee;
 483 }
 484 .marked-threads li a {
 485 display: block;
 486 padding: 0.5em;
 487 }
 488 .marked-threads li a:focus, .marked-threads li a:hover {
 489 color: #00b;
 490 text-shadow: 1px 1px 0px #fff;
 491 text-decoration: underline;
 492 }
 493
 494 .admin-highlight { color: #b00; }
 495 .mod-highlight { color: #0a4; }
 496 .user-highlight { color: #04a; }
 497 .username { color: #000; }
 498
 499 .admin-highlight,.mod-highlight,.user-highlight { cursor: help; }
 500 .admin-highlight,.mod-highlight,.user-highlight,.username {
 501 font-weight: bold;
 502 font-style: normal;
 503 }
 504
 505 #buttonspace {
 506 width: 160px;
 507 /*border:1px solid;*/
 508 padding: 0 0 0 0.5em;
 509 vertical-align: top;
 510 font-size:0.86em;
 511 }
 512 #buttonspace input {
 513 width: 5.6em;
 514 height: 1.8em;
 515 }
 516 #buttonspace button {
 517 width: 2.8em;
 518 height: 1.8em;
 519 }
 520
 521 #buttonspace .additional-menu {
 522 width: 7.4em;
 523 height: 140px;
 524 position: relative;
 525 left: 6em;
 526 bottom: 140px;
 527 overflow: auto;
 528 background-color: #eef;
 529 border:1px solid #bacbdf;
 530 }
 531
 532 /* quoted text: */
 533 .citation {
 534 color: #606060;
 535 font-style: italic;
 536 }
 537
 538 /* signatures: */
 539 .signature {
 540 margin: 10px 0 0 0;
 541 padding:0;
 542 font-size: 0.86em;
 543 line-height: 1.5em;
 544 color: #808080;
 545 font-weight: normal;
 546 max-width: 750px;
 547 }
 548
 549 .userdata {
 550 margin: 0;
 551 padding: 0;
 552 font-size: 1em;
 553 line-height: 1.6em;
 554 }
 555 .online {
 556 font-size: 0.86em;
 557 color: red;
 558 }
 559 pre {
 560 background: #fff;
 561 overflow:auto;
 562 }
 563 code {
 564 font-family: monospace;
 565 font-size: 1em;
 566 color: #000080;
 567 }
 568
 569 /* categories: */
 570 .category {
 571 color: #000080;
 572 font-size: 0.86em;
 573 font-weight: normal;
 574 }
 575 .category-regusers {
 576 color: #000080;
 577 font-size: 0.86em;
 578 font-weight: normal;
 579 background:#e7e7e7;
 580 }
 581 .category-adminmod {
 582 color: #000080;
 583 font-size: 0.86em;
 584 font-weight: normal;
 585 background:#d5d5d5;
 586 }
 587 .category-b {
 588 color: #00c;
 589 font-size: 0.86em;
 590 font-weight: normal;
 591 }
 592 .category-regusers-b {
 593 color: #00c;
 594 font-size: 0.86em;
 595 font-weight: normal;
 596 border-bottom: 1px dotted #00c;
 597 }
 598 .category-adminmod-b {
 599 color: #00c;
 600 font-size: 0.86em;
 601 font-weight: normal;
 602 border-bottom: 1px solid #00c;
 603 }
 604
 605 table.board-entry {
 606 border: 3px double #bacbdf;
 607 border-collapse: collapse;
 608 margin: 0 auto;
 609 }
 610 table.mix-entry {
 611 margin-top:-1px;
 612 border: 1px solid #bacbdf;
 613 }
 614 td.autorcell {
 615 width: 10em;
 616 padding: 5px 7px 5px 7px;
 617 color: #000;
 618 background:#d2ddea;
 619 background: -moz-linear-gradient(left, #d2ddea 0%, #ecf2f8 100%);
 620 background: -webkit-linear-gradient(left, #d2ddea 0%, #ecf2f8 100%);
 621 background: -o-linear-gradient(left, #d2ddea 0%, #ecf2f8 100%);
 622 background: linear-gradient(to right, #d2ddea 0%, #ecf2f8 100%);
 623 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ddea', endColorstr='#ecf2f8',GradientType=1 );
 624 border-right: 1px dotted #bacbdf;
 625 border-bottom: 1px solid #bacbdf;
 626 }
 627 td.titlecell {
 628 margin:0;
 629 padding:5px 10px;
 630 height:1.6em;
 631 font-size: 1em;
 632 color: #000;
 633 background: #d2ddea;
 634 background: -moz-linear-gradient(top, #d2ddea 0%, #ecf2f8 100%);
 635 background: -webkit-linear-gradient(top, #d2ddea 0%, #ecf2f8 100%);
 636 background: -o-linear-gradient(top, #d2ddea 0%, #ecf2f8 100%);
 637 background: linear-gradient(to bottom, #d2ddea 0%, #ecf2f8 100%);
 638 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ddea', endColorstr='#ecf2f8',GradientType=0 );
 639 border-bottom: 1px solid #bacbdf;
 640 }
 641 td.titlecell .left {
 642 margin: 0;
 643 padding: 0;
 644 float: left;
 645 }
 646 td.titlecell h2 {
 647 margin: 0;
 648 padding:0;
 649 font-size: 1em;
 650 color: #000;
 651 font-weight: bold;
 652 }
 653 td.titlecell .right {
 654 margin: 0;
 655 padding: 0;
 656 text-align: right;
 657 }
 658 td.postingcell {
 659 margin:0;
 660 padding:10px 10px 15px 10px;
 661 /*width: 100%;*/
 662 font-size: 1em;
 663 color: #000;
 664 background:#f9f9f9;
 665 border-bottom: 1px solid #bacbdf;
 666 }
 667 .postingboard {
 668 margin: 0;
 669 padding: 0;
 670 font-size: 1em;
 671 line-height: 1.6em;
 672 min-width: 30em;
 673 max-width: 60em;
 674 }
 675 pre.postingboard {
 676 padding:5px;
 677 }
 678
 679 div.preview {
 680 font-size: 1em;
 681 margin: 0;
 682 padding: 10px;
 683 color: #000;
 684 border: 1px dotted red;
 685 }
 686
 687 table.normaltab {
 688 width: 100%;
 689 border: 3px double #bacbdf;
 690 border-collapse: collapse;
 691 }
 692 table.normaltab .titlerow {
 693 background: #ecf2f8;
 694 background: -moz-linear-gradient(top, #ccd8ea 0%, #ecf2f8 100%);
 695 background: -webkit-linear-gradient(top, #ccd8ea 0%, #ecf2f8 100%);
 696 background: -o-linear-gradient(top, #ccd8ea 0%, #ecf2f8 100%);
 697 background: linear-gradient(to bottom, #ccd8ea 0%, #ecf2f8 100%);
 698 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd8ea', endColorstr='#ecf2f8',GradientType=0 );
 699 height: 1.8em;
 700 border-bottom: 1px solid #bacbdf;
 701 }
 702 table.normaltab th {
 703 font-size: 1em;
 704 font-weight: bold;
 705 text-align:left;
 706 padding: 3px;
 707 color: #000;
 708 }
 709 table.normaltab td {
 710 border-right: 1px dotted #bacbdf;
 711 vertical-align: top;
 712 font-size: 1em;
 713 font-weight: normal;
 714 padding: 3px;
 715 color: #000;
 716 }
 717 table.normaltab tr.a, table.normaltab tr.b {
 718 border-bottom: 1px dotted #bacbdf;
 719 height: 1.8em;
 720 }
 721 table.normaltab tr.a   { background: #f5f5f5; }
 722 table.normaltab tr.b   { background: #f9f9f9; }
 723 table.normaltab td.c   {
 724 width:150px;
 725 vertical-align: top;
 726 font-size: 1em;
 727 font-weight: bold;
 728 color: #000;
 729 background: #d2ddea;
 730 background: -moz-linear-gradient(left, #d2ddea 0%, #ecf2f8 100%);
 731 background: -webkit-linear-gradient(left, #d2ddea 0%, #ecf2f8 100%);
 732 background: -o-linear-gradient(left, #d2ddea 0%, #ecf2f8 100%);
 733 background: linear-gradient(to right, #d2ddea 0%, #ecf2f8 100%);
 734 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ddea', endColorstr='#ecf2f8',GradientType=1 );
 735 border-bottom: 1px dotted #fff;
 736 }
 737 table.normaltab td.d {
 738 vertical-align: top;
 739 font-size: 1em;
 740 font-weight: normal;
 741 color: #000;
 742 background: #f5f5f5;
 743 }
 744 table.normaltab td .info { font-weight: normal; }
 745 table.normaltab td.number-cell { text-align: right; }
 746 table.normaltab td.info,
 747 table.normaltab td.number-cell,
 748 table.normaltab td .info,
 749 .small { font-size: 0.86em; }
 750
 751 table.admin {
 752 width: 100%;
 753 border: 3px double #bacbdf;
 754 border-collapse: collapse;
 755 }
 756 table.admin td {
 757 vertical-align: top;
 758 background: #f5f5f5;
 759 border-right: 1px dotted #bacbdf;
 760 padding: 3px;
 761 }
 762 table.admin td:first-child {
 763 width:18em;
 764 background: #d2ddea;
 765 background: -moz-linear-gradient(left, #d2ddea 0%, #ecf2f8 100%);
 766 background: -webkit-linear-gradient(left, #d2ddea 0%, #ecf2f8 100%);
 767 background: -o-linear-gradient(left, #d2ddea 0%, #ecf2f8 100%);
 768 background: linear-gradient(to right, #d2ddea 0%, #ecf2f8 100%);
 769 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ddea', endColorstr='#ecf2f8',GradientType=1 );
 770 border-bottom: 1px dotted #fff;
 771 }
 772 table.admin td:nth-child(1) {
 773 background-color: ##f5f5f5;
 774 }
 775 table.info td:first-child {
 776 font-weight: bold;
 777 }
 778
 779 ul.menulist {
 780 list-style-type: none;
 781 margin: 1em 0 0 0;
 782 padding: 0 0 4px 0;
 783 white-space: nowrap;
 784 }
 785 ul.menulist li {
 786 display: inline;
 787 padding: 0 1px 0 0;
 788 }
 789 ul.menulist li a {
 790 padding: 3px 0.3em;
 791 border: 1px solid #bacbdf;
 792 border-bottom: none;
 793 border-radius: 8px 8px 0 0;
 794 color: #004;
 795 background: #ecf2f8;
 796 background: -moz-linear-gradient(top, #ecf2f8 0%, #ccd8ea 100%);
 797 background: -webkit-linear-gradient(top, #ecf2f8 0%, #ccd8ea 100%);
 798 background: -o-linear-gradient(top, #ecf2f8 0%, #ccd8ea 100%);
 799 background: linear-gradient(to bottom, #ecf2f8 0%, #ccd8ea 100%);
 800 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf2f8', endColorstr='#ccd8ea',GradientType=0 );
 801 text-decoration: none;
 802 }
 803
 804 ul.menulist li a:focus, ul.menulist li a:hover
 805 {
 806 color: #00b;
 807 text-shadow: 1px 1px 0px #fff;
 808 text-decoration: underline;
 809 background: #f0f6ff;
 810 background: -moz-linear-gradient(top, #f0f6ff 0%, #d5dcf2 100%);
 811 background: -webkit-linear-gradient(top, #f0f6ff 0%, #d5dcf2 100%);
 812 background: -o-linear-gradient(top, #f0f6ff 0%, #d5dcf2 100%);
 813 background: linear-gradient(to bottom, #f0f6ff 0%, #d5dcf2 100%);
 814 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f6ff', endColorstr='#d5dcf2',GradientType=0 );
 815 }
 816
 817 ul.menulist li span
 818 {
 819 padding: 3px 0.3em;
 820 border: 1px solid #bacbdf;
 821 border-bottom: none;
 822 border-radius: 8px 8px 0 0;
 823 color: #000;
 824 text-shadow: 1px 1px 0px #fff;
 825 background: #f8ffb8;
 826 background: -moz-linear-gradient(top, #f8ffb8 0%, #a0fec0 100%);
 827 background: -webkit-linear-gradient(top, #f8ffb8 0%, #a0fec0 100%);
 828 background: -o-linear-gradient(top, #f8ffb8 0%, #a0fec0 100%);
 829 background: linear-gradient(to bottom, #f8ffb8 0%, #a0fec0 100%);
 830 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffb8', endColorstr='#a0fec0',GradientType=0 );
 831 }
 832
 833 span.info {
 834 font-weight: normal;
 835 font-size: 86%;
 836 }
 837
 838 form table + p {
 839 margin: 0.5em 0 0 0;
 840 }
 841
 842 /* mix view: */
 843 div.mixdivl { }
 844 div.mixthread {
 845 background: #ffe8b7;
 846 padding: 0;
 847 }
 848 div.mixthreadbeg {
 849 background: #ffdf9d;
 850 margin-bottom: 5px;
 851 padding: 5px;
 852 }
 853
 854 select.kat { font-size: 0.86em; }
 855
 856 /* entry form */
 857 #entryform {
 858 display: block;
 859 margin: 1em 0 0 0;
 860 padding: 0;
 861 }
 862
 863 input.bbcode-button {
 864 width: 45px;
 865 height: 20px;
 866 font-size: 11px;
 867 font-weight: normal;
 868 margin: 0 0 5px 0;
 869 background: #efefef;
 870 }
 871 button.smiley-button {
 872 width: 23px;
 873 height: 23px;
 874 font-size: 11px;
 875 font-weight: normal;
 876 margin: 0 1px 1px 0;
 877 background: #efefef;
 878 }
 879
 880 /* thread links: */
 881 span.thread, a.thread {
 882 padding-left: 18px;
 883 font-weight: bold;
 884 background-image:url(img/topic.png);
 885 background-repeat:no-repeat;
 886 background-position: top left;
 887 }
 888 a.thread:link {
 889 color: #0000cc;
 890 text-decoration: none;
 891 }
 892 a.thread:visited {
 893 color: #800080;
 894 text-decoration: none;
 895 }
 896 a.thread:hover {
 897 color: #0000ff;
 898 text-decoration: underline;
 899 }
 900 a.thread:active {
 901 color: #0000cc;
 902 text-decoration: none;
 903 }
 904
 905 /* new threads: */
 906 a.threadnew {
 907 padding-left: 18px;
 908 font-weight: bold;
 909 background-image:url(img/topic_new.png);
 910 background-repeat:no-repeat;
 911 background-position: top left;
 912 }
 913 a.threadnew:link {
 914 color: #00c;
 915 text-decoration: none;
 916 }
 917 a.threadnew:visited {
 918 color: #800080;
 919 text-decoration: none;
 920 }
 921 a.threadnew:focus, a.threadnew:hover {
 922 color: #00f;
 923 text-decoration: underline;
 924 }
 925 a.threadnew:active {
 926 color: #00c;
 927 text-decoration: none;
 928 }
 929
 930 /* replies: */
 931 span.reply, a.reply {
 932 padding-left: 18px;
 933 font-weight: normal;
 934 background-image:url(img/reply.png);
 935 background-repeat:no-repeat;
 936 background-position: top left;
 937 }
 938 a.reply:link {
 939 color: #0000cc;
 940 text-decoration: none;
 941 }
 942 a.reply:visited {
 943 color: #800080;
 944 text-decoration: none;
 945 }
 946 a.reply:hover {
 947 color: #0000ff;
 948 text-decoration: underline;
 949 }
 950 a.reply:active {
 951 color: #0000cc;
 952 text-decoration: none;
 953 }
 954 span.reply { font-weight: bold; }
 955
 956 /* new reply */
 957 a.replynew {
 958 padding-left: 18px;
 959 font-weight: normal;
 960 background-image:url(img/reply_new.png);
 961 background-repeat:no-repeat;
 962 background-position: top left;
 963 }
 964 a.replynew:link {
 965 color: #0000cc;
 966 text-decoration: none;
 967 }
 968 a.replynew:visited {
 969 color: #800080;
 970 text-decoration: none;
 971 }
 972 a.replynew:focus, a.replynew:hover {
 973 color: #0000ff;
 974 text-decoration: underline;
 975 }
 976 a.replynew:active {
 977 color: #0000cc;
 978 text-decoration: none;
 979 }
 980
 981 /* replies in search results: */
 982 a.reply-search {
 983 padding-left: 18px;
 984 font-weight: bold;
 985 background-image:url(img/reply_s.png);
 986 background-repeat:no-repeat;
 987 background-position: top left;
 988 }
 989 a.reply-search:link {
 990 color: #00c;
 991 text-decoration: none;
 992 }
 993 a.reply-search:visited {
 994 color: #800080;
 995 text-decoration: none;
 996 }
 997 a.reply-search:focus, a.reply-search:hover {
 998 color: #00f;
 999 text-decoration: underline;
1000 }
1001 a.reply-search:active {
1002 color: #00c;
1003 text-decoration: none;
1004 }
1005
1006 /* Thread tree: */
1007 ul.thread {
1008 margin: 0 0 17px 0;
1009 padding: 0;
1010 list-style-type:none;
1011 }
1012 ul.reply {
1013 margin: 0;
1014 padding: 0 0 0 20px;
1015 list-style-type:none;
1016 }
1017 ul.deep-reply {
1018 margin: 0;
1019 padding: 0;
1020 list-style-type:none;
1021 }
1022 li {
1023 line-height: 17px;
1024 }
1025 ul.thread ul ul {
1026 border-left: 3px solid #C0C0C0;
1027 }
1028 ul.thread ul li:last-child>ul {
1029 border-left:none;
1030 }
1031
1032 #deletecookie {
1033 color:#000;
1034 background:#fff;
1035 margin:0;
1036 padding:10px;
1037 }
1038 #deletecookie h1 {
1039 font-size:18px;
1040 color:#000;
1041 font-weight:bold;
1042 }
1043 #deletecookie p {
1044 font-size:13px;
1045 margin-top: 0;
1046 }
1047
1048 img.captcha {
1049 margin:0;
1050 padding:0;
1051 border:1px solid #000;
1052 }