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