Advertisement
Guest User

4chan spooky css

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