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