SHARE
TWEET

4chan New Dark Style

izzakU Oct 20th, 2019 119 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @-moz-document domain("4chan.org"), domain("4channel.org") {
  2. @font-face {font-family: 'FontAwesome'; font-weight: normal; font-style: normal; src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");}
  3. /* cyrillic-ext */
  4. @font-face {
  5.   font-family: 'Roboto';
  6.   font-style: italic;
  7.   font-weight: 400;
  8.   src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
  9.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  10. }
  11. /* cyrillic */
  12. @font-face {
  13.   font-family: 'Roboto';
  14.   font-style: italic;
  15.   font-weight: 400;
  16.   src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  17.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  18. }
  19. /* greek-ext */
  20. @font-face {
  21.   font-family: 'Roboto';
  22.   font-style: italic;
  23.   font-weight: 400;
  24.   src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
  25.   unicode-range: U+1F00-1FFF;
  26. }
  27. /* greek */
  28. @font-face {
  29.   font-family: 'Roboto';
  30.   font-style: italic;
  31.   font-weight: 400;
  32.   src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
  33.   unicode-range: U+0370-03FF;
  34. }
  35. /* vietnamese */
  36. @font-face {
  37.   font-family: 'Roboto';
  38.   font-style: italic;
  39.   font-weight: 400;
  40.   src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
  41.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  42. }
  43. /* latin-ext */
  44. @font-face {
  45.   font-family: 'Roboto';
  46.   font-style: italic;
  47.   font-weight: 400;
  48.   src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  49.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  50. }
  51. /* latin */
  52. @font-face {
  53.   font-family: 'Roboto';
  54.   font-style: italic;
  55.   font-weight: 400;
  56.   src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  57.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  58. }
  59. /* cyrillic-ext */
  60. @font-face {
  61.   font-family: 'Roboto';
  62.   font-style: italic;
  63.   font-weight: 700;
  64.   src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
  65.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  66. }
  67. /* cyrillic */
  68. @font-face {
  69.   font-family: 'Roboto';
  70.   font-style: italic;
  71.   font-weight: 700;
  72.   src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
  73.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  74. }
  75. /* greek-ext */
  76. @font-face {
  77.   font-family: 'Roboto';
  78.   font-style: italic;
  79.   font-weight: 700;
  80.   src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
  81.   unicode-range: U+1F00-1FFF;
  82. }
  83. /* greek */
  84. @font-face {
  85.   font-family: 'Roboto';
  86.   font-style: italic;
  87.   font-weight: 700;
  88.   src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
  89.   unicode-range: U+0370-03FF;
  90. }
  91. /* vietnamese */
  92. @font-face {
  93.   font-family: 'Roboto';
  94.   font-style: italic;
  95.   font-weight: 700;
  96.   src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
  97.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  98. }
  99. /* latin-ext */
  100. @font-face {
  101.   font-family: 'Roboto';
  102.   font-style: italic;
  103.   font-weight: 700;
  104.   src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  105.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  106. }
  107. /* latin */
  108. @font-face {
  109.   font-family: 'Roboto';
  110.   font-style: italic;
  111.   font-weight: 700;
  112.   src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  113.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  114. }
  115. /* cyrillic-ext */
  116. @font-face {
  117.   font-family: 'Roboto';
  118.   font-style: normal;
  119.   font-weight: 400;
  120.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  121.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  122. }
  123. /* cyrillic */
  124. @font-face {
  125.   font-family: 'Roboto';
  126.   font-style: normal;
  127.   font-weight: 400;
  128.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  129.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  130. }
  131. /* greek-ext */
  132. @font-face {
  133.   font-family: 'Roboto';
  134.   font-style: normal;
  135.   font-weight: 400;
  136.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  137.   unicode-range: U+1F00-1FFF;
  138. }
  139. /* greek */
  140. @font-face {
  141.   font-family: 'Roboto';
  142.   font-style: normal;
  143.   font-weight: 400;
  144.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  145.   unicode-range: U+0370-03FF;
  146. }
  147. /* vietnamese */
  148. @font-face {
  149.   font-family: 'Roboto';
  150.   font-style: normal;
  151.   font-weight: 400;
  152.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  153.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  154. }
  155. /* latin-ext */
  156. @font-face {
  157.   font-family: 'Roboto';
  158.   font-style: normal;
  159.   font-weight: 400;
  160.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  161.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  162. }
  163. /* latin */
  164. @font-face {
  165.   font-family: 'Roboto';
  166.   font-style: normal;
  167.   font-weight: 400;
  168.   src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  169.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  170. }
  171. /* cyrillic-ext */
  172. @font-face {
  173.   font-family: 'Roboto';
  174.   font-style: normal;
  175.   font-weight: 700;
  176.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  177.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  178. }
  179. /* cyrillic */
  180. @font-face {
  181.   font-family: 'Roboto';
  182.   font-style: normal;
  183.   font-weight: 700;
  184.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  185.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  186. }
  187. /* greek-ext */
  188. @font-face {
  189.   font-family: 'Roboto';
  190.   font-style: normal;
  191.   font-weight: 700;
  192.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  193.   unicode-range: U+1F00-1FFF;
  194. }
  195. /* greek */
  196. @font-face {
  197.   font-family: 'Roboto';
  198.   font-style: normal;
  199.   font-weight: 700;
  200.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  201.   unicode-range: U+0370-03FF;
  202. }
  203. /* vietnamese */
  204. @font-face {
  205.   font-family: 'Roboto';
  206.   font-style: normal;
  207.   font-weight: 700;
  208.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  209.   unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  210. }
  211. /* latin-ext */
  212. @font-face {
  213.   font-family: 'Roboto';
  214.   font-style: normal;
  215.   font-weight: 700;
  216.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  217.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  218. }
  219. /* latin */
  220. @font-face {
  221.   font-family: 'Roboto';
  222.   font-style: normal;
  223.   font-weight: 700;
  224.   src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  225.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  226. }
  227.  
  228. html, body {font-family: 'Roboto', sans-serif !important;}
  229. html, body {background: var(--background); color: var(--text);}
  230. body {font-size: .92em; line-height: 1.43;}
  231.  
  232. :root {
  233.     --background: #060b13;
  234.     --table-tr: #44453d;
  235.     --scroll: #696a62;
  236.     --scroll-active: #797a72;
  237.     --scroll-border: #090e15;
  238.     --post-bg: #090e15;
  239.     --alt-post-bg: #010710;
  240.     --highlight: #ffc63a;
  241.     --highlight-shadow: rgba(255,217,122,.6);
  242.     --highlight-bg: #111;
  243.     --postertrip: #9d81ba;
  244.     --quote: #86b300;
  245.     --border: #010710;
  246.     --alt-border: #4d4e44;
  247.     --text: #c3c0bb;
  248.     --alt-text: #ad9882;
  249.     --alt-text-2: #3d434f;
  250.     --red: #ff3434;
  251.     --name: #86b300;
  252.     --link: #ffc63a;
  253.     --link-hover: #ffe8ad;
  254.     --alt-link: #ccb16c;
  255.     --alt-hover: #d9c491;
  256.     --nav-link: #c3c0bb;
  257.     --nav-hover: #ffc63a;
  258.     --title: #ffc17b;
  259.     --spoiler: #44453d;
  260.     --btn-bg: #090e15;
  261.     --alt-btn-bg: #111;
  262.     --btn-bg-hover: #010710;
  263.     --alt-btn-bg-hover: #090e15;
  264.     --shadow: rgba(7,5,0,.15);
  265.     --shadow2: rgba(7,5,0,.2);
  266.     --shadow3: rgba(7,5,0,.25);
  267. }
  268.  
  269. ::-webkit-scrollbar {width: 14px; height: 14px;}
  270. ::-webkit-scrollbar-button {width: 0px; height: 0px;}
  271. ::-webkit-scrollbar-thumb {background: var(--scroll); border-radius: 3px; border: 2px solid var(--scroll-border);}
  272. ::-webkit-scrollbar-thumb:active {background: var(--scroll-active);}
  273. ::-webkit-scrollbar-track {background: var(--post-bg);}
  274. ::-webkit-scrollbar-corner {background: var(--post-bg);}
  275.  
  276. body {max-width: 980px; margin: 0 auto; padding: 0 10px;}
  277. @media only screen and (min-width: 1480px) and (orientation:portrait),  only screen and (min-width: 1480px) and (orientation:landscape){
  278. body {max-width: 1080px; margin: 0 auto; padding: 0 10px;}
  279. }
  280. @media only screen and (min-width: 1680px) and (orientation:portrait),  only screen and (min-width: 1680px) and (orientation:landscape){
  281. body {max-width: 1280px; margin: 0 auto; padding: 0 10px;}
  282. }
  283. @media only screen and (min-width: 1880px) and (orientation:portrait),  only screen and (min-width: 1880px) and (orientation:landscape){
  284. body {max-width: 1480px; margin: 0 auto; padding: 0 10px;}
  285. }
  286.  
  287. a.replylink:not(:hover), div#absbot a:not(:hover) {color: var(--link) !important;}
  288. a, a:visited, #absbot a, .button {color: #009fec; transition: color .1s; outline: none;}
  289. a:hover {color: var(--link-hover) !important;}
  290. #boards a {color: var(--link);}
  291. #boards a:hover {text-decoration: none;}
  292. a[data-cmd="update"] {font-size: 0;}
  293. a[data-cmd="update"]::before {content: "\f021"; font: normal normal normal 14px/1 FontAwesome; padding: 4px; margin: -4px;}
  294. .quoteLink, .quotelink {color: var(--link) !important; text-decoration: none;}
  295. .burichan_new .backlink a, .yotsuba_b_new .backlink a, div.backlink a {color: var(--alt-link) !important;}
  296. .burichan_new .backlink a:hover, .yotsuba_b_new .backlink a:hover, div.backlink a:hover {color: var(--alt-hover) !important;}
  297. .deadlink {color: var(--alt-link) !important;}
  298. .pageJump a {color: var(--alt-link) !important; text-decoration: none;}
  299.  
  300. a[href="#top"]:after {background-color: var(--post-bg); border: 1px solid var(--border); border-radius: 3px; box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); color: var(--nav-link) !important; content: "\f106"; display: block; font: normal normal normal 22px/32px FontAwesome; height: 32px; width: 32px; position: fixed; top: 35px; right: 15px; text-align: center;}
  301. a[href="#top"]:hover:after {background-color: var(--alt-post-bg);}
  302. a[href="#bottom"]:after {background-color: var(--post-bg); border: 1px solid var(--border); border-radius: 3px; box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); color: var(--nav-link) !important; content: "\f107"; display: block; font: normal normal normal 22px/32px FontAwesome; height: 32px; width: 32px; position: fixed; bottom: 35px; right: 15px; text-align: center;}
  303. a[href="#bottom"]:hover:after {background-color: var(--alt-post-bg);}
  304.  
  305. hr {border-color: transparent;}
  306. hr + .thread {border-top: 1px solid var(--border); margin-top: 25px; padding-top: 25px;}
  307. hr[style="border: 0; color: #800; background: #800; height: 1px; margin-top: 1.0em; margin-bottom: 1.0em;"] {background: var(--border) !important;}
  308.  
  309. #announce {background: var(--post-bg); color: var(--text);}
  310. .top-box {background: var(--post-bg);}
  311. .box-outer {border-color: var(--border); border-radius: 3px;}
  312. .boxbar {background: var(--post-bg); color: var(--text);}
  313. #filter-btn:hover, #opts-btn:hover {color: var(--link);}
  314. #fp-menu {background: var(--post-bg); border-color: var(--border); border-radius: 3px; box-shadow: 0 1px 6px var(--shadow2);}
  315. #fp-menu li:hover {background: var(--alt-post-bg);}
  316. #fp-menu .fp-menu-sep {border-color: var(--border);}
  317. .boxcontent {color: var(--text); line-height: unset;}
  318. #announce .boxbar, #disclaimer-dialog .hd {background: var(--alt-post-bg); color: var(--text);}
  319.  
  320. .boxcontent a {color: var(--link);}
  321. .left-box {background: var(--post-bg);}
  322. .left-box .boxbar {background: var(--border); color: var(--text);}
  323. .left-box .boxbar a {color: var(--text) !important;}
  324. .left-box hr {background: var(--border);}
  325. .right-box {background: var(--post-bg);}
  326. .right-box .boxbar {background: var(--border); color: var(--text);}
  327. .right-box .boxbar a {color: var(--text) !important;}
  328. dt {color: var(--alt-text);}
  329. dt.first {color: var(--alt-text);}
  330. .boxcontent dd {border-bottom-color: var(--border);}
  331.  
  332. h3[style="text-decoration: underline; display: inline;"] {text-decoration: none !important;}
  333. .warning, font[color="red"] {color: var(--red);}
  334.  
  335. .c-thread img {border-color: var(--border); border-radius: 3px;}
  336.  
  337. #ft li {background: var(--post-bg); border-color: var(--border); color: var(--border)}
  338. #ft li a {color: var(--link);}
  339. #ft li.current, #ft li.fill {background: var(--post-bg); color: var(--border);}
  340.  
  341. #backdrop {background-color: var(--background); opacity: .6;}
  342. #disclaimer-dialog {background: var(--post-bg); border-color: var(--border); border-radius: 3px; box-shadow: 0 6px 16px var(--shadow3);}
  343. .UIPanel {background-color: var(--shadow3);}
  344. .UIPanel > div {scrollbar-color: var(--scroll) var(--post-bg); scrollbar-width: thin;}
  345. .extPanel.reply {box-shadow: 0 6px 16px var(--shadow3);}
  346. .yotsuba_new .panelHeader, .yotsuba_b_new .panelHeader {border-color: var(--border);}
  347.  
  348. #bannerCnt, .middlead {display: none;}
  349. div.boardBanner > div.boardTitle {font-family: inherit; color: var(--text);}
  350. div.boardBanner > div.boardSubtitle {color: var(--alt-text);}
  351.  
  352. div#boardNavDesktop, div#boardNavDesktopFoot {color: var(--alt-text-2);}
  353. div#boardNavDesktop a, div#boardNavDesktopFoot a {color: var(--alt-text);}
  354.  
  355. div.pagelist {background: var(--post-bg); border: 1px solid var(--border); border-radius: 3px; color: var(--alt-text-2);}
  356. div.pagelist div.cataloglink {border-color: var(--border);}
  357.  
  358. #blotter, #toggleMsgBtn, .globalMessage {display: none;}
  359.  
  360. #ctrl-top, .navLinks {color: transparent;}
  361. .navLinks a {color: var(--nav-link);}
  362. .navLinks a:hover {color: var(--nav-hover) !important;}
  363. .navLinks label, .navLinks span, .thread-stats {color: var(--text);}
  364. .navLinks .btn-wrap a {margin: 0 3px;}
  365. .btn-wrap::before, .btn-wrap::after {display: none;}
  366.  
  367. div.thread {counter-reset: postcount;}
  368. span.postNum::before {counter-increment: postcount; content: "#" counter(postcount); margin-left: 0.5em; margin-right: 1em;}
  369.  
  370. div.sideArrows {display: none;}
  371. div.op {background: var(--post-bg); border: 1px solid var(--border); border-radius: 3px; display: inline-block; padding: 2px;}
  372. .omittedposts, .abbr {color: var(--alt-text);}
  373. span.summary {color: var(--alt-text); display: block; margin: -8px 8px 4px;}
  374. div.post {margin: 8px 0; box-shadow: 0 1px 3px 0 var(--shadow); transition: box-shadow .1s; padding: 4px 8px;}
  375. div.reply {background: var(--post-bg); border: 1px solid var(--border); border-radius: 3px;}
  376. .post.reply {margin: 8px 8px;}
  377. .reply:target, .reply.highlight {background: var(--highlight-bg) !important; border: 1px solid var(--highlight) !important; box-shadow: 0 1px 6px 0 var(--highlight-shadow); padding: 4px 8px;}
  378. #quote-preview {border-color: var(--border) !important;}
  379.  
  380. div.post blockquote.postMessage {margin: 8px 20px;}
  381.  
  382. div.post div.postInfo, div.post div.postInfoM {color: var(--alt-text-2); font-size: .9em;}
  383. div.post div.postInfo input[type="checkbox"] {display: none;}
  384. div.post div.postInfo span.postNum a {color: var(--alt-text);}
  385. div.post div.postInfo span.postNum a:hover, .posteruid .hand:hover {color: var(--link) !important;}
  386. .postMenuBtn, .yotsuba_new .postMenuBtn, .futaba_new .postMenuBtn {color: var(--alt-text-2);}
  387. .nameBlock.capcodeMod span.name, span.capcodeMod a span.name, span.capcodeMod span.postertrip, span.capcodeMod strong.capcode {color: var(--postertrip) !important;}
  388. div.backlink {font-size: .9em !important;}
  389.  
  390. div.post div.postInfo span.subject {color: var(--title);}
  391. div.post div.postInfo span.nameBlock span.name {color: var(--alt-text-2); font-weight: 400;}
  392. div.post div.postInfo span.nameBlock span.postertrip {color: var(--name);}
  393. blockquote > span.quote {color: var(--quote);}
  394.  
  395. #tooltip {background: var(--post-bg); border: 1px solid var(--border); border-radius: 3px; color: var(--text);}
  396. .tip-top-left::before, .tip-top-right::before, .tip-top::before {border-top-color: var(--border);}
  397.  
  398. s, s a:not(:hover) {background: var(--spoiler) !important; color: var(--alt-text-2) !important; transition: .1s;}
  399. s:hover, s:focus, s:hover a {color: var(--text) !important;}
  400.  
  401. .fileText {color: var(--alt-text); font-size: .9em;}
  402. .fileText a {text-decoration: none;}
  403. .fileThumb img {border-radius: 3px;}
  404. /* Image Filter Off */
  405.  
  406. .dd-menu {font-size: 13px;}
  407. .dd-menu ul {background: var(--post-bg); border-color: var(--border); border-radius: 3px; border-right-width: 1px; box-shadow: 0 1px 6px var(--shadow2); padding: 2px 0;}
  408. .dd-menu li {border-bottom: none; padding: 4px 10px;}
  409. .dd-menu li:hover {background: var(--alt-post-bg);}
  410.  
  411. div.closed {color: var(--red);}
  412.  
  413. #quickReply {box-shadow: 0 6px 16px var(--shadow3);}
  414. .postblock {background: none; border: none; color: var(--text);}
  415.  
  416. #togglePostFormLink {color: transparent; font-size: 18px;}
  417. #togglePostFormLink a, .open-qr-link {background: var(--post-bg); border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 1px 3px 0 var(--shadow); color: var(--text) !important; font-weight: 400; padding: 5px 14px; transition: .1s;}
  418. #togglePostFormLink a:hover, .open-qr-link:hover {background: var(--alt-post-bg);}
  419. table.postForm > tbody > tr > td:first-child {background: none; border: none; color: var(--alt-text); vertical-align: top;}
  420.  
  421. table {border-spacing: 2px;}
  422. table.flashListing tr:nth-of-type(2n+1) {background: var(--table-tr);}
  423. #arc-list .quotelink {color: var(--link) !important;}
  424. #arc-list .quotelink:hover {color: var(--link-hover) !important;}
  425. .passNotice {color: var(--alt-text);}
  426. .rules {display: none;}
  427. #search-box {padding: 4px 8px;}
  428. input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--alt-btn-bg); border-radius: 3px; border: 1px solid var(--alt-border); margin: 0 3px; height: 14px; width: 14px; vertical-align: -2px;}
  429. input[type="checkbox"]:checked {border: 1px solid var(--border); box-shadow: inset 0 0 0 2px var(--alt-btn-bg), inset 0 0 0 6px var(--alt-text);}
  430. textarea, input[type="text"], input[type="password"], #postForm input[type="text"], #postForm input[type="password"], table.postForm > tbody textarea, #recaptcha_response_field, table.postForm > tbody textarea, #recaptcha_response_field, #quickReply input[type="text"], #quickReply textarea, #quickReply #recaptcha_response_field {background: var(--alt-btn-bg); border: 1px solid var(--border); border-radius: 3px; color: var(--text); font-family: inherit; padding: 4px 8px; transition: border .1s, background .1s;}
  431. input[type="button"], input[type="submit"], button {background: var(--btn-bg); border: 1px solid var(--border); border-radius: 3px; color: var(--text); cursor: pointer; font-family: inherit; padding: 4px 8px; transition: .1s; outline: none;}
  432. input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus {background: var(--alt-post-bg); border-color: var(--border) !important;}
  433. input[type="text"]:focus, input[type="password"]:focus, input:not([type]):focus, textarea:focus {background: var(--alt-btn-bg-hover) !important; border-color: var(--border) !important;}
  434. select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--alt-btn-bg); border: 1px solid var(--border); border-right-width: 8px; border-radius: 3px; color: var(--text); font-family: inherit; padding: 2px 4px;}
  435. #postFile, .yotsuba_new #qrFile {font-family: inherit;}
  436. .yotsuba_new #qrFile {color: var(--text);}
  437.  
  438. #tegaki {background: var(--background); color: var(--text); font-family: inherit;}
  439.  
  440. div#absbot {color: var(--alt-text);}
  441.  
  442. @media only screen and (max-width:480px) {
  443. body {padding: 0;}
  444. a, .useremail:not(:hover) .name:not(.capcode), .useremail:not(:hover) .postertrip:not(.capcode) {color: var(--link) !important;}
  445. div#boardNavMobile {background: var(--post-bg); border-color: var(--border);}
  446.  
  447. .button {background: var(--post-bg); border-color: var(--border); color: var(--text) !important;}
  448. .navLinks a {color: var(--nav-link) !important;}
  449. .button a:hover, a.button:hover {color: var(--link) !important;}
  450. #globalToggle {color: #ff3232 !important;}
  451.  
  452. div.board > hr {border-color: var(--border);}
  453. hr + .thread {border: none;}
  454.  
  455. div.opContainer {background: var(--post-bg); border-color: var(--border) !important; border-left: none !important; border-right: none !important;}
  456. div.op {background: none; border: none; display: inline;}
  457. div.postLink span.info {color: var(--text);}
  458. div.postLink a {color: var(--text) !important;}
  459. .post.reply {margin: 0;}
  460. div.replyContainer {background: none;}
  461. div.reply {border-color: var(--border) !important;}
  462. div.post div.postInfoM span.subject {color: var(--title);}
  463. div.post div.postInfoM {background: transparent; border: none;}
  464. div.post div.postInfoM span.nameBlock span.name, div.postInfo span.nameBlock span.name {color: var(--alt-text-2); font-weight: 400;}
  465. div.post div.postInfoM span.dateTime {color: var(--alt-text-2) !important;}
  466. div.post div.postInfoM span.postNum a, div.postInfo span.postNum a {color: var(--alt-text) !important;}
  467. div.postLink, .backlink.mobile {background: transparent; border-color: var(--border);}
  468.  
  469. .mFileInfo {color: var(--alt-text-2) !important;}
  470. }
  471. a, a:visited {
  472.     color: #009fec!important;
  473.     text-decoration: none;
  474. }
  475.  
  476. div.post div.postInfo span.postNum>a {
  477.     text-decoration: none;
  478.     color: #f9690b!important;
  479. }
  480.  
  481. :root.tomorrow .qr-link {
  482.     border-color: rgb(6, 11, 19) #111 rgb(10, 12, 16);
  483.     background: linear-gradient(#090e15, #111) repeat scroll 0% 0% transparent;
  484.     focus-color: #090e15, #111
  485.     hover-color: #111                                        
  486. }
  487.  
  488. }
  489.  
  490. @-moz-document url-prefix("https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Ldp2bsSAAAAAAJ5uyx_lx34lJeEpTLVkP5k04qc") {
  491. :root {
  492.     --background: #060b13;
  493.     --table-tr: #44453d;
  494.     --scroll: #696a62;
  495.     --scroll-active: #797a72;
  496.     --scroll-border: #090e15;
  497.     --post-bg: #090e15;
  498.     --alt-post-bg: #010710;
  499.     --highlight: #ffc63a;
  500.     --highlight-shadow: rgba(255,217,122,.6);
  501.     --highlight-bg: #111;
  502.     --postertrip: #9d81ba;
  503.     --quote: #86b300;
  504.     --border: #010710;
  505.     --alt-border: #4d4e44;
  506.     --text: #c3c0bb;
  507.     --alt-text: #ad9882;
  508.     --alt-text-2: #3d434f;
  509.     --red: #ff3434;
  510.     --name: #86b300;
  511.     --link: #ffc63a;
  512.     --link-hover: #ffe8ad;
  513.     --alt-link: #ccb16c;
  514.     --alt-hover: #d9c491;
  515.     --nav-link: #c3c0bb;
  516.     --nav-hover: #ffc63a;
  517.     --title: #ffc17b;
  518.     --spoiler: #44453d;
  519.     --btn-bg: #090e15;
  520.     --alt-btn-bg: #111;
  521.     --btn-bg-hover: #010710;
  522.     --alt-btn-bg-hover: #090e15;
  523.     --shadow: rgba(7,5,0,.15);
  524.     --shadow2: rgba(7,5,0,.2);
  525.     --shadow3: rgba(7,5,0,.25);
  526. }
  527.  
  528. .rc-anchor-light {background: var(--post-bg); color: var(--text);}
  529. .rc-anchor-light.rc-anchor-normal {border-color: var(--border);}
  530.  
  531. .recaptcha-checkbox-border {background: var(--post-bg); border-color: var(--alt-border);}
  532. .recaptcha-checkbox-hover .recaptcha-checkbox-border, .recaptcha-checkbox-hover .recaptcha-checkbox-spinner-gif {border-color: var(--border);}
  533. .recaptcha-checkbox-active .recaptcha-checkbox-border,.recaptcha-checkbox-active .recaptcha-checkbox-spinner-gif{background-color: var(--alt-post-bg);}
  534. .recaptcha-checkbox-clearOutline.recaptcha-checkbox-focused .recaptcha-checkbox-border,.recaptcha-checkbox-clearOutline.recaptcha-checkbox-focused .recaptcha-checkbox-spinner-gif{border:2px solid var(--alt-border);}
  535.  
  536. .rc-anchor-light .rc-anchor-logo-text {color: var(--alt-text);}
  537. .rc-anchor-light .rc-anchor-pt a:link, .rc-anchor-light .rc-anchor-pt a:visited {color: var(--alt-text);}
  538. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top