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