janichan.css
1 /*body { 2 font-family: arial, helvetica, sans-serif; 3 font-size: 10pt; 4 background: #FFF2EE url(/image/fade-pink.png) top center repeat-x; 5 color: #000; 6 padding-left: 5px; 7 padding-right: 5px; 8 margin-right: 0; 9 margin-left: 0; 10 margin-top: 5px; 11 } 12 13 td { 14 font-size: 10pt; 15 padding: 0; 16 margin: 0; 17 } 18 19 td.reply { 20 border: 1px solid #d9b9b7; 21 border-left: none; 22 border-top: none; 23 padding: 2px; 24 } 25 26 blockquote { 27 font-size: 10pt; 28 } 29 30 .doubledash { 31 color: #000; 32 } 33 34 .inputtext { 35 margin: 0; 36 margin-right: 2px; 37 padding: 1px 4px; 38 border: 1px solid #aaa; 39 outline: none; 40 font-family: arial, helvetica, sans-serif; 41 font-size: 10pt; 42 } 43 44 input.inputtext { 45 height: 1.75em; 46 } 47 48 td>.inputtext { 49 height: auto; 50 padding-top: 2px; 51 padding-bottom: 3px; 52 } 53 54 .inputtext:focus { 55 border: 1px solid #E89; 56 } 57 58 .logo img { 59 border: 1px solid #000; 60 } 61 62 .logo b span { 63 font-family: tahoma; 64 } 65 66 .logo span { 67 font-size: 28px; 68 letter-spacing: -2px; 69 } 70 71 hr { 72 border: none; 73 border-top: 1px solid #d9b9b7; 74 height: 0; 75 } 76 77 .postblock { 78 border: 1px solid #000; 79 font-size: 10pt; 80 padding: 0 5px; 81 line-height: 20px; 82 } 83 84 .rules { 85 font-size: 10pt; 86 } 87 88 .rules a { 89 text-decoration: none; 90 } 91 92 form a img { 93 margin-top: 3px; 94 } 95 96 iframe,.rotating { 97 background: #F0DAD6; 98 border-right: 1px solid #d9b9b7; 99 border-bottom: 1px solid #d9b9b7; 100 } 101 102 .pages { 103 border: none; 104 background: #F0DAD6; 105 border-right: 1px solid #d9b9b7; 106 border-bottom: 1px solid #d9b9b7; 107 } 108 109 .pages td { 110 border: none; 111 padding: 1px 5px; 112 } 113 114 .pages td { 115 color: #d9b9b7; 116 } 117 118 .pages td b { 119 color: #000; 120 } 121 122 .deletebuttons { 123 text-align: right; 124 } 125 126 .deletebuttons br { 127 display: none; 128 } 129 130 a,a:visited { 131 color: #5C3434; 132 } 133 134 a:hover { 135 color: #00D; 136 } 137 138 a.quotelink { 139 color: #229978; 140 } 141 142 .logo { 143 clear: both; 144 text-align: center; 145 font-size: 24pt; 146 color: #0F0AAF; 147 width: 100%; 148 } 149 150 form { 151 margin-top: 0; 152 } 153 154 .rules { 155 width: 468px; 156 font-size: 10px; 157 } 158 159 .rules>li { 160 list-style: none; 161 } 162 163 .rules>li:before { 164 content: "\2022 \20"; 165 } 166 167 .postblock { 168 background: #E89; 169 color: #000; 170 font-weight: 800; 171 } 172 173 .footer { 174 text-align: center; 175 font-size: 12px; 176 } 177 178 .unkfunc { 179 color: #229978; 180 } 181 182 .filesize { 183 text-decoration: none; 184 } 185 186 td .filesize { 187 display: inline; 188 background: none; 189 } 190 191 .filesize span,span.postername,span.filetitle,span.commentpostername { 192 unicode-bidi: embed; 193 } 194 195 .filetitle,.replytitle { 196 background: inherit; 197 color: #5D0C0F; 198 font-weight: 800; 199 } 200 201 .postername,.commentpostername { 202 background: inherit; 203 color: #437711; 204 font-weight: 800; 205 } 206 207 .postertrip { 208 background: inherit; 209 color: #548822; 210 } 211 212 .oldpost { 213 background: inherit; 214 color: #5D0C0F; 215 font-weight: 800; 216 } 217 218 .omittedposts,.abbr { 219 color: #070707; 220 } 221 222 .reply { 223 background: #F0DAD6; 224 color: #000; 225 } 226 227 .replyhl { 228 background: #D0BAD6; 229 color: #000; 230 } 231 232 .doubledash { 233 vertical-align: top; 234 clear: both; 235 float: left; 236 } 237 238 a.quotejs:active,a.quotejs:link,a.quotejs:visited { 239 color: #000; 240 text-decoration: none; 241 } 242 243 a.quotejs:hover { 244 color: #d00; 245 } 246 247 .tn_thread { 248 width: 200px; 249 height: 100px; 250 margin: 0 20px 20px 20px; 251 float: left; 252 background: #fff2ee; 253 border: #98e 1px solid; 254 text-align: center; 255 } 256 257 .tn_reply { 258 width: 100px; 259 height: 100px; 260 margin: 0 20px 20px 20px; 261 float: left; 262 background: #fff2ee; 263 border: #98e 1px solid; 264 text-align: center; 265 } 266 267 .adHeadline { 268 font: bold 10pt serif; 269 text-decoration: underline; 270 color: #00e; 271 } 272 273 .adText { 274 font: normal 10pt serif; 275 text-decoration: none; 276 color: #800; 277 } 278 279 #ad { 280 width: 120px; 281 margin: 0; 282 padding: 0; 283 position: absolute; 284 right: 150px; 285 border: 1px solid #98E; 286 font-family: arial, helvetica, sans-serif; 287 font-size: 11px; 288 } 289 290 #ad div { 291 margin: 0; 292 padding: .4em; 293 } 294 295 #ad div.ad-title { 296 padding: 0; 297 background: #98E; 298 color: #000; 299 font-size: 11px; 300 } 301 302 #ad div.ad-title a { 303 font-family: arial, helvetica, sans-serif; 304 color: #000; 305 } 306 307 #ad div.ad-text a { 308 font-family: arial, helvetica, sans-serif; 309 } 310 311 .bottomAdTitle { 312 font-family: arial, helvetica, sans-serif; 313 background: #98E; 314 color: #000; 315 } 316 317 #bottomAd { 318 height: 52px; 319 font-size: 11px; 320 } 321 322 #bottomAdOuter { 323 width: 600px; 324 border: 1px solid #98E; 325 font-size: 11px; 326 } 327 328 .spoiler a.quotelink,.spoiler .unkfunc { 329 color: inherit; 330 } 331 332 .exif { 333 display: none; 334 font-family: arial, helvetica, sans-serif; 335 font-size: xx-small; 336 } 337 338 .exif td { 339 font-family: arial, helvetica, sans-serif; 340 font-size: xx-small; 341 } 342 343 .exif td b { 344 font-weight: 800; 345 text-decoration: underline; 346 font-size: x-small; 347 } 348 349 #header { 350 position: absolute; 351 top: 2px; 352 left: 5px; 353 right: 5px; 354 } 355 356 * html #header { 357 width: 100%; 358 } 359 360 #navtop,#navbot { 361 left: 0; 362 float: left; 363 } 364 365 #navtopright,#navbotright { 366 right: 0; 367 display: block; 368 float: right; 369 text-align: right; 370 } 371 372 #header,#navbot,#navbotright { 373 font-size: 9pt; 374 color: #d9b9b7; 375 } 376 377 #header a,#navbot a,#navbotr a,.pages td a { 378 font-weight: normal; 379 padding: 1px; 380 text-decoration: none; 381 color: #5C3434; 382 } 383 384 #header a:hover,#navbot a:hover,#navbotr a:hover,.pages td a:hover { 385 color: #00D; 386 } 387 388 #footer { 389 clear: both; 390 padding-top: 10px; 391 } 392 393 #footer center font { 394 font-size: 7pt; 395 } 396 397 .pages td a { 398 color: #5C3434; 399 } 400 401 td.replyhl { 402 border: 1px solid #D0BAD6; 403 border-left: none; 404 border-top: none; 405 padding: 2px; 406 } 407 408 td.deletebuttons input.checkbox { 409 margin: 1px 2px 1px 2px; 410 } 411 412 div.logo img { 413 margin: 5px 0 5px 0; 414 } 415 416 .fstitle { 417 float: left; 418 width: 25px; 419 }*/ 420 421 /** GENERIC / ELEMENT STYLING **/ 422 body { 423 background: #FFF2EE url(/image/fade-pink.png) top center repeat-x; 424 425 color: #000; 426 font-family: arial, helvetica, sans-serif; 427 font-size: 10pt; 428 429 margin-left: 0; 430 margin-right: 0; 431 margin-top: 5px; 432 433 padding-left: 5px; 434 padding-right: 5px; 435 } 436 437 .nwsb { display: none; } 438 439 .party-hat { 440 left: 0; 441 margin-top: -80px; 442 position: absolute; 443 pointer-events: none; 444 } 445 446 .mobile, .mobileinline { 447 display: none !important; 448 } 449 450 .bottomCtrl { 451 float: right; 452 margin-top: 2px; 453 } 454 455 #ctrl-top { 456 display: none; 457 } 458 459 a, a:visited { 460 color: #00E; 461 } 462 463 a:hover { 464 color: red; 465 } 466 467 a.replylink, div#absbot a { 468 color: #00E !important; 469 text-decoration: underline !important; 470 } 471 472 div#absbot { 473 color: #800000; 474 clear: both; 475 } 476 477 div.board > hr { 478 clear: both; 479 } 480 481 img { 482 border: none; 483 } 484 485 hr { 486 border: none; 487 border-top: 1px solid #d9b9b7; 488 489 height: 0; 490 } 491 492 hr.abovePostForm { 493 width: 90%; 494 } 495 496 span.x-small { 497 font-size: x-small; 498 } 499 500 /** MOBILE ONLY DISABLES **/ 501 .mobile { 502 display: none; 503 } 504 505 /** HEADER **/ 506 ul.rules { 507 margin: 0px; 508 padding: 0px; 509 510 margin-top: 1px; 511 } 512 513 ul.rules > li { 514 list-style: none; 515 font-size: 10px; 516 } 517 518 .rules > li:before { 519 content: "\2022 \20"; 520 } 521 522 div.boardBanner { 523 text-align: center; 524 clear: both; 525 } 526 527 div.boardBanner > img { 528 border: 1px solid #34345C; 529 margin: 5px 0px 5px 0px; 530 width: 300px; 531 height: 100px; 532 } 533 534 div.boardBanner > div.boardTitle { 535 font-family: Tahoma; 536 font-size: 28px; 537 font-weight: bold; 538 letter-spacing: -2px; 539 540 margin-top: 0px; 541 542 color: #0F0AAF; 543 } 544 545 div.boardBanner > div.boardSubtitle { 546 font-size: x-small; 547 } 548 549 div#boardNavDesktop { 550 551 font-size: 9pt; 552 color: #B86; 553 554 display: block; 555 } 556 557 div#boardNavDesktop a { 558 font-weight: normal; 559 padding: 1px; 560 text-decoration: none; 561 color: #800000; 562 } 563 564 /** General Containers **/ 565 div.pContainer { 566 567 } 568 569 div.opContainer { 570 display: inline; 571 } 572 573 div.sideArrows { 574 color: #e0bfb7; 575 576 float: left; 577 578 margin-right: 2px; 579 margin-top: 0px; 580 margin-left: 2px; 581 } 582 583 /** Thread Container **/ 584 div.thread { 585 586 margin: 0px; 587 clear: both; 588 589 } 590 591 /** Post Container **/ 592 div.post { 593 margin: 4px 0; 594 overflow: hidden; 595 } 596 597 div.thread > div:nth-of-type(2) > div.reply { 598 margin-top: 2px !important; 599 } 600 601 div.op { 602 display: inline; 603 } 604 605 div.reply { 606 background-color: #F0DAD6; 607 608 border: 1px solid #d9b9b7; 609 border-left: none; 610 border-top: none; 611 612 display: table; 613 614 padding: 2px; 615 } 616 617 div.reply input { 618 float: none; 619 } 620 621 /** Post Information **/ 622 div.post div.postInfo { 623 display: block; 624 625 width: 100%; 626 } 627 628 div.post div.postInfo span.postNum { 629 630 } 631 632 div.post div.postInfo span.postNum a { 633 text-decoration: none; 634 color: #000; 635 } 636 637 div.post div.postInfo span.postNum a:hover { 638 color: d00 !important; 639 } 640 641 /* Name */ 642 div.post div.postInfo span.nameBlock { 643 display: inline-block; 644 } 645 646 div.post div.postInfo span.nameBlock span.name { 647 color: #437711; 648 font-weight: bold; 649 } 650 651 div.post div.postInfo span.nameBlock span.postertrip { 652 color: #548822; 653 font-weight: normal !important; 654 } 655 656 /* Date/Time */ 657 div.post div.postInfo span.date { 658 659 } 660 661 div.post div.postInfo span.time { 662 663 } 664 665 /* Subject */ 666 div.post div.postInfo span.subject { 667 color: #5D0C0F; 668 font-weight: bold; 669 } 670 671 /** Message **/ 672 div.post blockquote.postMessage { 673 display: block; 674 } 675 676 blockquote > span.quote { 677 color: #85ABA1; 678 } 679 680 a.quoteLink, a.quotelink, .deadlink { 681 color: #229978 !important; 682 } 683 684 /** File Information **/ 685 div.post div.file { 686 display: block; 687 } 688 689 div.post div.file div.fileInfo { 690 margin-right: 10px; 691 } 692 693 div.replyContainer div.post div.file div.fileInfo { 694 margin-left: 20px; 695 } 696 697 div.post div.file .fileThumb { 698 float: left; 699 margin-left: 20px; 700 margin-right: 20px; 701 margin-top: 3px; 702 } 703 704 span.fileThumb { 705 margin-left: 0px !important; 706 margin-right: 5px !important; 707 } 708 709 div.reply span.fileThumb, div.reply span.fileThumb img { 710 float: none !important; 711 margin-top: 0px !important; 712 margin-bottom: 0px !important; 713 } 714 715 div.post div.file .fileThumb img { 716 border: none; 717 718 float: left; 719 margin-bottom: 5px; 720 } 721 722 /** Summary **/ 723 span.summary { 724 color: #707070; 725 margin-top: 10px; 726 } 727 728 /** POST FORM **/ 729 div.postingMode { 730 background-color: #e04000; 731 padding: 1px; 732 text-align: center; 733 734 color: #fff; 735 font-weight: bold; 736 font-size: larger; 737 738 margin-to.p: 8px; 739 } 740 741 div.navLinks { 742 margin-bottom: 10px; 743 } 744 745 div.navLinksBot { 746 margin-bottom: 0px; 747 } 748 749 #verification table { 750 border: none !important; 751 margin: 0px; 752 } 753 754 /** FOOTER **/ 755 div.thread:last-child { 756 padding-bottom: 21px; 757 margin-bottom: 6px; 758 759 } 760 761 div.pagelist { 762 font-size: 13px !important; 763 764 margin: 0; 765 padding: 3px 7px; 766 767 float: left; 768 769 border: none; 770 background: #F0E0D6; 771 772 border-right: 1px solid #d9b9b7; 773 border-bottom: 1px solid #d9b9b7; 774 775 list-style: none; 776 overflow: hidden; 777 778 color: #B86; 779 } 780 781 div.pagelist > div { 782 float: left; 783 } 784 785 div.pagelist > div span { 786 padding: 4px; 787 display: inline-block; 788 } 789 790 div.pagelist div.pages { 791 padding: 4px; 792 } 793 794 div.pagelist div.pages a { 795 text-decoration: none !important; 796 /* FINE MOOT GOSH JEEZ */ 797 } 798 799 div.pagelist form { 800 display: inline; 801 } 802 803 div.pagelist strong { 804 color: #800000; 805 } 806 807 div.deleteform { 808 float: right; 809 margin-top: 2px; 810 } 811 812 input[type=password] { 813 width: 50px; 814 text-align: center; 815 } 816 817 div.deleteform input[type=checkbox] { 818 margin: 1px 2px 1px 2px; 819 } 820 821 div.stylechanger { 822 float: right; 823 824 font-size: 10pt; 825 clear: both; 826 } 827 828 div.stylechanger select { 829 display: inline; 830 } 831 832 div#boardNavDesktopFoot { 833 font-size: 9pt; 834 color: #B86; 835 836 clear: both; 837 838 padding-top: 10px; 839 padding-bottom: 3px; 840 } 841 842 div#boardNavDesktopFoot a { 843 font-weight: normal; 844 padding: 1px; 845 text-decoration: none; 846 color: #800000; 847 } 848 849 div.homelink { 850 float: right 851 } 852 853 div#absbot { 854 text-align: center; 855 font-size: xx-small !important; 856 857 padding-bottom: 4px; 858 859 color: #800; 860 } 861 862 #recaptcha_response_field { 863 padding: 0px; 864 } 865 866 /** POST FORM **/ 867 table { 868 border-spacing: 1px; 869 870 margin-left: auto; 871 margin-right: auto; 872 } 873 874 #postForm { 875 display: none; 876 } 877 878 #togglePostFormLink { 879 font-size: 22px; 880 font-weight: bold; 881 text-align: center; 882 } 883 884 table.postForm > tbody > tr > td:first-child { 885 background-color: #E89; 886 color: #000; 887 font-weight: bold; 888 border: 1px solid #000; 889 padding: 0 5px; 890 891 font-size: 10pt; 892 } 893 894 tr.rules td { 895 border: 0px !important; 896 background-color: transparent !important; 897 font-weight: normal !important; 898 } 899 900 td { 901 margin: 0px; 902 padding: 0px; 903 904 font-size: 10pt; 905 } 906 907 table.postForm > tbody input[type=text], input[type=password], table.postForm > tbody textarea { 908 margin: 0px; 909 margin-right: 2px; 910 padding: 2px 4px 3px 4px; 911 912 border: 1px solid #AAA; 913 outline: none; 914 915 font-family: arial, helvetica, sans-serif; 916 font-size: 10pt; 917 } 918 919 table.postForm > tbody > tr > td > input[type=text] { 920 width: 232px; 921 } 922 923 table.postForm > tbody > tr > td > input[name="subject"] { 924 width: 300px; 925 } 926 927 .postblock { 928 background-color: #E89; 929 color: #800; 930 font-weight: bold; 931 border: 1px solid #800; 932 padding: 0 5px; 933 font-size: 10pt; 934 } 935 936 div.closed { 937 font-size: x-large; 938 text-align: center; 939 color: red; 940 font-weight: bold; 941 942 padding-top: 100px; 943 padding-bottom: 100px; 944 } 945 946 @media screen and (-webkit-min-device-pixel-ratio:0) { 947 tbody textarea { 948 margin-bottom: -3px !important; 949 } 950 } 951 952 .commentpostername { 953 font-weight: bold; 954 } 955 956 .identityIcon { 957 margin-bottom: -3px; 958 } 959 960 .stickyIcon { 961 margin-bottom: -1px; 962 padding-left: 2px; 963 height: 16px; 964 width: 16px; 965 } 966 967 .closedIcon { 968 margin-bottom: -1px; 969 margin-left: -1px; 970 height: 16px; 971 width: 16px; 972 } 973 974 .trashIcon { 975 width: 16px; 976 height: 16px; 977 margin-bottom: -2px; 978 } 979 980 .fileDeleted { 981 height: 13px; 982 width: 172px; 983 } 984 985 .fileDeletedRes { 986 height: 13px; 987 width: 127px; 988 } 989 990 .navSmall { 991 font-size: 90%; 992 } 993 994 .center { 995 text-align: center; 996 } 997 998 .bold { 999 font-weight: bold; 1000 } 1001 1002 .smaller { 1003 font-size: smaller; 1004 } 1005 1006 .password { 1007 font-size: smaller; 1008 } 1009 1010 .passNotice { 1011 font-size: smaller; 1012 padding-left: 6px; 1013 } 1014 1015 .qcDiv { 1016 display: none; 1017 } 1018 1019 .qcImg { 1020 height: 1px; 1021 width: 1px; 1022 border: 0px; 1023 } 1024 1025 .jpnFlag { 1026 height: 11px; 1027 width: 17px; 1028 } 1029 1030 .globalMessage { 1031 color: red; 1032 text-align: center; 1033 } 1034 1035 .highlightPost { 1036 background: #f0d6d6 !important; 1037 border-color: #d69595 !important; 1038 } 1039 1040 .reply:target, 1041 .replyContainer .highlight { 1042 background: #F0C0B0 !important; 1043 border: 1px solid #D99F91 !important; 1044 border-left: none !important; 1045 border-top: none !important; 1046 padding: 2px; 1047 } 1048 1049 span.capcodeAdmin span.name, span.capcodeAdmin span.name a, span.capcodeAdmin span.postertrip, span.capcodeAdmin strong.capcode { 1050 color: #F00 !important; 1051 } 1052 1053 span.capcodeMod span.name, span.capcodeMod span.name a, span.capcodeMod span.postertrip, span.capcodeMod strong.capcode { 1054 color: #800080 !important; 1055 } 1056 1057 .omittedposts, .abbr { 1058 color: #707070; 1059 } 1060 1061 span.spoiler { 1062 color: #000 !important; 1063 background: #000 !important; 1064 } 1065 1066 span.spoiler:hover, span.spoiler:focus { 1067 color: #fff !important; 1068 } 1069 1070 table.exif { 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 1090 div.posthover { 1091 padding: 5px; 1092 1093 padding-left: 10px; 1094 padding-right: 10px; 1095 1096 } 1097 1098 div.posthover a.fileThumb { 1099 margin-left: 5px !important; 1100 margin-right: 10px !important; 1101 } 1102 1103 div.posthover blockquote { 1104 margin: 5px; 1105 1106 } 1107 1108 div.posthover img[data-md5] { 1109 max-width: 80px; 1110 max-height: 80px; 1111 1112 height: auto !important; 1113 width: auto !important; 1114 } 1115 1116 div.posthover div.fileThumb { 1117 margin-left: 0px !important; 1118 margin-right: 10px !important; 1119 } 1120 1121 #navtopright, #navbotright { 1122 float: right; 1123 } 1124 1125 .preview { 1126 background: #F0E0D6; 1127 1128 border: 1px solid #d9b9b7 !important; 1129 border-right: 2px solid #d9b9b7 !important; 1130 border-bottom: 2px solid #d9b9b7 !important; 1131 } 1132 1133 #settingsBox { 1134 position: absolute; 1135 1136 right: 10px; 1137 margin-top: 10px; 1138 } 1139 1140 div.backlink { 1141 font-size: x-small !important; 1142 padding-left: 10px; 1143 padding-bottom: 5px; 1144 padding-right: 10px; 1145 } 1146 1147 .backlink span { 1148 padding-right: 5px; 1149 } 1150 1151 div#boardNavMobile { 1152 padding: 5px; 1153 1154 background-color: #e7dad6; 1155 1156 overflow: hidden; 1157 1158 border-bottom: 1px solid #dcc5b8; 1159 1160 position: fixed; 1161 top: 0px; 1162 left: 0px; 1163 1164 width: 100%; 1165 } 1166 1167 div#boardNavMobile select, div#boardNavMobile option { 1168 } 1169 1170 div.boardSelect { 1171 float: left; 1172 } 1173 1174 div.pageJump { 1175 float: right; 1176 padding-right: 10px; 1177 } 1178 1179 /** QUICK REPLY **/ 1180 div.qrWindow { 1181 position: absolute; 1182 z-index: 10000; 1183 } 1184 1185 div.qrHeader { 1186 padding: 2px; 1187 font-size: small; 1188 text-align: center; 1189 1190 } 1191 1192 div.qrForm { 1193 padding: 3px; 1194 } 1195 1196 span.qrButtonHolder { 1197 position: absolute; 1198 right: 5px; 1199 text-align: right; 1200 1201 top: 3px; 1202 } 1203 1204 span.qrButtonHolder a { 1205 text-decoration: none; 1206 } 1207 1208 span.qrButtonHolder img { 1209 cursor: pointer; 1210 1211 margin-bottom: -1px; 1212 margin-top: 1px; 1213 } 1214 1215 .extButton img { 1216 margin-top: 3px; 1217 margin-bottom: -3px; 1218 margin-left: 4px; 1219 } 1220 1221 .qrMessage { 1222 padding: 2px; 1223 text-align: center; 1224 } 1225 1226 .op .backlinkHr { 1227 width: 55%; 1228 } 1229 1230 .useremail .name, .useremail .postertrip { 1231 color: #0000EE !important; 1232 } 1233 1234 img.expandedImg { 1235 max-width: none !important; 1236 max-height: none !important; 1237 } 1238 1239 /** this is not important **/ 1240 #captchaContainer { 1241 overflow: hidden; 1242 } 1243 1244 #captchaContainer > img { 1245 float: left; 1246 border: 1px solid #aaa; 1247 margin-bottom: 1px; 1248 } 1249 1250 #captchaInfo { 1251 float: left; 1252 margin-left: 5px; 1253 1254 visibility: hidden; 1255 } 1256 1257 #captchaResponse { 1258 width: 292px; 1259 } 1260 1261 .prettyprint { 1262 border: none !important; 1263 background-color: #fff; 1264 padding: 5px !important; 1265 display: inline-block; 1266 1267 max-height: 400px; 1268 overflow-x: auto; 1269 max-width: 600px; 1270 } 1271 1272 input:not([type=submit]):focus, textarea:focus { 1273 border: 1px solid #E89 !important; 1274 } 1275 1276 input[type="text"], input[type="password"], textarea { 1277 -webkit-appearance: none; 1278 -webkit-border-radius: 0; 1279 } 1280 1281 /** fix stupid google recaptcha padding in webkit **/ 1282 iframe[src="about:blank"] { 1283 display: none; 1284 } 1285 1286 textarea[name="com"] { 1287 width: 292px; 1288 } 1289 1290 input[type=password] { 1291 width: 50px; 1292 text-align: center; 1293 } 1294 1295 .deadlink { 1296 text-decoration: line-through; 1297 } 1298 1299 #search-cnt { 1300 display: none; 1301 } 1302 1303 #search-ok { 1304 text-decoration: none; 1305 line-height: 1; 1306 cursor: pointer; 1307 } 1308 1309 #search-box { 1310 width: 100px; 1311 font-size: 11px; 1312 height: 12px; 1313 margin-right: 5px; 1314 padding: 0; 1315 } 1316 1317 #tooltip { 1318 position: absolute; 1319 background-color: #181f24; 1320 font-size: 11px; 1321 line-height: 13px; 1322 padding: 3px 6px; 1323 z-index: 100000; 1324 word-wrap: break-word; 1325 white-space: pre-line; 1326 max-width: 400px; 1327 color: #fff; 1328 text-align: center; 1329 } 1330 1331 .tip-top-left:before, 1332 .tip-top-right:before, 1333 .tip-top:before { 1334 content:""; 1335 display:block; 1336 width:0; 1337 height:0; 1338 position:absolute; 1339 border-left: 4px solid transparent; 1340 border-right: 4px solid transparent; 1341 border-top: 4px solid #181f24; 1342 margin-left: -4px; 1343 bottom: -4px; 1344 } 1345 1346 .tip-top:before { 1347 left: 50%; 1348 } 1349 1350 .tip-top-right:before { 1351 left: 2px; 1352 margin-left: 0; 1353 } 1354 1355 .tip-top-left:before { 1356 right: 2px; 1357 } 1358 1359 .dd-menu { 1360 position: absolute; 1361 font-size: 13px; 1362 line-height: 1.3em; 1363 } 1364 .dd-menu a { 1365 text-decoration: none; 1366 color: inherit !important; 1367 display: block; 1368 } 1369 .dd-menu ul { 1370 background-color: #F0E0D6; 1371 border: 1px solid #D9BFB7; 1372 border-bottom: none; 1373 list-style: none; 1374 padding: 0; 1375 margin: 0; 1376 white-space: nowrap; 1377 } 1378 .dd-menu ul ul { 1379 display: none; 1380 position: absolute; 1381 } 1382 .dd-menu li { 1383 cursor: pointer; 1384 position: relative; 1385 padding: 2px 4px; 1386 vertical-align: middle; 1387 border-bottom: 1px solid #D9BFB7; 1388 } 1389 .dd-menu li:hover { 1390 background-color: #FFFFEE; 1391 } 1392 .dd-menu li:hover ul { 1393 display: block; 1394 left: 100%; 1395 margin-top: -3px; 1396 } 1397 .dd-menu.dd-menu-left li:hover ul { 1398 left: auto; 1399 right: 100%; 1400 }