futabanew.css
1 /** GENERIC / ELEMENT STYLING **/ 2 html { 3 -moz-text-size-adjust: 100%; 4 -webkit-text-size-adjust: 100%; 5 -ms-text-size-adjust: 100%; 6 } 7 8 body { 9 background: #FFE; 10 11 color: #800000; 12 font-size: 12pt; 13 font-family: 'Times New Roman', serif; 14 margin-left: 0; 15 margin-right: 0; 16 margin-top: 5px; 17 18 padding-left: 5px; 19 padding-right: 5px; 20 } 21 22 .nwsb { display: none; } 23 24 .adg-rects { 25 margin: 0; 26 text-align: center; 27 } 28 .adg, .adg-m { overflow: hidden; } 29 .adg-rep .adg { margin-left: 15px } 30 .adp-228 { margin: auto; width: 728px; height: 320px; } 31 .adp-90 { margin: auto; width: 728px; height: 90px; } 32 .adp-128 { margin: auto; width: 728px; height: 128px; } 33 .adp-j { margin: auto; width: 728px; height: 102px; } 34 .adp-50 { margin: auto; width: 320px; height: 50px; } 35 .adp-250 { margin: auto; width: 300px; height: 250px; } 36 .adp-row { display: inline-block; margin: 0 10px; } 37 .adl { font-size: 10px; text-align: center; } 38 .adl + .ad-bgls, .ad-bgls + .adl { margin-top: 8px; } 39 40 .danbo-slot { width: 728px; height: 90px; margin: 10px auto; overflow: hidden; } 41 @media only screen and (max-width: 480px) { .danbo-slot { width: 300px; height: 250px; } } 42 43 .bsa-cnt { 44 margin: 20px 0; 45 height: 90px; 46 text-align: center; 47 } 48 49 #t-root { 50 overflow: hidden; 51 box-sizing: border-box; 52 background: #eee; 53 border: 1px solid #777; 54 margin: 2px 0 2px 0; 55 width: 300px; 56 } 57 58 @media only screen and (max-width: 640px) { 59 .bsa-cnt { 60 height: 250px; 61 display: flex; 62 justify-content: center; 63 align-items: center; 64 } 65 } 66 67 .adc-resp { 68 margin: auto; 69 width: 728px; 70 height: 228px; 71 overflow: hidden; 72 } 73 74 .adc-resp-bg { 75 margin: auto; 76 width: 728px; 77 height: 112px; 78 overflow: hidden; 79 } 80 81 @media only screen and (max-width: 480px) { 82 .adc-resp { 83 width: 300px; 84 height: 300px; 85 } 86 87 #quickReply { 88 z-index: 9000 !important; 89 } 90 91 .adc-resp-bg { 92 width: 300px; 93 height: 250px; 94 } 95 } 96 97 hr#op, #ctrl-top { clear: both; } 98 99 .party-hat { 100 left: 0; 101 margin-top: -80px; 102 position: absolute; 103 pointer-events: none; 104 } 105 106 .sjis, #quickReply .sjis { 107 font-size: 16px; 108 line-height: 17px; 109 white-space: pre; 110 font-family: 'IPAMonaPGothic', 'Mona', 'MS PGothic', monospace; 111 overflow: auto; 112 display: block; 113 clear: left; 114 } 115 116 .tex-logo { font-size: 0.8em; } 117 .tex-logo sub { font-size: 0.8em; text-transform: uppercase; } 118 119 .mu-s { font-weight: bold } 120 .mu-i { font-style: italic } 121 .mu-r { color: #C41E3A } 122 .mu-g { color: #00A550 } 123 .mu-b { color: #1d8dc4 } 124 125 .pu-lbl { 126 color: #117743; 127 font-weight: bold; 128 font-size: 12px; 129 } 130 .pu-img { 131 vertical-align: middle; 132 margin-top: -3px; 133 margin-right: 3px; 134 display: inline-block; 135 width: 16px; 136 height: 16px; 137 background: url('//s.4cdn.org/image/minileaf.gif'); 138 } 139 140 .n-pu { 141 vertical-align: middle; 142 display: inline-block; 143 width: 16px; 144 height: 16px; 145 margin-top: -2px; 146 background: url('//s.4cdn.org/image/minileaf.gif'); 147 } 148 149 .jla-it { 150 height: 420px; 151 width: 680px; 152 } 153 154 .jla-it-p { 155 font-size: 0.85em; 156 text-align: center; 157 } 158 159 .n-atb { 160 border-radius: 6px; 161 padding: 1px 4px; 162 color: #353839; 163 } 164 165 .atsb2018 table { 166 margin: auto; 167 font-size: 90%; 168 } 169 .atsb2018 td { 170 white-space: nowrap; 171 padding: 0px 4px; 172 } 173 .atsb2018 .atsgc { 174 width: 280px; 175 } 176 .atsb2018 .atgg { 177 height: 20px; 178 } 179 180 .n-atb-0 { background-color: #F56FA1; } 181 .n-atb-1 { background-color: #7B3F00; color: #F2F3F4; } 182 .n-atb-2 { background-color: #FFFDD0; } 183 .n-atb-3 { background-color: #E4D00A; } 184 .n-atb-4 { background-color: #50C878; } 185 186 .n-atb-0::after { content: 'Team Peep'; } 187 .n-atb-1::after { content: 'Team Chocolate'; } 188 .n-atb-2::after { content: 'Team Creme'; } 189 .n-atb-3::after { content: 'Team Peanut Butter'; } 190 .n-atb-4::after { content: 'Team Mini'; } 191 192 @media only screen and (max-width: 700px) { 193 .jla-it { 194 width: 340px; 195 height: 220px; 196 margin: auto; 197 } 198 199 .jla-it img { 200 width: 340px; 201 height: 200px; 202 } 203 } 204 205 .centeredThreads .party-hat { 206 left: 12%; 207 } 208 209 #disclaimer { 210 font-size: 14px; 211 position: absolute; 212 overflow: hidden; 213 top: 0; left: 0; 214 width: 100%; height: 100%; 215 z-index: 9998; 216 } 217 218 #disclaimer-bg { 219 position: fixed; 220 top: 0; left: 0; 221 width: 100%; height: 100%; 222 background-color: rgba(0, 0, 0, 0.25); 223 } 224 225 #disclaimer-modal { 226 z-index: 9999; 227 width: 320px; 228 top: 0; 229 left: 50%; 230 margin-left: -170px; 231 display: block; 232 padding: 10px; 233 position: relative; 234 background-color: #f0e0d6; 235 box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); 236 } 237 238 #disclaimer ol { 239 margin-left: 20px; 240 padding: 0; 241 } 242 243 #disclaimer li { 244 margin: 10px 0; 245 } 246 247 #disclaimer h3 { 248 border-bottom: 1px solid #d9bfb7; 249 margin: 0; 250 padding-bottom: 5px; 251 text-align: center; 252 } 253 254 #disclaimer-modal div { 255 margin-top: 10px; 256 text-align: center; 257 } 258 259 #disclaimer-modal button { 260 margin: 0 10px; 261 } 262 263 #disclaimer-accept { 264 font-weight: bold; 265 } 266 267 #footer-links { margin-top: 5px; } 268 269 .isMobileDevice blockquote.postMessage { 270 font-size: 11pt; 271 } 272 273 .belowLeaderboard { 274 width: 728px; 275 max-width: 100%; 276 } 277 278 .aboveMidAd { 279 width: 468px; 280 max-width: 100%; 281 } 282 283 /* reCaptcha */ 284 #captchaContainerAlt { height: 80px; } 285 #captchaContainerAlt .recaptcha_image_cell { padding: 0 0 5px 0 !important } 286 #captchaContainerAlt #recaptcha_table { border: 0 !important; } 287 #captchaContainerAlt #recaptcha_response_field { width: 300px !important; padding: 0 !important } 288 289 #qrCaptchaContainerAlt #recaptcha_response_field { 290 width: 296px !important; 291 } 292 293 #captchaContainerAlt #recaptcha_image, 294 #qrCaptchaContainerAlt #recaptcha_image { 295 border: 0 !important; 296 } 297 298 #qrCaptchaContainerAlt .recaptcha_image_cell { 299 padding: 0 !important; 300 } 301 302 #qrCaptchaContainerAlt #recaptcha_table { 303 border: 0 !important; 304 } 305 306 #captchaContainerAlt td:nth-child(2), 307 #captchaContainerAlt td:nth-child(3), 308 #qrCaptchaContainerAlt td:nth-child(2), 309 #qrCaptchaContainerAlt td:nth-child(3) { 310 display: none !important; 311 } 312 313 #qrCaptchaContainerAlt { 314 height: 80px; 315 width: 300px; 316 } 317 318 .recaptchatable { 319 background-color: transparent !important; 320 border: none !important; 321 } 322 323 .recaptcha_image_cell { 324 background-color: transparent !important; 325 } 326 327 #g-recaptcha { 328 height: 78px; 329 } 330 331 #recaptcha_div { 332 height: 107px; width: 442px; 333 } 334 335 #recaptcha_challenge_field { width: 400px } 336 337 .recaptcha_input_area { 338 padding: 0!important; 339 } 340 #recaptcha_table tr:first-child { 341 height: auto!important; 342 } 343 344 #recaptcha_table tr:first-child > td:not(:first-child) { 345 padding: 0 7px 0 7px!important; 346 } 347 348 #recaptcha_table tr:last-child td:last-child { 349 padding-bottom: 0!important; 350 } 351 352 #recaptcha_table tr:last-child td:first-child { 353 padding-left: 0!important; 354 } 355 #recaptcha_image { 356 cursor: pointer; 357 } 358 #recaptcha_response_field { 359 width: 292px; 360 margin-right: 0px!important; 361 font-size: 10pt!important; 362 } 363 input:-moz-placeholder { color: gray !important; } 364 #recaptcha_image { 365 border: 1px solid #aaa !important; 366 } 367 #recaptcha_table tr > td:last-child { 368 display: none !important; 369 } 370 #captchaContainer { 371 width: 343px; 372 height: 86px; 373 line-height: 102px; 374 overflow: hidden; 375 } 376 #captchaContainer .placeholder { 377 font-style: italic; 378 padding-left: 5px; 379 } 380 381 .mobile, .mobileinline { 382 display: none !important; 383 } 384 385 a, a:visited { 386 color: #00E; 387 } 388 389 a.replylink, div#absbot a { 390 text-decoration: underline !important; 391 } 392 393 a.replylink:not(:hover), div#absbot a:not(:hover) { 394 color: #00E !important; 395 } 396 397 a:hover { 398 color: red !important; 399 } 400 401 div.board > hr { 402 clear: both; 403 } 404 405 img { 406 border: none; 407 } 408 409 img.topad, .topad > div, .topad a img { 410 width: 728px; 411 height: 90px; 412 max-width: 100%; 413 overflow: hidden; 414 margin: auto; 415 } 416 417 img.middlead, .middlead > div, .middlead a img { 418 width: 468px; 419 height: 60px; 420 max-width: 100%; 421 overflow: hidden; 422 margin: auto; 423 } 424 425 img.bottomad, .bottomad > div, .bottomad a img { 426 width: 728px; 427 height: 90px; 428 max-width: 100%; 429 overflow: hidden; 430 margin: auto; 431 } 432 433 hr.abovePostForm { 434 width: 90%; 435 } 436 437 span.x-small { 438 font-size: x-small; 439 } 440 441 div.container { 442 margin: 0px !important; 443 padding: 0px !important; 444 445 display: block; 446 447 /** This fixes annoying margins and makes it a real container **/ 448 line-height: 0em; 449 } 450 451 #postFormError { 452 background-color: #e62020; 453 color: #fff; 454 font-family: monospace; 455 font-size: 13px; 456 font-weight: bold; 457 padding: 3px 5px; 458 text-shadow: 0 1px rgba(0, 0, 0, 0.2); 459 display: none; 460 margin-top: 3px; 461 } 462 463 #postFormError a { 464 color: #fff; 465 } 466 467 .painter-ctrl input[type="text"], 468 #qr-painter-ctrl input[type="text"] { 469 width: 30px !important; 470 text-align: center; 471 } 472 473 #qr-painter-ctrl .oe-r-cb { 474 vertical-align: sub; 475 } 476 477 #oe-canvas-preview { 478 position: absolute; 479 margin-left: 5px; 480 margin-top: 3px; 481 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25); 482 } 483 484 /** MOBILE ONLY DISABLES **/ 485 .mobile { 486 display: none; 487 } 488 489 /** HEADER **/ 490 ul.rules { 491 margin: 0px; 492 padding: 0px; 493 margin-top: 5px; 494 } 495 496 ul.rules > li { 497 list-style: none; 498 font-size: 11px; 499 } 500 501 .rules > li:before { 502 content: "\2022 \20"; 503 } 504 505 div.boardBanner { 506 text-align: center; 507 clear: both; 508 } 509 510 #bannerCnt { 511 margin: 5px auto; 512 width: 300px; 513 height: 100px; 514 max-width: 100%; 515 } 516 517 div.boardBanner > div.boardTitle { 518 font-size: 24pt; 519 font-weight: bold; 520 521 margin-top: 0px; 522 } 523 524 div.boardBanner > div.boardSubtitle { 525 font-size: 10pt; 526 } 527 528 div#boardNavDesktop { 529 530 font-size: 11pt; 531 display: block; 532 } 533 534 div#boardNavDesktop a { 535 font-weight: normal; 536 padding: 1px; 537 } 538 539 .hasDropDownNav #navtopright { 540 display: none; 541 } 542 543 #boardNavDesktop .pageJump { 544 padding: 0; 545 } 546 547 #boardNavDesktop .pageJump a { 548 padding-right: 5px; 549 } 550 551 /** General Containers **/ 552 div.pContainer { 553 554 } 555 556 div.opContainer { 557 display: inline; 558 } 559 560 div.sideArrows { 561 562 float: left; 563 564 margin-right: 2px; 565 margin-top: 0px; 566 margin-left: 2px; 567 } 568 569 /** Thread Container **/ 570 div.thread { 571 572 margin: 0px; 573 574 clear: both; 575 576 } 577 578 /** Post Container **/ 579 div.post { 580 margin: 4px 0; 581 overflow: hidden; 582 } 583 584 div.thread > div:nth-of-type(2) > div.reply { 585 margin-top: 2px !important; 586 } 587 588 div.op { 589 display: inline; 590 } 591 592 div.reply { 593 background-color: #f0e0d6; 594 595 display: table; 596 597 padding: 2px; 598 } 599 600 div.reply input { 601 float: none; 602 } 603 604 /** Post Information **/ 605 div.post div.postInfo { 606 display: block; 607 width: 100%; 608 } 609 610 .fileText { 611 max-width: 600px; 612 white-space: nowrap; 613 } 614 615 div.post div.postInfo span.postNum { 616 617 } 618 619 div.post div.postInfo span.postNum a { 620 text-decoration: none; 621 color: #800000; 622 } 623 624 div.post div.postInfo span.postNum a:hover, .posteruid .hand:hover { 625 color: red !important; 626 } 627 628 /* Name */ 629 div.post div.postInfo span.nameBlock { 630 display: inline-block; 631 } 632 633 div.post div.postInfo span.nameBlock span.name { 634 color: #117743; 635 font-weight: bold; 636 } 637 638 div.post div.postInfo span.nameBlock span.postertrip { 639 color: #117743; 640 font-weight: normal !important; 641 } 642 643 /* Date/Time */ 644 div.post div.postInfo span.date { 645 646 } 647 648 div.post div.postInfo span.time { 649 650 } 651 652 /* Subject */ 653 div.post div.postInfo span.subject { 654 color: #cc1105; 655 font-weight: bold; 656 } 657 658 /** Message **/ 659 div.post blockquote.postMessage { 660 display: block; 661 } 662 663 blockquote > span.quote { 664 color: #789922; 665 } 666 667 .quoteLink, .quotelink, .deadlink { 668 color: #000080 !important; 669 } 670 671 /* Archived threads list */ 672 .is_arclist .belowLeaderboard { display: none; } 673 674 #arc-list { 675 max-width: 80%; 676 margin: 10px auto 0 auto; 677 } 678 679 #arc-list td { 680 text-align: center; 681 } 682 683 #arc-list .teaser-col { 684 text-align: left; 685 word-break: break-all; 686 } 687 688 #arc-list .quotelink { 689 color: #34345C !important; 690 } 691 692 #arc-list .quotelink:hover { 693 color: #D00 !important; 694 } 695 696 #arc-sort { 697 border-bottom: 1px dotted; 698 cursor: pointer; 699 } 700 701 /** File Information **/ 702 div.post div.file { 703 display: block; 704 } 705 706 div.post div.file div.fileInfo { 707 margin-right: 10px; 708 word-break: break-all; 709 } 710 711 div.replyContainer div.post div.file div.fileInfo { 712 margin-left: 20px; 713 } 714 715 div.post div.file .fileThumb { 716 float: left; 717 margin-left: 20px; 718 margin-right: 20px; 719 margin-top: 3px; 720 721 margin-bottom: 5px; 722 } 723 724 span.fileThumb { 725 margin-left: 0px !important; 726 margin-right: 5px !important; 727 } 728 729 div.reply span.fileThumb, div.reply span.fileThumb img { 730 float: none !important; 731 margin-top: 0px !important; 732 margin-bottom: 0px !important; 733 } 734 735 div.post div.file .fileThumb img { 736 border: none; 737 738 float: left; 739 } 740 741 /** Summary **/ 742 span.summary { 743 margin-top: 10px; 744 } 745 746 /** POST FORM **/ 747 div.postingMode { 748 background-color: #e04000; 749 padding: 1px; 750 text-align: center; 751 752 color: #fff; 753 font-weight: bold; 754 font-size: larger; 755 756 margin-top: 8px; 757 } 758 759 div.navLinks { 760 margin-bottom: 10px; 761 } 762 763 div.navLinksBot { 764 margin-bottom: 0px; 765 } 766 767 #verification table { 768 border: none !important; 769 margin: 0px; 770 } 771 772 /** FOOTER **/ 773 div.thread:last-child { 774 padding-bottom: 21px; 775 margin-bottom: 6px; 776 777 } 778 779 div.pagelist { 780 overflow: hidden; 781 782 border: 1px solid gray; 783 background: #FFE; 784 border: 1px solid black; 785 border-left-color: gray; 786 border-top-color: gray; 787 padding: 1px; 788 789 display: inline-block; 790 } 791 792 div.pagelist > div { 793 float: left; 794 margin: 1px; 795 796 border: 1px solid gray; 797 border-left-color: black; 798 border-top-color: black; 799 } 800 801 div.pagelist div.pages, div.pagelist div span { 802 padding-top: 3px; 803 padding-bottom: 3px; 804 display: inline-block; 805 } 806 807 div.pagelist form { 808 display: inline; 809 } 810 811 div.pagelist strong { 812 color: #800000; 813 } 814 815 .bottomCtrl { 816 float: right; 817 margin-top: 2px; 818 } 819 820 div.deleteform input[type=checkbox] { 821 margin: 1px 2px 1px 2px; 822 } 823 824 .stylechanger { 825 margin-left: 5px; 826 } 827 828 div#boardNavDesktopFoot { 829 830 clear: both; 831 font-size: 11pt; 832 padding-top: 10px; 833 padding-bottom: 3px; 834 } 835 836 div#boardNavDesktopFoot a { 837 font-weight: normal; 838 padding: 1px; 839 } 840 841 div.homelink { 842 float: right 843 } 844 845 div#absbot { 846 text-align: center; 847 font-size: 8pt !important; 848 849 padding-bottom: 4px; 850 padding-top: 10px; 851 clear: both; 852 853 color: #800000; 854 } 855 856 #recaptcha_response_field { 857 padding: 0px; 858 } 859 860 /** POST FORM **/ 861 table#postForm { 862 border-spacing: 1px; 863 864 margin-left: auto; 865 margin-right: auto; 866 } 867 868 #postForm { 869 display: none; 870 } 871 872 #togglePostFormLink { 873 font-size: 22px; 874 font-weight: bold; 875 text-align: center; 876 } 877 878 table.postForm > tbody > tr > td:first-child { 879 background-color: #EA8; 880 color: #800; 881 font-weight: bold; 882 883 } 884 885 tr.rules td { 886 border: 0px !important; 887 background-color: transparent !important; 888 font-weight: normal !important; 889 } 890 891 table#postForm td { 892 margin: 0px; 893 padding: 0px; 894 } 895 896 /* table.postForm > tbody input[type=text], table.postForm > tbody textarea { 897 margin: 0px; 898 margin-right: 2px; 899 padding: 2px 4px 3px 4px; 900 901 outline: none; 902 } */ 903 904 table.postForm > tbody > tr > td > input[type=text] { 905 width: 260px; 906 } 907 908 table.postForm > tbody > tr > td > input[name="subject"] { 909 width: 300px; 910 } 911 912 input[type=password] { 913 width: 70px; 914 } 915 916 table.postForm input[type="submit"] { 917 margin-left: 5px; 918 } 919 920 .postblock { 921 background-color: #EA8; 922 color: #800; 923 font-weight: bold; 924 padding: 0 5px; 925 } 926 927 div.closed { 928 font-size: x-large; 929 text-align: center; 930 color: red; 931 font-weight: bold; 932 933 padding-top: 100px; 934 padding-bottom: 100px; 935 } 936 937 .arc-ads { 938 width: 300px; 939 margin: 30px auto -60px auto; 940 } 941 942 .arc-ads::after { 943 display: block; 944 content: ''; 945 clear: both; 946 } 947 948 @media screen and (-webkit-min-device-pixel-ratio:0) { 949 tbody textarea { 950 margin-bottom: -3px !important; 951 } 952 } 953 954 .reply:target, .reply.highlight { 955 background: #F0C0B0 !important; 956 } 957 958 .hand { 959 cursor: pointer; 960 } 961 962 .commentpostername { 963 font-weight: bold; 964 } 965 966 .identityIcon { 967 margin-bottom: -3px; 968 height: 16px; 969 width: 16px; 970 } 971 972 .stickyIcon { 973 margin-bottom: -1px; 974 padding-left: 2px; 975 height: 16px; 976 width: 16px; 977 } 978 979 .archivedIcon, 980 .closedIcon { 981 margin-bottom: -1px; 982 margin-left: -1px; 983 height: 16px; 984 width: 16px; 985 } 986 987 .trashIcon { 988 width: 16px; 989 height: 16px; 990 margin-bottom: -2px; 991 } 992 993 .fileDeleted { 994 height: 13px; 995 width: 172px; 996 } 997 998 .fileDeletedRes { 999 height: 13px; 1000 width: 127px; 1001 } 1002 1003 .navSmall { 1004 font-size: 90%; 1005 } 1006 1007 .center { 1008 text-align: center; 1009 } 1010 1011 .bold { 1012 font-weight: bold; 1013 } 1014 1015 .smaller { 1016 font-size: smaller; 1017 } 1018 1019 .password { 1020 font-size: smaller; 1021 } 1022 1023 .passNotice { 1024 font-size: smaller; 1025 padding-left: 6px; 1026 } 1027 1028 .qcDiv { 1029 display: none; 1030 } 1031 1032 .qcImg { 1033 height: 1px; 1034 width: 1px; 1035 border: 0px; 1036 } 1037 1038 .jpnFlag { 1039 height: 11px; 1040 width: 17px; 1041 } 1042 1043 .globalMessage { 1044 color: red; 1045 text-align: center; 1046 } 1047 1048 .highlightPost:not(.op) { 1049 background: #f0d6d6 !important; 1050 } 1051 1052 span.capcodeAdmin span.name, span.capcodeAdmin span.name a, span.capcodeAdmin span.postertrip, span.capcodeAdmin strong.capcode { 1053 color: #F00 !important; 1054 } 1055 1056 span.capcodeFounder span.name, span.capcodeFounder span.name a, span.capcodeFounder span.postertrip, span.capcodeFounder strong.capcode { 1057 color: #117743 !important; 1058 } 1059 1060 span.capcodeMod span.name, span.capcodeMod span.name a, span.capcodeMod span.postertrip, span.capcodeMod strong.capcode { 1061 color: #800080 !important; 1062 } 1063 1064 span.capcodeDeveloper span.name, span.capcodeDeveloper span.name a, span.capcodeDeveloper span.postertrip, span.capcodeDeveloper strong.capcode { 1065 color: #0000F0 !important; 1066 } 1067 1068 span.capcodeManager span.name, span.capcodeManager span.name a, span.capcodeManager span.postertrip, span.capcodeManager strong.capcode { 1069 color: #FF0080 !important; 1070 } 1071 1072 span.capcodeVerified span.name, span.capcodeVerified span.name a, span.capcodeVerified span.postertrip, span.capcodeVerified strong.capcode { 1073 color: #007FFF !important; 1074 } 1075 1076 .omittedposts, .abbr { 1077 color: #707070; 1078 } 1079 1080 span.spoiler { 1081 color: #000 !important; 1082 background: #000 !important; 1083 } 1084 1085 span.spoiler:hover, span.spoiler:focus { 1086 color: #fff !important; 1087 } 1088 1089 s, s a:not(:hover) { 1090 color: #000 !important; 1091 background: #000 !important; 1092 text-decoration: none; 1093 } 1094 1095 s:hover, s:focus, s:hover a { 1096 color: #fff !important; 1097 } 1098 1099 s:hover a { 1100 text-decoration: underline; 1101 } 1102 1103 table.exif { 1104 display: none; 1105 min-width: 450px; 1106 } 1107 1108 table.exif td { 1109 color: #707070; 1110 min-width: 150px; 1111 font-size: 8pt; 1112 } 1113 1114 table.exif td b { 1115 text-decoration: underline; 1116 } 1117 1118 #navtopright, #navbotright { 1119 float: right; 1120 font-size: 11pt; 1121 } 1122 1123 div.backlink { 1124 font-size: x-small !important; 1125 padding-left: 10px; 1126 padding-bottom: 5px; 1127 padding-right: 10px; 1128 } 1129 1130 .backlink span { 1131 padding-right: 5px; 1132 } 1133 1134 .persistentNav, 1135 div#boardNavMobile { 1136 padding: 2px 4px; 1137 background-color: #ede4dc; 1138 overflow: hidden; 1139 position: fixed; 1140 top: 0px; 1141 left: 0px; 1142 right: 0px; 1143 font-size: 12px; 1144 z-index: 9001; 1145 } 1146 1147 div#boardNavMobile select, div#boardNavMobile option { 1148 font-size: 11px; 1149 } 1150 1151 div.boardSelect { 1152 float: left; 1153 } 1154 1155 div.boardSelect > strong { 1156 padding-right: 5px; 1157 } 1158 1159 div.pageJump { 1160 float: right; 1161 padding-right: 5px; 1162 padding-top: 3px; 1163 } 1164 1165 .pageJump a { 1166 text-decoration: none; 1167 padding-right: 5px; 1168 } 1169 1170 /** QUICK REPLY **/ 1171 div.qrWindow { 1172 position: absolute; 1173 z-index: 8000; 1174 } 1175 1176 div.qrHeader { 1177 padding: 2px; 1178 font-size: small; 1179 text-align: center; 1180 1181 } 1182 1183 div.qrForm { 1184 padding: 3px; 1185 } 1186 1187 span.qrButtonHolder { 1188 position: absolute; 1189 right: 5px; 1190 text-align: right; 1191 1192 top: 3px; 1193 } 1194 1195 span.qrButtonHolder a { 1196 text-decoration: none; 1197 } 1198 1199 span.qrButtonHolder img { 1200 cursor: pointer; 1201 1202 margin-bottom: -1px; 1203 margin-top: 1px; 1204 } 1205 1206 .extButton img { 1207 margin-top: 3px; 1208 margin-bottom: -3px; 1209 margin-left: 4px; 1210 } 1211 1212 .qrMessage { 1213 padding: 2px; 1214 text-align: center; 1215 } 1216 1217 div.posthover { 1218 max-width: 400px; 1219 margin-left: 20px; 1220 1221 } 1222 1223 div.posthover { 1224 padding: 5px; 1225 1226 padding-left: 10px; 1227 padding-right: 10px; 1228 1229 } 1230 1231 div.posthover a.fileThumb { 1232 margin-left: 5px !important; 1233 margin-right: 10px !important; 1234 } 1235 1236 div.posthover blockquote { 1237 margin: 5px; 1238 1239 } 1240 1241 div.posthover img[data-md5] { 1242 max-width: 80px; 1243 max-height: 80px; 1244 } 1245 1246 div.posthover div.fileThumb { 1247 margin-left: 0px !important; 1248 margin-right: 10px !important; 1249 } 1250 1251 .op .backlinkHr { 1252 width: 55%; 1253 } 1254 1255 .useremail .name, .useremail .postertrip { 1256 color: #0000EE !important; 1257 } 1258 1259 .useremail:hover * { 1260 color: red !important; 1261 } 1262 1263 img.expandedImg { 1264 max-width: none !important; 1265 max-height: none !important; 1266 } 1267 1268 .prettyprint { 1269 border: none !important; 1270 background-color: #fff; 1271 padding: 5px !important; 1272 display: inline-block; 1273 1274 max-height: 400px; 1275 overflow-x: auto; 1276 max-width: 600px; 1277 1278 1279 margin: 0; 1280 font-size: 14px; 1281 } 1282 1283 .preview { 1284 background-color: #F0E0D6; 1285 border: 1px solid rgba(0, 0, 0, 0.20); 1286 border-bottom: 2px solid rgba(0, 0, 0, 0.20); 1287 border-right: 2px solid rgba(0, 0, 0, 0.20); 1288 } 1289 1290 /** this is not important **/ 1291 #captchaContainer > img { 1292 float: left; 1293 border: 1px solid #aaa; 1294 margin-bottom: 1px; 1295 } 1296 1297 #captchaInfo { 1298 float: left; 1299 margin-left: 5px; 1300 1301 visibility: hidden; 1302 } 1303 1304 #captchaResponse { 1305 width: 292px; 1306 } 1307 1308 .embed { 1309 position: absolute; 1310 width: 0px; 1311 height: 0px; 1312 1313 overflow: hidden; 1314 } 1315 1316 table.flashListing { 1317 margin: 0 auto; 1318 } 1319 1320 table.flashListing td.postblock { 1321 padding: 5px; 1322 text-align: center; 1323 } 1324 1325 table.flashListing td { 1326 padding: 2px; 1327 } 1328 1329 table.flashListing td:not(.subject) { 1330 text-align: center; 1331 } 1332 1333 table.flashListing .name { 1334 color: #117743; 1335 font-weight: bold; 1336 } 1337 1338 table.flashListing .postertrip { 1339 color: #117743; 1340 } 1341 1342 table.flashListing .subject { 1343 color: #cc1105; 1344 font-weight: bold; 1345 } 1346 1347 table.flashListing tr:nth-of-type(odd) { 1348 background-color: #ede2d4; 1349 } 1350 1351 .countryFlag { 1352 padding-top: 1px; 1353 margin-bottom: -1px; 1354 } 1355 1356 textarea[name="com"] { 1357 width: 296px; 1358 } 1359 1360 #recaptcha_response_field { 1361 border: 1px solid #aaa !important; 1362 width: 300px !important; 1363 font-size: 10pt !important; 1364 } 1365 1366 table.postForm > tbody > tr > td > input[type="text"] { 1367 width: 244px; 1368 } 1369 1370 .deadlink { 1371 text-decoration: line-through; 1372 } 1373 1374 .oldpost { 1375 background: inherit; 1376 font-family: serif; 1377 color: #f00000; 1378 font-weight: 800; 1379 } 1380 1381 #enable-mobile { 1382 font-size: small !important; 1383 } 1384 1385 #disable-mobile { 1386 font-size: small !important; 1387 } 1388 1389 .mFileInfo { 1390 padding-top: 5px; 1391 text-align: center; 1392 color: #707070 !important; 1393 font-size: 9pt !important; 1394 text-decoration: none!important; 1395 } 1396 1397 .name-col, 1398 .file-col, 1399 table.flashListing .subject { 1400 max-width: 250px; 1401 overflow: hidden; 1402 text-overflow: ellipsis; 1403 white-space: nowrap; 1404 word-wrap: break-word; 1405 } 1406 1407 .ad-plea { 1408 margin-top: 2px; 1409 text-align: center; 1410 font-size: smaller; 1411 } 1412 1413 #search-box { 1414 height: 16px; 1415 line-height: 16px; 1416 margin-left: 2px; 1417 padding: 0 2px; 1418 width: 120px; 1419 } 1420 1421 #blotter { 1422 width: 468px; 1423 margin: auto; 1424 } 1425 #blotter td { 1426 vertical-align: top; 1427 font-size: 11px; 1428 } 1429 .blotter-date { 1430 width: 50px; 1431 text-align: center; 1432 } 1433 #blotter tfoot { 1434 text-align: right; 1435 } 1436 .redtxt { 1437 color: red; 1438 } 1439 #blotter-msgs s { 1440 background-color: inherit !important; 1441 color: inherit !important; 1442 text-decoration: line-through; 1443 } 1444 #postForm { 1445 width: 468px; 1446 } 1447 #postForm textarea { 1448 width: 292px; 1449 } 1450 1451 .fileWebm:hover:before { 1452 background-color: rgba(0, 0, 0, 0.75); 1453 color: #FFF; 1454 font-weight: bold; 1455 line-height: 18px; 1456 padding: 0 3px 0 2px; 1457 position: absolute; 1458 content: 'webm'; 1459 display: block; 1460 font-size: 11px; 1461 text-decoration: none; 1462 } 1463 1464 .expandedWebm { 1465 margin: 3px 20px 5px; 1466 } 1467 1468 #tooltip { 1469 position: absolute; 1470 background-color: #181f24; 1471 font-size: 11px; 1472 line-height: 13px; 1473 padding: 3px 6px; 1474 z-index: 100000; 1475 word-wrap: break-word; 1476 white-space: pre-line; 1477 max-width: 400px; 1478 color: #fff; 1479 text-align: center; 1480 } 1481 1482 .tip-top-left:before, 1483 .tip-top-right:before, 1484 .tip-top:before { 1485 content:""; 1486 display:block; 1487 width:0; 1488 height:0; 1489 position:absolute; 1490 border-left: 4px solid transparent; 1491 border-right: 4px solid transparent; 1492 border-top: 4px solid #181f24; 1493 margin-left: -4px; 1494 bottom: -4px; 1495 } 1496 1497 .tip-top:before { 1498 left: 50%; 1499 } 1500 1501 .tip-top-right:before { 1502 left: 2px; 1503 margin-left: 0; 1504 } 1505 1506 .tip-top-left:before { 1507 right: 2px; 1508 } 1509 1510 .boardSelect .customBoardList, 1511 .boardSelect .custom-menu-ctrl { color: #89A; } 1512 1513 #postFile { 1514 margin-right: 10px; 1515 width: 200px; 1516 } 1517 1518 .dd-menu { 1519 position: absolute; 1520 font-size: 13px; 1521 line-height: 1.3em; 1522 } 1523 .dd-menu a { 1524 text-decoration: none; 1525 color: inherit !important; 1526 display: block; 1527 } 1528 .dd-menu ul { 1529 background-color: #F0E0D6; 1530 border: 1px solid #D9BFB7; 1531 border-bottom: none; 1532 list-style: none; 1533 padding: 0; 1534 margin: 0; 1535 white-space: nowrap; 1536 } 1537 .dd-menu ul ul { 1538 display: none; 1539 position: absolute; 1540 } 1541 .dd-menu li { 1542 cursor: pointer; 1543 position: relative; 1544 padding: 2px 4px; 1545 vertical-align: middle; 1546 border-bottom: 1px solid #D9BFB7; 1547 } 1548 .dd-menu li:hover { 1549 background-color: #FFFFEE; 1550 } 1551 .dd-menu li:hover ul { 1552 display: block; 1553 left: 100%; 1554 margin-top: -3px; 1555 } 1556 .dd-menu.dd-menu-left li:hover ul { 1557 left: auto; 1558 right: 100%; 1559 } 1560 1561 #g-search-form { 1562 text-align: center; 1563 } 1564 .g-search-ctrl { 1565 vertical-align: top; 1566 margin: 0 3px; 1567 } 1568 #js-sf-qf { 1569 width: 185px; 1570 padding: 2px 4px 3px 4px; 1571 } 1572 #js-sf-bf { 1573 padding: 2px 4px 3px 4px; 1574 width: 125px; 1575 } 1576 #js-sf-status { 1577 text-align: center; 1578 font-size: 24px; 1579 } 1580 .js-sf-err { 1581 color: #C41E3A; 1582 } 1583 .boardBlock { 1584 font-weight: bold; 1585 } 1586 1587 .blink { 1588 -webkit-animation: blink 1.5s step-end infinite; 1589 -moz-animation: blink 1.5s step-end infinite; 1590 -o-animation: blink 1.5s step-end infinite; 1591 animation: blink 1.5s step-end infinite; 1592 } 1593 1594 @-webkit-keyframes blink { 50% { opacity: 0 } } 1595 @-moz-keyframes blink { 50% { opacity: 0 } } 1596 @-o-keyframes blink { 50% { opacity: 0 } } 1597 @keyframes blink { 50% { opacity: 0 } } 1598 1599 .ogv-cnt { 1600 position: relative; 1601 display: inline-block; 1602 text-align: center; 1603 min-height: 16px; 1604 } 1605 1606 .ogv-cnt:not(.ogv-detached)::before { 1607 content: 'Loading…'; 1608 position: absolute; 1609 top: 8px; 1610 left: 0; 1611 font-weight: bold; 1612 } 1613 1614 .ogv-cnt.ogv-loaded::before { 1615 display: none; 1616 } 1617 1618 .ogv-cnt > ogvjs { 1619 position: initial !important; 1620 } 1621 1622 .ogv-ctrl { 1623 position: absolute; 1624 bottom: 0; 1625 z-index: 2; 1626 background: rgba(0, 0, 0, 0.65); 1627 width: 100%; 1628 height: 32px; 1629 gap: 0; 1630 display: none; 1631 } 1632 1633 .ogv-btn { 1634 width: 32px; 1635 height: 32px; 1636 line-height: 32px; 1637 text-align: center; 1638 color: white; 1639 } 1640 1641 .ogv-btn svg { 1642 vertical-align: middle; 1643 } 1644 1645 .ogv-btn svg:last-child { 1646 display: none; 1647 } 1648 1649 .ogv-btn.ogv-toggled svg:first-child { 1650 display: none; 1651 } 1652 1653 .ogv-btn.ogv-toggled svg:last-child { 1654 display: inline; 1655 } 1656 1657 .ogv-ts { 1658 font-family: sans-serif; 1659 font-size: 10px; 1660 text-align: center; 1661 line-height: 32px; 1662 width: 70px; 1663 color: white; 1664 overflow: hidden; 1665 } 1666 1667 .ogv-vol { 1668 width: 50px; 1669 margin: 0; 1670 } 1671 1672 .ogv-seek { 1673 width: 0; 1674 margin: 0; 1675 flex-grow: 1; 1676 }