1/*--------------------------------------------------------*/ 2/* YaBB 2014 */ 3/*--------------------------------------------------------*/ 4/* Created by: YaBB http://www.yabbforum.com */ 5/*--------------------------------------------------------*/ 6/* You may adapt elements of this CSS in your own */ 7/* projects, but please give credit to yabbforum.com. */ 8/*--------------------------------------------------------*/ 9/* This is the css file for YaBB 2.6.1 default Template */ 10/*--------------------------------------------------------*/ 11/* $Revision: 1613 $ */ 12 13body { 14 background-color: #eee; 15 font: 12px Verdana, Helvetica, Arial, Sans-Serif; 16 margin: 0; 17 padding: 0; 18 min-width: 770px; 19} 20 21a { 22 color: #3b5998; 23 font-weight: 400; 24 text-decoration: none; 25} 26 27a:visited { 28 color: #3b5998; 29 font-weight: 400; 30} 31 32a:hover { 33 color: #2d2d2d; 34 text-decoration: underline; 35} 36 37a:focus, input:focus, textarea:focus, select:focus { outline: 0 none; } 38 39#header { 40 font: 12px Verdana, Helvetica, Sans-Serif; 41 color: #eee; 42 background-color: #4378ae; 43} 44 45#header a { color:#2d2d2d; } 46 47#header .highlight a { color: #3b5998; } 48 49form { 50 display: inline; 51 margin: 0; 52 padding: 0; 53} 54 55img { 56 border: 0 none; 57 vertical-align: middle; 58} 59 60input { 61 background-color: #eee; 62 border: 1px solid #b1bdc9; 63 color: #000; 64 font-family: Verdana, Helvetica, Sans-Serif; 65 font-size: 12px; 66 -webkit-border-radius: 5px; 67 -moz-border-radius: 5px; 68 border-radius: 5px; 69 padding: 5px; 70} 71 72sup { 73 vertical-align: baseline; 74 position: relative; 75 top: -0.4em; 76} 77 78.button, input[type="submit"], input[type="reset"], input[type="button"] { 79 background-color: #eee; 80 border: 1px solid #c6c6c6; 81 color: #000; 82 font-family: Verdana, Helvetica, Sans-Serif; 83 font-size: 12px; 84 font-weight: 600; 85 -webkit-border-radius: 5px; 86 -moz-border-radius: 5px; 87 border-radius: 5px; 88 cursor: pointer; 89} 90 91textarea { 92 background-color: #eee; 93 border: 1px solid #b1bdc9; 94 color: #000; 95 font-family: Verdana, Helvetica, Sans-Serif; 96 font-size: 12px; 97 -webkit-border-radius: 5px; 98 -moz-border-radius: 5px; 99 border-radius: 5px; 100} 101 102select { 103 background-color: #eee; 104 border: 1px solid #b1bdc9; 105 color: #000; 106 font-family: Verdana, Helvetica, Sans-Serif; 107 font-size: 10px; 108 -webkit-border-radius: 5px; 109 -moz-border-radius: 5px; 110 border-radius: 5px; 111 padding: 5px; 112} 113 114select optgroup { 115 color: #000; 116 font-size: 10px; 117} 118 119input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus { background-color: #f5f5f5; } 120 121.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background-color: #fff; } 122 123label { cursor: pointer; } 124 125table { 126 border-collapse: collapse; 127 margin-left: auto; 128 margin-right: auto; 129 width: 100%; 130} 131 132td { 133 text-align: left; 134 vertical-align: middle; 135} 136 137table.cs_thin { 138 border-collapse: separate; 139 border-spacing: 1px; 140} 141 table.fixed { 142 table-layout:fixed; 143} 144 145#maincontainer { 146 border-top: 0; 147 margin-bottom: 10px; 148 margin-left: auto; 149 margin-right: auto; 150 padding: 0; 151 width: 92%; 152} 153 154#container { 155 width: 100%; 156 background-color: #fff; 157 border: 0; 158 margin: 0; 159 padding: 0 1px; 160 color: #2d2d2d; 161} 162 163.center { text-align: center; } 164 165.right { text-align: right; } 166 167.left { text-align: left; } 168 169.vtop { vertical-align: top; } 170 171.bottom { vertical-align: bottom; } 172 173.small { font-size: 10px !important; } 174 175.green, .none { display: none; } 176 177.tabtitle-text { text-shadow: #2d2d2d 1px 1px 1px; } 178 179.tabtitle { 180 height: 35px; 181 vertical-align: middle; 182 padding-left: 0.5em; 183 font-weight: bold; 184 font-style: normal; 185 font-size: 12px; 186 font-family: Verdana, Arial, Sans-Serif; 187 color: #eee; 188 background: url(./default/tabtitle.png) repeat-x top #3673b3; 189 -webkit-border-radius: 5px 5px 0 0; 190 -moz-border-radius: 5px 5px 0 0; 191 border-radius: 5px 5px 0 0; 192 border-bottom: 1px solid #195392; 193} 194 195.tabtitle-sub { 196 height: 15px; 197 vertical-align: middle; 198 padding-left: 0.5em; 199 font-weight: bold; 200 font-style: normal; 201 font-size: 12px; 202 font-family: Verdana, Arial, Sans-Serif; 203 color: #eee; 204 background: url(./default/tabtitle.png) repeat-x top #3673b3; 205} 206 207.tabtitle-bottom { 208 height: 35px; 209 vertical-align: middle; 210 padding-left: 0.5em; 211 font-weight: bold; 212 font-style: normal; 213 font-size: 12px; 214 font-family: Verdana, Arial, Sans-Serif; 215 color: #eee; 216 background: url(./default/tabtitle.png) repeat-x top #3673b3; 217 -webkit-border-radius: 0 0 5px 5px; 218 -moz-border-radius: 0 0 5px 5px; 219 border-radius: 0 0 5px 5px; 220 border-top: 1px solid #195392; 221} 222 223.tabtitle a, .tabtitle-bottom a { 224 color: #fff; 225 font-size: 12px; 226 font-family: Verdana, Helvetica, Arial, Sans-Serif; 227 font-style: normal; 228 font-weight: 700; 229 text-decoration: none; 230} 231 232.tabtitle a:hover, .tabtitle-bottom a:hover { 233 color: #bbb; 234 text-decoration: none; 235} 236 237.menutop { 238 height: 25px; 239 background-color: #6499d0 ; 240 font-weight: bold; 241 text-align: left; 242 color: #2d2d2d; 243} 244 245.mainbottom { 246 height: 25px; 247 width: 100%; 248 background-color: #2d2d2d; 249 font-weight: bold; 250 font-size: 10px; 251 color: #bbb; 252 margin-top: 10px; 253 padding-top: 1em; 254 vertical-align: middle; 255 text-align: left; 256} 257 258.mainbottom a, .mainbottom span { 259 font-weight: bold; 260 font-size: 10px; 261 color: #fff; 262} 263 264.mainbottom a:hover, .mainbottom span:hover { 265 color: #bbb; 266 text-decoration: none; 267} 268 269.tabmenuleft, .tabmenuright, .tabmenu { 270 height: 25px; 271 text-align: left; 272 background-color: #2d2d2d; 273 font-size: 12px; 274 font-family: Arial, Sans-Serif; 275 color: #bbb; 276 font-weight: bold; 277 text-decoration: none; 278} 279 280.tabmenu { overflow: hidden; } 281 282.tabmenu ul { 283 list-style: none; 284 display: block; 285 margin: 0 0 0 -41px; 286} 287 288.tabmenu li, .mctabmenu li { 289 float: left; 290 font-size: 100%; 291 font-weight: bold; 292 list-style: none; 293 margin-left: -1px; 294 padding: 0; 295 display: inline; 296} 297 298.tabmenu a, .mctabmenu a { 299 font-size: 12px; 300 font-family: Arial, Sans-Serif; 301 color: #bbb; 302 white-space: nowrap; 303 font-weight: bold; 304 display: block; 305 float: left; 306 margin: 0 1px 0 0; 307 padding: 4px 8px; 308 text-align: center; 309 text-decoration: none; 310} 311 312.tabmenu span, .mctabmenu span { 313 float: left; 314 height: 25px; 315 background-color: #2d2d2d; 316 margin: 0; 317 border: 0; 318 padding: 0; 319 vertical-align: middle; 320 text-align: center; 321 cursor: pointer; 322} 323 324.tabmenu span a, .mctabmenu span a { 325 font-size: 12px; 326 font-family: Arial, Sans-Serif; 327 color: #bbb; 328 text-decoration: none; 329 white-space: nowrap; 330 font-weight: bold; 331} 332 333.tabmenu span a:hover, .mctabmenu span a:hover { 334 color: #fff; 335 height: 25px; 336 font-weight: bold; 337 text-decoration: none; 338} 339 340.tabmenu span.selected, .tabmenu span.selected a, .mctabmenu span.selected, .mctabmenu span.selected a { 341 color: #fff; 342 font-weight: bold; 343} 344 345.rightbox { 346 height: 25px; 347 background-color: #2d2d2d; 348 color: #bbb; 349 text-align: center; 350 font-size: 11px; 351 font-weight: bold; 352 font-family: Verdana, Helvetica, Arial, Sans-Serif; 353 text-decoration: none; 354} 355 356.copyright { 357 color: #2d2d2d; 358 font-size: 11px; 359 font-weight: 400; 360 text-align: center; 361} 362 363.copyright a { 364 color: #3b5998; 365 font-size: 11px; 366 font-weight: 400; 367 text-align: center; 368} 369 370.newsfader { 371 background-color:#fefefe; 372 color: #304b58; 373 font-size: 10px; 374 font-style: normal; 375 font-weight: 400; 376 text-decoration: none; 377 min-height: 20px; 378} 379 380#fscroller { 381 line-height: 1.3em; 382 min-height: 20px; 383} 384 385.useronline { 386 background: url(./default/user_online.png) no-repeat; 387 padding-left: 15px; 388 color: #2e8b57; 389 font-weight: 700; 390} 391 392.useroffline { 393 background: url(./default/user_offline.png) no-repeat; 394 padding-left: 15px; 395 color: #7b68ee; 396 font-weight: 700; 397} 398 399.useraway { 400 background: url(./default/user_away.png) no-repeat; 401 padding-left: 15px; 402 color: #6078b0; 403 font-weight: 700; 404} 405 406.nav, .nav a, .nav a:visited { 407 color: #2d2d2d; 408 font-size: 10px; 409 font-weight: 700; 410 text-decoration: none; 411} 412 413.nav a:hover { 414 color: #3b5998; 415 text-decoration: underline; 416} 417 418.QuickLinks { 419 background-color: #ddd; 420 border: 1px; 421 border-color: #195392; 422 border-style: solid; 423 display: none; 424 list-style: none; 425 margin-left: 0; 426 top: 15px; 427 padding: 0; 428 position: absolute; 429 text-indent: 0; 430 min-width: 12.5em; 431 font-style: normal; 432} 433 434.QuickLinks li { 435 background-color: #eee; 436 font-size: 10px; 437 list-style: none; 438 margin-left: 0; 439 padding: 3px; 440 text-indent: 0; 441 white-space: nowrap; 442} 443 444.QuickLinks li:hover { background-color: #d8dfea; } 445 446.QuickLinks a:hover { text-decoration: none; } 447 448.windowbg { 449 background-color: #dee4ec; 450 font-size: 12px; 451 font-weight: 400; 452 font-style: normal; 453 color: #2d2d2d; 454} 455 456.windowbg2 { 457 background-color: #edeff4; 458 font-size: 12px; 459 font-style: normal; 460 font-weight: 400; 461 color: #2d2d2d; 462} 463 464.dividerbot { border-bottom: 1px #fff solid !important; } 465 466.dividertop { border-top: 1px #fff solid; } 467 468.hr { 469 background-color: #a7b8cc; 470 border: 0 solid #a7b8cc; 471 border-top: 0 solid #a7b8cc; 472 color: #6078b0; 473 height: 1px; 474} 475 476.hr2 { 477 background-color: #fff; 478 border: 0 solid #fff; 479 border-top: 0 solid #fff; 480 color: #fff; 481 height: 1px; 482} 483 484.hr_s { 485 background-color: #a7b8cc; 486 border: 0 solid #a7b8cc; 487 border-top: 0 solid #a7b8cc; 488 color: #a7b8cc; 489 height: 1px; 490 width: 40%; 491 text-align: left; 492} 493 494.bordercolor { 495 background-color: #fff; 496 font-size: 12px; 497} 498 499.border { border: thin solid #b1bdc9; } 500 501.top { 502 color: #475f79; 503 font-size: 11px; 504 font-style: normal; 505} 506 507.anchor{ 508 display: block; 509 height: 27px; 510 margin-top: -27px; 511 visibility: hidden; 512} 513 514.titlebg { 515 font-size: 11px; 516 font-weight: bold; 517 font-style: normal; 518 text-decoration: none; 519 font-family: Verdana, Helvetica, Arial, Sans-Serif; 520 color: #3b5998; 521 background-color: #d7dbea; 522} 523 524.titlebg a { 525 font-weight: bold; 526 font-style: normal; 527 text-decoration: none; 528 color: #2d2d2d; 529} 530 531.catbg { 532 font-size: 11px; 533 font-weight: 700; 534 font-style: normal; 535 text-decoration: none; 536 font-family: Verdana, Helvetica, Arial, Sans-Serif; 537 color: #eee; 538 background-color: #195392; 539} 540 541.catbg a { 542 color: #fff; 543 font-style: normal; 544 font-weight: 700; 545 text-decoration: none; 546} 547 548.selected-bg { 549 font-size: 11px; 550 font-weight: 700; 551 font-style: normal; 552 text-decoration: none; 553 font-family: Verdana, Helvetica, Arial, Sans-Serif; 554 color: #eee; 555 background-color: #4378ae; 556} 557 558.selected-bg a { 559 color: #fff; 560 font-style: normal; 561 font-weight: 700; 562 text-decoration: none; 563} 564 565.titlebg a:hover,.catbg a:hover,.selected-bg a:hover { text-decoration: underline; } 566 567.message-sort, .message-sort a:hover { color: #2d2d2d; } 568 569.message-sort a { color: #3b5998; } 570 571.message, #message, .prevwin { 572 color: #2d2d2d; 573 font-family: Verdana, Helvetica, Arial, Sans-Serif; 574 font-size: 8pt; 575 font-style: normal; 576 font-weight: 400; 577 text-decoration: none; 578} 579 580.message a, .prevwin a { 581 background-color: transparent; 582 color: #900000; 583 font-style: normal; 584 font-weight: 400; 585 text-decoration: none; 586} 587 588.message a:hover, .prevwin a:hover { 589 background-color: transparent; 590 color: #3b5998; 591 text-decoration: underline; 592} 593 594.message table { 595 width: auto; 596 margin-left: 1em; 597} 598 599.message table td { border: #000 solid thin; } 600 601.droppageindex { 602 background-color: #eee; 603 /*border: 2px inset;*/ 604 border: 1px solid #b1bdc9; 605 color: #000; 606 float: left; 607 font-family: Verdana, Sans-Serif; 608 -webkit-border-radius: 5px; 609 -moz-border-radius: 5px; 610 border-radius: 5px; 611 padding: 5px; 612} 613 614table.tableselect { 615 background-color: #eee; 616 color: #ccc; 617 font-family: Verdana, Helvetica, Sans-Serif; 618 font-size: 10px; 619 padding-bottom: 3px; 620} 621 622.droppages { 623 height: 14px; 624 padding-left: 1px; 625 padding-right: 1px; 626} 627 628.droppages a { 629 color: #2d2d2d; 630 font-size: 9px; 631 font-weight: 400; 632} 633 634.highlight { 635 background-color: #ff3; 636 color: #000; 637 font-family: inherit; 638 font-size: inherit; 639 font-style: inherit; 640 font-weight: 700; 641} 642 643.imgbg { 644 color: #fff; 645 font-size: 10px; 646 font-style: normal; 647} 648 649.imgcatbg { 650 color: #fff; 651 font-size: 10px; 652 font-style: normal; 653 font-weight: 700; 654} 655 656.imgcatbg:hover { color: #bbb; } 657 658.imgtitlebg { 659 color: #fff; 660 font-size: 10px; 661 font-style: normal; 662 font-weight: 700; 663} 664 665.imgwindowbg { 666 color: #3b5998; 667 font-size: 9px; 668 font-style: normal; 669 font-weight: 700; 670} 671 672.imgwindowbg:hover { 673 color: #2d2d2d; 674} 675 676.imgmenu { 677 color: #bbb; 678 font-size: 11px; 679 font-style: normal; 680 font-weight: 700; 681} 682 683.imgmenu:hover { 684 color: #fff; 685} 686 687tr.search .imgcatbg, tr.search .imgwindowbg { 688 color: #3b5998; 689 font-size: 10px; 690 font-style: normal; 691 font-weight: 700; 692} 693 694tr.search .imgcatbg:hover, tr.search .imgwindowbg:hover { color: #2d2d2d; } 695 696.quote { 697 background-color: #e8ebef; 698 border: 1px #34689a solid; 699 color: #000; 700 font-family: Verdana, Helvetica, Arial, Sans-Serif; 701 font-size: 11px; 702 font-style: normal; 703 font-weight: 400; 704 padding: 4px; 705 width: 90%; 706} 707 708.my_me { 709 color: #f00; 710 font-style: italic; 711} 712 713.code { 714 background-color: #ccc; 715 border: 1px #34689a solid; 716 color: #000; 717 font-family: Courier, "Courier New", Serif; 718 font-size: 14px; 719 font-style: normal; 720 font-weight: 400; 721 padding: 4px; 722 width: 90%; 723} 724 725.editbg { 726 background-color: #fffedf; 727 border: 1px #c00 solid; 728 color: #000; 729 font-family: Verdana, Helvetica, Arial, Sans-Serif; 730 font-size: 11px; 731 font-style: normal; 732 font-weight: 400; 733 padding: 4px; 734 width: 90%; 735} 736 737.forumjump { 738 background-color: #eee; 739 border-bottom: 1px dashed #d6b2ff; 740 border-top: 1px dashed #d6b2ff; 741 color: #000; 742 font-weight: 700; 743} 744 745.forumjumpcat { 746 background-color: #fffedf; 747 border-bottom: 1px dashed #d6b2ff; 748 border-top: 1px dashed #d6b2ff; 749 color: #000; 750} 751 752.forumjumpcatm { 753 background-color: #eee8aa; 754 color: #000; 755 font-style: italic; 756} 757 758.forumjumpcatmf { 759 background-color: #eee8aa; 760 border-bottom: 1px dashed #a5aaee; 761 color: #000; 762 font-style: italic; 763} 764 765.forumcurrentboard { 766 background-color: #f0fff0; 767 color: #000; 768 font-weight: 700; 769} 770 771#PMcontainer { 772 background-color: #eee; 773 border: 0; 774 float: left; 775 margin-bottom: 10px; 776 padding: 0; 777 width: 100%; 778} 779 780.boardcontainer { 781 background-color:#bbb; 782 border:0; 783} 784 785.displaycontainer { 786 background-color: #fff; 787 padding: 1px; 788 width: 100%; 789} 790 791.postcontainer { 792 background-color: #d7dbea; 793 padding: 5px; 794 -webkit-border-radius: 5px; 795 -moz-border-radius: 5px; 796 border-radius: 5px; 797} 798 799.post-userinfo { 800 background-color: #d7dbea; 801 line-height: 1.2em; 802} 803 804.navbarcontainer { margin: 0; } 805 806/* postbox, post, PM, calendar */ 807#dragcanvas { 808 border: 0; 809 left: 0; 810 position: relative; 811 top: 0; 812 z-index: 1; 813} 814 815#usersto { 816 width: 98%; 817 display: inline; 818 float: left; 819} 820 821#userscc, #usersbcc { 822 width: 98%; 823 display: none; 824 float: left; 825} 826 827textarea#message { 828 top: 0; 829 left: 0; 830 z-index: 2; 831 padding: 5px; 832 margin: 0; 833 visibility: visible; 834} 835 836div#dragbgw { 837 position: absolute; 838 top: 0; 839 left: 460px; 840 width: 3px; 841 border: 0; 842 z-index: 3; 843} 844 845div#dragbgh { 846 position: absolute; 847 top: 142px; 848 left: 0; 849 height: 3px; 850 border: 0; 851 z-index: 3; 852} 853 854img#dragImg1 { 855 position: absolute; 856 top: 0; 857 z-index: 4; 858 width: 3px; 859 cursor: e-resize; 860} 861 862img#dragImg2 { 863 position: absolute; 864 left: 0; 865 z-index: 4; 866 height: 3px; 867 cursor: n-resize; 868} 869 870.deftpal { 871 border: 0; 872 cursor: pointer; 873 float: left; 874 font-size: 5px; 875 height: 9px; 876 margin-bottom: 1px; 877 margin-right: 1px; 878 width: 10px; 879} 880 881.npf_txt { 882 font-size: 9px; 883 margin: 3px 0 0; 884 padding: 0; 885 text-align: center; 886 width: 56px; 887} 888 889input[type="button"].npf_txt { 890 font-size: 9px; 891} 892 893div.palettebox { 894 float: left; 895 height: 20px; 896 margin-top: 1px; 897 padding-left: 1px; 898 padding-top: 1px; 899 width: 66px; 900} 901 902div#bullets { 903 background-color: #ccc; 904 border: 1px solid #666; 905 display: none; 906 left: 345px; 907 padding: 2px; 908 position: absolute; 909 text-align: center; 910 top: -22px; 911 width: 63px; 912} 913 914#bullets img { 915 background-color: #ccc; 916 cursor: pointer; 917 height: 8px; 918 margin: 3px; 919 width: 8px; 920} 921 922#fontface { 923 font-size: 9px; 924 margin-left: 1px; 925 margin-right: 1px; 926 margin-top: 2px; 927 width: 113px; 928} 929 930#fontsize { 931 font-size: 9px; 932 margin-left: 1px; 933 margin-right: 2px; 934 margin-top: 2px; 935 width: 39px; 936} 937 938div.txtalgn { 939 float: left; 940 width: 92px; 941} 942 943.leftleft { 944 float: left; 945 text-align: left; 946} 947 948div.left99 { 949 float: left; 950 width: 99%; 951} 952 953div.left440 { 954 float:left; 955 width:440px; 956} 957 958div.boxlist1 { 959 float: left; 960 width: 460px; 961} 962 963div.chrwarn { 964 float: left; 965 text-align: left; 966 width: 315px; 967} 968 969div.chrsize { 970 float: left; 971 text-align: right; 972 width: 127px; 973} 974 975input.chrwarn { 976 background-color: #fefefe; 977 border: 0; 978 color: #304b58; 979 font-size: 11px; 980 font-style: normal; 981 font-weight: 400; 982 padding: 1px; 983 width: 40px; 984} 985 986input.chrsize { 987 background-color: #fefefe; 988 border: 0; 989 color: #304b58; 990 font-size: 11px; 991 font-style: normal; 992 font-weight: 400; 993 padding: 1px; 994 width: 15px; 995} 996 997div#spell_container { float: left; } 998 999/* height, width, padding */ 1000table.pad_2px td, .padd_2px { padding: 2px; } 1001 1002table.pad_3px td, .padd_3px { padding: 3px; } 1003 1004table.pad_4px td, .padd_4px { padding: 4px; } 1005 1006table.pad_8px td, .padd_8px { padding: 8px; } 1007 1008table.pad_0 td, .padd_0 { padding: 0; } 1009 1010table.pad_10px td, .padd_10px { padding: 10px; } 1011 1012.h_18px { height: 18px; } 1013 1014.h_15px { height: 15px; } 1015 1016.h_20px { height: 20px; } 1017 1018.h_22px { height: 22px; } 1019 1020.h_23px { height: 23px; } 1021 1022.h_25px { height: 25px; } 1023 1024.h_30px { height: 30px; } 1025 1026.h_40px { height: 40px; } 1027 1028.h_50px { height: 50px; } 1029 1030.h_60px { height :60px; } 1031 1032.h_70px { height: 70px; } 1033 1034.h_80px { height:80px; } 1035 1036/*For the ajax rotating gif popup. The width established below must match the width in ajax.js*/ 1037#ImageAlert { 1038 visibility: hidden; 1039 position: fixed; 1040 background-color: #eee; 1041 top: 50%; 1042 left: 50%; 1043 width: 230px; 1044 height: 100px; 1045 margin-left: -115px; 1046 margin-top: -50px; 1047 z-index: 1000; 1048 border: solid 5px rgb(119,119,119); 1049 border: solid 5px rgba(0,0,0,0.5); 1050 background-clip: padding-box; 1051 -webkit-border-radius: 5px; 1052 -moz-border-radius: 5px; 1053 border-radius: 5px; 1054} 1055 1056#ImageAlert div.topper { 1057 vertical-align: middle; 1058 padding-left: 0.5em; 1059 font-weight: bold; 1060 font-style: normal; 1061 font-size: 12px; 1062 font-family: Verdana, Arial, Sans-Serif; 1063 color: #eee; 1064 background: url(./default/tabtitle.png) repeat-x top #1f6eb6; 1065 height: 25%; 1066 line-height: 2em; 1067 text-align: center; 1068} 1069 1070#ImageAlert div.rotate { 1071 width: 100%; 1072 height: 75%; 1073 text-align: center; 1074} 1075 1076#ImageAlert div.rotate img { margin: 4px; } 1077 1078.yabb_rss { 1079 float: right; 1080 width: 20px; 1081 height: 20px; 1082 text-align: center; 1083 padding: 4px 5px 0 0; 1084 display: inline; 1085} 1086 1087.yabb_searchbox { 1088 float: right; 1089 width: 180px; 1090 margin: 1px !important; 1091 padding: 1px !important; 1092 text-align: center; 1093 display: inline; 1094 background-color: #eee; 1095 border: #bbb solid 1px; 1096 -webkit-border-radius: 5px; 1097 -moz-border-radius: 5px; 1098 border-radius: 5px; 1099} 1100 1101.yabb_searchbox:hover, .yabb_searchbox:focus { background-color:#f5f5f5; } 1102 1103.yabb_searchbox input[type="text"] { 1104 color: #999; 1105 width: 150px; 1106 font-size: 13px !important; 1107 margin-left: 0; 1108} 1109 1110.yabb_searchbox input:hover, .yabb_searchbox input:focus { color: #000; } 1111 1112.yabb_main { 1113 width: 98%; 1114 margin: 0 auto; 1115 text-align: left; 1116} 1117 1118.yabb_forumjump { 1119 width: 96%; 1120 margin-left: auto; 1121 margin-right: auto; 1122 text-align: right; 1123 padding-top: 10px; 1124} 1125 1126.info-center, .board-perms { line-height: 1.7; } 1127 1128.clear { clear: both; } 1129 1130.ongif { 1131 margin-left: 4px; 1132 margin-right: 6px; 1133 vertical-align: middle; 1134} 1135 1136.grpcolors { 1137 font-size: 10px; 1138 float: left; 1139 width: 49%; 1140} 1141 1142.mctitle { 1143 float: left; 1144 width: 100%; 1145 height: 21px; 1146 text-align: center; 1147 padding-top: 3px; 1148} 1149 1150.pgindex { 1151 float: left; 1152 height: 21px; 1153 margin: 2px 0 0 0; 1154 line-height: .86em; 1155 vertical-align: middle; 1156} 1157 1158.bold { font-weight: bold; } 1159 1160.under, .u { text-decoration: underline; } 1161 1162.cursor { cursor: pointer; } 1163 1164.pass_box { 1165 float: left; 1166 width: 150px; 1167 height: 20px; 1168 text-align: left; 1169} 1170 1171.pstrength-bar { 1172 border: 1px solid #fff; 1173 height: 4px; 1174} 1175 1176#cappasswrd1, #cappasswrd2, #cappasswrd1_char, #cappasswrd2_char { 1177 clear: left; 1178 color: #f00; 1179 font-weight: bold; 1180 display: none; 1181} 1182 1183#password-strength-meter { 1184 background: transparent url(./default/empty_bar.gif) repeat-x center left; 1185 height: 4px; 1186} 1187 1188.borderbox { 1189 width: 500px; 1190 margin-bottom: 8px; 1191 margin-left: auto; 1192 margin-right: auto; 1193} 1194 1195.contactleft { 1196 float: left; 1197 clear: left; 1198 width: 30%; 1199 padding-top: 5px; 1200 padding-bottom: 5px; 1201} 1202 1203.contactright { 1204 float: left; 1205 width: 70%; 1206 padding-top: 5px; 1207 padding-bottom: 5px; 1208} 1209 1210/* Soft coded css buttons */ 1211.buttonleft { 1212 padding: 0 0 0 6px; 1213 background-image: url(../../Buttons/Button22big_left.png); 1214} 1215 1216.buttonright { 1217 padding: 0 6px 0 0; 1218 background-image: url(../../Buttons/Button22big_right.png); 1219} 1220 1221.buttonimage { 1222 padding: 0 0 0 25px; 1223 background-position: 0 0; 1224} 1225 1226.buttontext { 1227 position: relative; 1228 top: 5px; 1229 left: 0; 1230 font-family: Verdana, Arial, Helvetica, sans-serif; 1231 font-size: 10px; 1232 color: #000; 1233 font-weight: normal !important; 1234 font-style: normal; 1235} 1236 1237/* Soft coded css buttons end */ 1238 1239.cssbutton1 { 1240 height: 20px; 1241 width: 1px; 1242 margin: 0; 1243 padding: 0; 1244 vertical-align: top; 1245 display: inline-block; 1246} 1247 1248.cssbutton2 { 1249 height: 20px; 1250 border: 0; 1251 margin: 1px; 1252 background-position: top left; 1253 background-repeat: no-repeat; 1254 text-decoration: none; 1255 font-size: 18px; 1256 vertical-align: top; 1257 display: inline-block; 1258} 1259 1260.cssbutton3 { 1261 height: 20px; 1262 border: 0; 1263 margin: 0; 1264 background-position: top right; 1265 background-repeat: no-repeat; 1266 text-decoration: none; 1267 font-size: 18px; 1268 vertical-align: top; 1269 display: inline-block; 1270} 1271 1272.cssbutton4 { 1273 height: 20px; 1274 border: 0; 1275 margin: 0; 1276 background-repeat: no-repeat; 1277 vertical-align: top; 1278 text-decoration: none; 1279 font-size: 18px; 1280 display: inline-block; 1281} 1282 1283.cssbutton5 { 1284 height: 20px; 1285 border: 0; 1286 margin: 0; 1287 padding: 0 5px 0 0; 1288 text-align: left; 1289 text-decoration: none; 1290 vertical-align: top; 1291 white-space: nowrap; 1292 display: inline-block; 1293} 1294 1295span.ubbcbutton { 1296 height: 22px; 1297 width: 23px; 1298 border: 0; 1299 margin: 0 1px 1px 0; 1300 background-position: top right; 1301 background-repeat: no-repeat; 1302 text-decoration: none; 1303 font-size: 18px; 1304 vertical-align: top; 1305 display: inline-block; 1306 float:left; 1307} 1308 1309.ubbcbuttonback { 1310 background-image: url(../../UBBCbuttons/ubbc2.png); 1311} 1312 1313.tt { font-family: Courier, monospace; } 1314 1315.littlebody { width: 800px; } 1316 1317/* Post and Thread Tools */ 1318.windowbg td.post_tools { 1319 background: #3673b3 url(./default/tabtitle.png) repeat-x; 1320 height: 100%; 1321 border-top: 0; 1322 border-bottom: 0; 1323 border-left: 1px; 1324 border-right: 1px; 1325 border-style: solid; 1326 border-color: #ddd; 1327 padding: 3px 10px 3px 3px; 1328} 1329 1330.windowbg2 td.post_tools,.tabtitle td.post_tools,.tabtitle-bottom td.post_tools { 1331 background: #3673b3 url(./default/tabtitle.png) repeat-x; 1332 height: 100%; 1333 border-top: 0; 1334 border-bottom: 0; 1335 border-left: 1px; 1336 border-right: 1px; 1337 border-style: solid; 1338 border-color: #edeff4; 1339 padding: 3px 10px 3px 3px; 1340} 1341 1342.post_tools_menu { 1343 background-color: #eee; 1344 position: absolute; 1345 display: none; 1346 margin: 0; 1347 padding: 1px; 1348 border: 1px solid #195392; 1349 list-style: none; 1350 text-indent: 0; 1351 top: 11px; 1352 right: 0; 1353 min-width: 110px; 1354} 1355 1356.post_tools_menu li { 1357 background-color: #4378ae; 1358 white-space: nowrap; 1359 font-size: 10px; 1360 margin-left: 0; 1361 padding: 3px; 1362 list-style: none; 1363 text-indent: 0; 1364 text-align: left; 1365 font-style: normal; 1366 font-size: 11px; 1367 color: #fff; 1368 font-weight: bold; 1369} 1370 1371.post_tools_a a { 1372 font-weight: bold; 1373 font-style: normal; 1374 font-size: 11px; 1375 font-family: Verdana, Arial, sans-serif; 1376 color: #fff; 1377} 1378 1379.post_tools_a a:hover { 1380 color: #bbb; 1381 text-decoration:none; 1382} 1383 1384.post_tools_menu li:hover { 1385 background-color:#eee; 1386 color: #2d2d2d; 1387} 1388 1389.post_tools_menu li a { 1390 color: #fff; 1391 text-decoration: none; 1392 font-weight: bold; 1393} 1394 1395.post_tools_menu li:hover a { color: #2d2d2d; } 1396 1397.post_tools_menu li:hover a:visited { color: #2d2d2d; } 1398 1399.post_tools_menu li a:hover { 1400 color: #2d2d2d; 1401 text-decoration: none; 1402} 1403 1404.post_tools_menu li a:visited { 1405 color: #fff; 1406 text-decoration: none; 1407} 1408/* End Post and Thread Tools */ 1409 1410.showcolor { 1411 float: left; 1412 width: 15px; 1413 height: 15px; 1414 margin-right: 1px; 1415 margin-bottom: 1px; 1416 border: 0; 1417 font-size: 5px; 1418 cursor: pointer; 1419} 1420 1421.defpal { 1422 border: 0; 1423 float: left; 1424 font-size: 5px; 1425 height: 15px; 1426 margin-bottom: 1px; 1427 margin-right: 1px; 1428 text-align: center; 1429 width: 15px; 1430} 1431 1432.defpalx { 1433 float: left; 1434 text-align: center; 1435 width: 15px; 1436 height: 15px; 1437 margin-right: 1px; 1438 margin-bottom: 1px; 1439 border: 0; 1440 font-size: 5px; 1441} 1442 1443.defpal_b { 1444 border: 0; 1445 font-size: 5px; 1446 height: 13px; 1447 margin: 0; 1448 padding: 0; 1449 vertical-align: middle; 1450 width: 13px; 1451} 1452 1453.deftrows { 1454 float: left; 1455 width: 15px; 1456 height: 15px; 1457 margin-right: 1px; 1458 margin-bottom: 1px; 1459 border: 0; 1460 font-size: 5px; 1461 cursor: pointer; 1462} 1463 1464#feature_status_1, #feature_status_4, #feature_status_7 { 1465 font-size: 12px; 1466 font-style: normal; 1467 font-weight: 400; 1468} 1469 1470.calout_left { 1471 float: left; 1472 width: 30%; 1473 padding-top: 1px; 1474 padding-bottom: 1px; 1475 text-align: left; 1476} 1477 1478.calout_right { 1479 float: left; 1480 width: 70%; 1481 padding-top: 1px; 1482 padding-bottom: 1px; 1483 text-align: right; 1484} 1485 1486.memberlist_td { 1487 cursor: pointer; 1488 text-align: center; 1489} 1490 1491.norm { font-style: normal; } 1492 1493.pages { 1494 height: 14px; 1495 padding-left: 2px !important; 1496 padding-right: 2px !important; 1497 font-size: 9px; 1498} 1499 1500.imcontact { 1501 float: left; 1502 width: 99%; 1503 padding-top: 5px; 1504 margin-top: 2px; 1505 text-align: right; 1506} 1507 1508.imcontact_left { 1509 float: left; 1510 text-align: left; 1511 padding: 2px; 1512 margin: 2px; 1513 display: inline; 1514} 1515 1516.imcontact_right { 1517 float: right; 1518 text-align: right; 1519 padding: 2px; 1520 margin: 2px; 1521 display: inline; 1522} 1523 1524.minical_border { border: 1px solid #b1bdc9; } 1525 1526.cal_row1 { height: 23px; } 1527 1528.cal_row2 { height: 26px; } 1529 1530/* ---- Don't style some input fields: Quick search, palette, remaining characters, Postbox font face and size ---- */ 1531.yabb_searchbox input,input[name="viewcode"] { 1532 background-color: transparent !important; 1533 border: 0 !important; 1534 padding: 0 !important; 1535} 1536 1537input[name*="msgCL"],input[name="txtsize"] { background-color: transparent !important; } 1538 1539select[name="fontface"],select[name="fontsize"] { padding:0 !important; } 1540 1541.zodiac { 1542 font-size: 18px; 1543 text-align: center; 1544 margin-bottom: 3px; 1545 cursor: pointer; 1546} 1547 1548.tabmenu span.tabstyle { 1549 font-size: 12px; 1550 white-space: nowrap; 1551 cursor: auto; 1552 margin: 0 1px 0 0; 1553 padding: 4px 8px; 1554 text-align: center; 1555} 1556 1557.tabmenu input.edittab { 1558 font-family: Arial,Sans-Serif; 1559 float: left; 1560 vertical-align: top; 1561 border-radius: 0; 1562 background-color: transparent; 1563 border: 0; 1564 font-size: 12px; 1565 white-space: nowrap; 1566 cursor: auto; 1567 margin: 0 1px 0 0; 1568 padding: 4px 8px; 1569 text-align: center; 1570 color: #bbb; 1571} 1572 1573.tabmenu input.editttab_img { 1574 float: left; 1575 background-color: transparent; 1576 border: 0; 1577 border-radius: 0; 1578 vertical-align: middle; 1579 padding: 0; 1580} 1581 1582.codebox { 1583 width: 90%; 1584 background-color: #4378ae; 1585 padding: 2px 6px 2px 2px; 1586 border: 1px #34689a solid; 1587 border-bottom: 0; 1588 color: #eee; 1589 font-weight: bold; 1590 height: 20px; 1591 line-height: 20px; 1592} 1593 1594.codebox div { float: right; } 1595 1596.codebox span { vertical-align: top; } 1597 1598.media_iframe { 1599 border: 0; 1600 height: 326px; 1601 width: 400px; 1602} 1603 1604.help { cursor: help; } 1605 1606.help_dd { 1607 color: #09c; 1608 padding-bottom: .5em; 1609} 1610 1611.help_attn { color: #09c; } 1612 1613.help_attn_strong { color: #f00; } 1614 1615h4.help { 1616 text-decoration: underline; 1617 margin-bottom: 0; 1618 cursor: default; 1619} 1620 1621.navmenu { 1622 float: right; 1623 width: 40px; 1624} 1625 1626.topic-hover { 1627 position: absolute; 1628 top: 20px; 1629 left: 200px; 1630 width: 400px; 1631 border: 1px solid #000; 1632 -webkit-border-radius: 4px; 1633 -moz-border-radius: 4px; 1634 border-radius: 4px; 1635 box-shadow: 2px 2px 4px #444; 1636 padding: 8px; 1637 z-index: 10000; 1638 overflow: hidden; 1639 display: none; 1640} 1641 1642.sub_drop { 1643 position: relative; 1644 top: 2px; 1645 cursor: pointer; 1646} 1647 1648.brd_arrow { margin: 2px; } 1649 1650.debug { 1651 float: left; 1652 padding: 0; 1653 width: 99%; 1654 margin-left: 0; 1655 margin-right: auto; 1656} 1657 1658.pagedropindex { 1659 float: left; 1660 width: 350px; 1661 margin: 2px 0 0 0; 1662 border: 0; 1663} 1664 1665.pagedropindex_inner { 1666 float: left; 1667 height: 21px; 1668 margin: 2px 4px 0 0; 1669} 1670 1671.decselector { 1672 float: left; 1673 height: 21px; 1674 margin: 0; 1675} 1676 1677.decselector_sel { 1678 font-size: 9px; 1679 border: 2px inset; 1680} 1681 1682.viewindex_hid { 1683 height: 14px; 1684 visibility: hidden; 1685} 1686 1687.attbox { 1688 float:left; 1689 margin:8px; 1690 display: inline; 1691} 1692 1693.attbox_b { margin:8px; } 1694 1695.att_hr { 1696 margin: 5px 0; 1697 padding: 0; 1698} 1699 1700.quoteinfo { 1701 float: left; 1702 width: 99%; 1703 overflow: auto; 1704} 1705 1706.delcounter { 1707 border: 0; 1708 visibility: hidden; 1709 display: none; 1710} 1711 1712.totitle { width: 99%; } 1713 1714.load_sig { 1715 float: left; 1716 font-size: 10px; 1717 font-family: Verdana, sans-serif; 1718 overflow: auto; 1719 max-height: 200px; 1720 height: 200px; 1721 width: 99%; 1722} 1723 1724.load_sig_b { 1725 float: left; 1726 font-size: 10px; 1727 font-family: Verdana, sans-serif; 1728 overflow: auto; 1729 max-height: 200px; 1730 width: 99%; 1731} 1732 1733/* Context Help */ 1734.contexthlp { 1735 position: absolute; 1736 top: 20px; 1737 left: 20px; 1738 width: 400px; 1739 filter: alpha(opacity=95); 1740 opacity: 0.95; 1741 border: 1px solid #000; 1742 z-index: 10000; 1743} 1744 1745.contexttitle { 1746 filter: alpha(opacity=100); 1747 opacity: 1.0; 1748 padding: 6px; 1749} 1750 1751.contexttext { 1752 filter: alpha(opacity=100); 1753 opacity: 1.0; 1754 padding: 8px; 1755} 1756 1757.ctxtip { 1758 position: absolute; 1759 top: 20px; 1760 left: 90px; 1761 font: 11px Helvetica, sans-serif; 1762 color: #000; 1763 background-color: #ffd; 1764 border: 1px solid #000; 1765 padding: 1px 4px; 1766 z-index: 10000; 1767} 1768 1769/* Extended Profiles */ 1770.ext_lft { 1771 float: left; 1772 width: 30%; 1773 padding-top: 5px; 1774 padding-bottom: 5px; 1775} 1776 1777.ext_rgt { 1778 float: left; 1779 width: 70%; 1780 padding-top: 5px; 1781 padding-bottom: 5px; 1782} 1783 1784.ext_100 { 1785 float: left; 1786 width: 100%; 1787 padding-top: 5px; 1788 padding-bottom: 5px; 1789} 1790 1791/* Help template */ 1792.help_ul { 1793 list-style: none; 1794 margin: 0; 1795 padding: 2px; 1796 border: 0 none; 1797} 1798 1799/* IM */ 1800.bnttoto { 1801 float: left; 1802 padding: 5px; 1803} 1804 1805.usersto { 1806 width: 98%; 1807 display: inline; 1808 float: left; 1809} 1810 1811.att_lft { 1812 float: left; 1813 width: 23%; 1814} 1815 1816.att_lft_b { 1817 float: left; 1818 width: 23%; 1819 padding-top: 5px; 1820} 1821 1822.att_rgt { 1823 float: left; 1824 width: 76%; 1825} 1826 1827.att_rgt_b { 1828 float: left; 1829 width: 76%; 1830 padding-top: 5px; 1831} 1832 1833.width_100 { width: 100%; } 1834 1835/* Message Index */ 1836.q_post_space { 1837 text-align: right; 1838 padding-top: 10px; 1839 padding-bottom: 10px; 1840} 1841 1842.nopost { background-color: #fbb; } 1843 1844/* Profile */ 1845.picrow { 1846 float: left; 1847 width: 20%; 1848 text-align: center; 1849 padding: 5px 5px 5px 0; 1850} 1851 1852.mc_clip { 1853 float: right; 1854 padding-right: 0.3em; 1855} 1856 1857.load_cllink { 1858 position: absolute; 1859 right: 3px 1860} 1861 1862.toolbutton_a { 1863 display: inline-block; 1864 cursor: pointer; 1865 padding-top: 2px; 1866 background-repeat: no-repeat; 1867 padding-left: 22px; 1868 height: 17px; 1869 text-align: left; 1870} 1871 1872.toolbutton_b { 1873 position: relative; 1874 float: right; 1875 display: inline-block; 1876 height: 10px; 1877} 1878 1879.sticky_stick { font-size: medium !important; } 1880 1881.style_ubbc_box { 1882 float: left; 1883 width: 463px !important; 1884} 1885 1886/*user select box */ 1887.letterlinks_a { 1888 float: left; 1889 width: 11px; 1890 text-align: center; 1891 border: 1px #fff solid; 1892} 1893 1894.letterlinks_b { 1895 float: left; 1896 width: 13px; 1897 text-align: center; 1898 margin: 1px 0; 1899} 1900 1901.letterlinks_c { 1902 float: left; 1903 text-align: center; 1904 border: 1px #fff solid; 1905 padding: 0 2px; 1906} 1907 1908.letterlinks_d { 1909 float: left; 1910 text-align: center; 1911 padding: 0 2px; 1912 margin: 1px 0; 1913} 1914 1915.reclist { 1916 width: 456px; 1917 font-size: 11px; 1918 font-weight: bold; 1919} 1920 1921.reclist_b { width: 456px; } 1922 1923.reclist_sub { width: 226px; } 1924 1925.reclist_no { 1926 float: left; 1927 width: 456px; 1928 height: 139px; 1929 text-align: center 1930} 1931 1932.pagedrp { 1933 float: left; 1934 width: 456px; 1935 margin: 2px 0; 1936 border: 0; 1937} 1938 1939.recentpm { 1940 float: left; 1941 width: 224px; 1942 text-align: center; 1943 padding: 2px 0; 1944 border: 1px outset; 1945 cursor: pointer; 1946} 1947 1948.wildcard { 1949 font-size: 11px; 1950 width: 140px 1951} 1952 1953.select_body { 1954 background-color: #dee4ec; 1955 color: #2d2d2d; 1956 font-size: 12px; 1957 font-style: normal; 1958 font-weight: 400; 1959 width: 464px; 1960 min-width: 464px; 1961 margin: 0 auto; 1962} 1963 1964.select_body_qsearch { 1965 background-color: #dee4ec; 1966 color: #2d2d2d; 1967 font-size: 12px; 1968 font-style: normal; 1969 font-weight: 400; 1970 width: 300px; 1971 min-width: 300px; 1972 margin: 0 auto; 1973} 1974 1975.system-info { 1976 margin: 0 auto; 1977 height: 35px; 1978 width: 80%; 1979 font-size: 12px; 1980 font-family: Verdana, Arial, Sans-Serif; 1981 color: #eee; 1982 background: url(./default/tabtitle.png) repeat-x top #1f6eb6; 1983 -webkit-border-radius: 5px 5px 0 0; 1984 -moz-border-radius: 5px 5px 0 0; 1985 border-radius: 5px 5px 0 0; 1986 border-bottom: 1px solid #195392; 1987} 1988 1989.system-info td { 1990 text-align: center; 1991 font-weight: bold; 1992 vertical-align: middle; 1993} 1994 1995.system-info-body { 1996 width: 80%; 1997 background-color: #dee4ec; 1998 padding: 1px; 1999 border-collapse: separate; 2000 border-spacing: 1px; 2001} 2002 2003.system-info-body td { 2004 background-color: #eee; 2005 font-size: 12px; 2006 font-weight: 400; 2007 font-style: normal; 2008 color: #2d2d2d; 2009 padding: 1em; 2010} 2011 2012.smiley_box { 2013 height: 65px; 2014 width: 120px; 2015 border: 1px solid #b1bdc9; 2016 -webkit-border-radius: 0 0 5px 5px; 2017 -moz-border-radius: 0 0 5px 5px; 2018 border-radius: 0 0 5px 5px; 2019} 2020 2021.smiley_top { 2022 background-color: #1f6eb6; 2023 -webkit-border-radius: 5px 5px 0 0; 2024 -moz-border-radius: 5px 5px 0 0; 2025 border-radius: 5px 5px 0 0; 2026 color: #eee; 2027 font-size: 12px; 2028 font-style: normal; 2029 font-weight: bold; 2030 padding-left: 0.5em; 2031 vertical-align: middle; 2032 height: 15px; 2033} 2034 2035.mypostborder { 2036 border-right: thin solid #fff; 2037 border-left: thin solid #fff; 2038 border-bottom: thin solid #fff; 2039} 2040 2041.mar-bot { margin-bottom: 1em;} 2042 2043.off-color { color:#ccc;}