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