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