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