API tools faq
paste
Advertisement
Guest User

2ch Rebuild (beta) v13

a guest
Oct 29th, 2022
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 47.82 KB | Source Code | 0 0
raw download clone embed print report
  1. @font-face {font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v55/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');}
  2.  
  3. /*@font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuGqZJSdY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}*/
  4. /* cyrillic */
  5. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuE6ZJSdY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  6. /* vietnamese */
  7. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuGKZJSdY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  8. /* latin-ext */
  9. /*@font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuGaZJSdY.woff2) format('woff2'); 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;}*/
  10. /* latin */
  11. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZJ.woff2) format('woff2'); 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;}
  12. /* cyrillic-ext */
  13.  
  14. /*@font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 700; src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINce_fuNmo.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}*/
  15. /* cyrillic */
  16. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 700; src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINccvfuNmo.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  17. /* vietnamese */
  18. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 700; src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINceffuNmo.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  19. /* latin-ext */
  20. /*@font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 700; src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINcePfuNmo.woff2) format('woff2'); 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;}*/
  21. /* latin */
  22. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 700; src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINcdvfu.woff2) format('woff2'); 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;}
  23. /* cyrillic-ext */
  24.  
  25. /*@font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhdzeFb5N.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}*/
  26. /* cyrillic */
  27. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhdXeFb5N.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  28. /* vietnamese */
  29. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhd7eFb5N.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  30. /* latin-ext */
  31. /*@font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhd_eFb5N.woff2) format('woff2'); 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;}*/
  32. /* latin */
  33. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhdHeFQ.woff2) format('woff2'); 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;}
  34. /* cyrillic-ext */
  35.  
  36. /*@font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIxsdO_q.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}*/
  37. /* cyrillic */
  38. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIVsdO_q.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  39. /* vietnamese */
  40. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjWr7AI5sdO_q.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  41. /* latin-ext */
  42. /*@font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjWr7AI9sdO_q.woff2) format('woff2'); 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;}*/
  43. /* latin */
  44. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIFsdA.woff2) format('woff2'); 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;}
  45.  
  46. :root {
  47.     --clr: 0;
  48.     --clr2: 0%;
  49.     --clr_link: 25;
  50.     --clr_link2: 100%;
  51.     --clr_num: 120,40%;
  52.     --theme_default_bg: hsl(var(--clr),var(--clr2),93%);
  53.     --theme_default_glassbg: hsla(var(--clr),var(--clr2),100%,.7);
  54.     --theme_default_postbg: hsl(var(--clr),var(--clr2),100%);
  55.     --theme_default_postbg2: hsl(var(--clr),var(--clr2),97%);
  56.     --theme_default_postbghighlight: hsl(var(--clr_link),50%,90%);
  57.     --theme_default_shadowhighlight: hsl(var(--clr_link),100%,60%,.6);
  58.     --theme_default_spectext: hsl(290,30%,45%);
  59.     --theme_default_red: hsl(0,100%,65%);
  60.     --theme_default_mod: hsl(211,100%,30%);
  61.     --theme_default_sage: hsl(0,100%,70%);
  62.     --theme_default_ophui: hsl(120,40%,40%);
  63.     --theme_default_postnum: hsl(var(--clr_num),40%);
  64.     --theme_default_postnumbg: hsla(var(--clr_num),40%,.1);
  65.     --theme_default_border: hsla(var(--clr),var(--clr2),0%,.15);
  66.     --theme_default_text: hsl(var(--clr),var(--clr2),20%);
  67.     --theme_default_alttext: hsl(var(--clr),var(--clr2),40%);
  68.     --theme_default_alttext2: hsl(var(--clr),var(--clr2),60%);
  69.     --theme_default_link: hsl(var(--clr_link),100%,50%);
  70.     --theme_default_hover: hsl(var(--clr_link),100%,33%);
  71.     --theme_default_title: hsl(211,100%,30%);
  72.     --theme_default_drag: hsl(var(--clr),var(--clr2),80%);
  73.     --theme_default_spoiler: hsl(var(--clr),var(--clr2),80%);
  74.     --theme_default_icon: hsl(var(--clr),var(--clr2),60%);
  75.     --theme_default_btntext: hsl(var(--clr),var(--clr2),20%);
  76.     --theme_default_altbtntext: hsl(var(--clr),var(--clr2),100%);
  77.     --theme_default_btnbg: hsl(var(--clr),var(--clr2),100%);
  78.     --theme_default_btnborder: hsla(var(--clr),var(--clr2),0%,.15);
  79.     --theme_default_altbtnbg: hsl(var(--clr),var(--clr2),97%);
  80.     --theme_default_btnbghover: hsl(var(--clr),var(--clr2),97%);
  81.     --theme_default_altbtnbghover: hsl(var(--clr),var(--clr2),100%);
  82.     --theme_default_inputtext: hsl(var(--clr),var(--clr2),20%);
  83.     --theme_nmswitch: hsl(var(--clr),var(--clr2),62%);
  84.     --theme_mpborder: hsl(var(--clr),var(--clr2),100%);
  85.     --theme_mubtn: hsl(var(--clr),var(--clr2),97%);
  86.     --theme_sbthumb: hsl(var(--clr),var(--clr2),70%);
  87.     --theme_sbthumbhover: hsl(var(--clr),var(--clr2),60%);
  88.     --theme_sbtrack: hsl(var(--clr),var(--clr2),93%);
  89.     --theme_default_shadow: hsla(var(--clr),var(--clr2),0%,.1);
  90.     --theme_default_shadow2: hsla(var(--clr),var(--clr2),0%,.2);
  91. }
  92. :root {
  93.     --theme_text: hsl(var(--clr),var(--clr2),20%);
  94.     --theme_link: hsl(var(--clr_link),var(--clr_link2),50%);
  95.     --theme_hover: hsl(var(--clr_link),var(--clr_link2),33%);
  96.     --theme_bg: hsl(var(--clr),var(--clr2),93%);
  97.     --theme_postbg: hsl(var(--clr),var(--clr2),100%);
  98.     --theme_postbg2: hsl(var(--clr),var(--clr2),97%);
  99.     --theme_blockbg: hsl(var(--clr),var(--clr2),100%);
  100.     --theme_border: hsla(var(--clr),var(--clr2),0%,.15);
  101.     --theme_logo_text: #1B1B1B;
  102.     --theme_logo_st2: #FFA00D;
  103.     --theme_logo_text_1: #1B1B1B;
  104.     --theme_logo_text_2: #1B1B1B;
  105.     --theme_logo_text_3: #1B1B1B;
  106.     --theme_logo_text_4: #1B1B1B;
  107.     --theme_inputbg: hsl(var(--clr),var(--clr2),100%);
  108.     --theme_inputtext: hsl(var(--clr),var(--clr2),20%);
  109.     --theme_inputborder: hsla(var(--clr),var(--clr2),0%,.15);
  110.     --theme_btnbg: hsl(var(--clr),var(--clr2),100%);
  111.     --theme_shadow: hsl(var(--clr),var(--clr2),83%);
  112.     --theme_title: hsl(211,100%,30%);
  113. }
  114.  
  115. html[data-theme=nightmode] {
  116.     --clr: 0;
  117.     --clr2: 0%;
  118.     --clr_link: 25;
  119.     --clr_link2: 100%;
  120.     --clr_num: 120,40%;
  121.     --theme_default_bg: hsl(var(--clr),var(--clr2),15%);
  122.     --theme_default_glassbg: hsla(var(--clr),var(--clr2),20%,.7);
  123.     --theme_default_postbg: hsl(var(--clr),var(--clr2),20%);
  124.     --theme_default_postbg2: hsl(var(--clr),var(--clr2),23%);
  125.     --theme_default_postbghighlight: hsl(var(--clr_link),35%,20%);
  126.     --theme_default_shadowhighlight: hsl(var(--clr_link),100%,60%,.6);
  127.     --theme_default_spectext: hsl(289,30%,60%);
  128.     --theme_default_red: hsl(0,100%,65%);
  129.     --theme_default_mod: hsl(211,44%,70%);
  130.     --theme_default_sage: hsl(0,100%,70%);
  131.     --theme_default_ophui: hsl(120,40%,60%);
  132.     --theme_default_postnum: hsl(var(--clr_num),60%);
  133.     --theme_default_postnumbg: hsla(var(--clr_num),60%,.1);
  134.     --theme_default_border: hsla(var(--clr),var(--clr2),100%,.15);
  135.     --theme_default_text: hsl(var(--clr),var(--clr2),85%);
  136.     --theme_default_alttext: hsl(var(--clr),var(--clr2),70%);
  137.     --theme_default_alttext2: hsl(var(--clr),var(--clr2),50%);
  138.     --theme_default_link: hsl(var(--clr_link),var(--clr_link2),60%);
  139.     --theme_default_hover: hsl(var(--clr_link),var(--clr_link2),70%);
  140.     --theme_default_title: hsl(211,44%,70%);
  141.     --theme_default_drag: hsl(var(--clr),var(--clr2),38%);
  142.     --theme_default_spoiler: hsl(var(--clr),var(--clr2),30%);
  143.     --theme_default_icon: hsl(var(--clr),var(--clr2),40%);
  144.     --theme_default_btntext: hsl(var(--clr),var(--clr2),85%);
  145.     --theme_default_altbtntext: hsl(var(--clr),var(--clr2),20%);
  146.     --theme_default_btnbg: hsl(var(--clr),var(--clr2),20%);
  147.     --theme_default_btnborder: hsla(var(--clr),var(--clr2),100%,.15);
  148.     --theme_default_altbtnbg: hsl(var(--clr),var(--clr2),15%);
  149.     --theme_default_btnbghover: hsl(var(--clr),var(--clr2),23%);
  150.     --theme_default_altbtnbghover: hsl(var(--clr),var(--clr2),13%);
  151.     --theme_default_inputtext: hsl(var(--clr),var(--clr2),85%);
  152.     --theme_nmswitch: hsl(var(--clr_link),100%,60%);
  153.     --theme_mpborder: hsl(var(--clr),var(--clr2),20%);
  154.     --theme_mubtn: hsl(var(--clr),var(--clr2),25%);
  155.     --theme_sbthumb: hsl(var(--clr),var(--clr2),40%);
  156.     --theme_sbthumbhover: hsl(var(--clr),var(--clr2),50%);
  157.     --theme_sbtrack: hsl(var(--clr),var(--clr2),15%);
  158.     --theme_default_shadow: hsla(var(--clr),var(--clr2),0%,.15);
  159.     --theme_default_shadow2: hsla(var(--clr),var(--clr2),0%,.25);
  160. }
  161. html[data-theme=nightmode] {
  162.     --theme_text: hsl(var(--clr),var(--clr2),85%);
  163.     --theme_link: hsl(var(--clr_link),var(--clr_link2),60%);
  164.     --theme_hover: hsl(var(--clr_link),var(--clr_link2),70%);
  165.     --theme_bg: hsl(var(--clr),var(--clr2),15%);
  166.     --theme_postbg: hsl(var(--clr),var(--clr2),20%);
  167.     --theme_postbg2: hsl(var(--clr),var(--clr2),23%);
  168.     --theme_blockbg: hsl(var(--clr),var(--clr2),20%);
  169.     --theme_border: hsla(var(--clr),var(--clr2),100%,.15);
  170.     --theme_logo_text: #f99b06;
  171.     --theme_logo_st2: #1B1B1B;
  172.     --theme_logo_text_1: #FFA90A;
  173.     --theme_logo_text_2: #FFA00D;
  174.     --theme_logo_text_3: #FE8616;
  175.     --theme_logo_text_4: #FE6E1F;
  176.     --theme_inputbg: hsl(var(--clr),var(--clr2),15%);
  177.     --theme_inputtext: hsl(var(--clr),var(--clr2),85%);
  178.     --theme_inputborder: hsla(var(--clr),var(--clr2),100%,.15);
  179.     --theme_btnbg: hsl(var(--clr),var(--clr2),20%);
  180.     --theme_shadow: hsl(var(--clr),var(--clr2),25%);
  181.     --theme_title: hsl(211,44%,70%);
  182. }
  183.  
  184. html {font-family: 'IBM Plex Sans', sans-serif; font-size: 16px;}
  185. html[data-theme=nightmode] {color-scheme: dark;}
  186. body {font-family: 'IBM Plex Sans', sans-serif !important; font-size: 16px;}
  187.  
  188. @media only screen and (min-width: 480px) {
  189. ::-webkit-scrollbar {background: var(--theme_default_bg); height: 14px; width: 14px;}
  190. ::-webkit-scrollbar-track {background-clip: padding-box; border: solid transparent; border-width: 0;}
  191. ::-webkit-scrollbar-button {width: 0px; height: 0px;}
  192. ::-webkit-scrollbar-thumb {background-color: var(--theme_sbthumb); background-clip: padding-box; border: 2px solid transparent; border-radius: 4px;}
  193. ::-webkit-scrollbar-thumb:hover {background-color: var(--theme_sbthumbhover);}
  194. ::-webkit-scrollbar-thumb:active {background-color: var(--theme_sbthumbhover);}
  195. ::-webkit-scrollbar-corner {background: var(--theme_default_bg);}
  196. }
  197.  
  198. a {transition: color .1s;}
  199. a[href*="youtube.com"] {border-bottom: 1px dashed;}
  200. a[href$="sage"], a[href$="Sage"], a[href$="SAGE"] {color: var(--theme_default_sage);}
  201.  
  202. .icon {width: 16px; height: 16px; vertical-align: -3px;}
  203. .icon:hover {filter: none;}
  204.  
  205. /*===== Main Page =====*/
  206. .header__sub {color: var(--theme_default_text);}
  207.  
  208. .main__meta {background: var(--theme_default_postbg); border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow); font-family: inherit; padding: 15px 20px;}
  209. .buttons {padding: 15px 0 0;}
  210. .buttons__button {box-shadow: 0 0 0 1px var(--theme_default_btnborder); transition: .1s;}
  211. .buttons__button:hover {background: var(--theme_default_btnbghover); filter: none;}
  212.  
  213. .main__block.boards {background: var(--theme_default_postbg); border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow);}
  214. .boards__col {padding: 15px 5px 0px 20px;}
  215.  
  216. .main__block.news {background: var(--theme_default_postbg); border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow);}
  217. .main__title {line-height: 2.5;}
  218. .news__data {padding: 10px 20px;}
  219. li.news__item {text-align: left;}
  220.  
  221. .main__block.news + .main__block {background: var(--theme_default_postbg); border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow);}
  222. .ui-widget {font-family: inherit;}
  223. .ui-widget-content {border: none;}
  224. .summary__row:nth-of-type( even ) {background: var(--theme_default_postbg2);}
  225. .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: inherit;}
  226.  
  227. /*===== Rules, Ads, Passcode =====*/
  228. .box {background: var(--theme_default_postbg); border: none; border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow);}
  229. .box_type_nf {background: none; box-shadow: none;}
  230. .nf__img {border: none; box-shadow: 0 0 0 1px var(--theme_default_border);}
  231.  
  232. /*===== Catalog =====*/
  233. .header {color: var(--theme_default_text);}
  234. .header__meta {background: var(--theme_default_postbg); border: none; box-shadow: 0 0 0 1px var(--theme_default_border); padding: 6px; position: fixed; height: 46px; top: 0; left: 0; right: 0; z-index: 1000;}
  235.  
  236. .header__logo svg {padding-top: 40px;}
  237. .header__title {margin: 0;}
  238.  
  239. .ctlg {margin: 0 auto; max-width: 1320px;}
  240. .ctlg__thread {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
  241. .ctlg__thread_abs {border: none; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow);}
  242. .ctlg__img {padding: 10px 10px 0 10px;}
  243. .ctlg__img img {border-radius: 4px; height: auto; width: auto;}
  244. .ctlg__meta {background: none; color: var(--theme_default_alttext2); padding: 2px 6px;}
  245. .ctlg__meta, .ctlg__title {font-family: inherit; font-size: .9rem;}
  246. .ctlg__title {color: var(--theme_default_text);}
  247. .mod {color: var(--theme_default_mod);}
  248.  
  249. /*===== Header =====*/
  250. .cntnt__header {margin-left: 290px;}
  251.  
  252. @media only screen and (min-width: 480px) {
  253.     .header__opts {background: none; border: none; flex-direction: column; padding: 5px; position: fixed; top: 45px; left: 0; width: 250px; z-index: 100; transform: none; height: 210px; overflow: auto; scrollbar-color: var(--theme_sbthumb) var(--theme_sbtrack); scrollbar-width: thin;}
  254.     .header__opts::-webkit-scrollbar {width: 4px; height: 4px;}
  255.     .header__opts::-webkit-scrollbar-track {background: var(--theme_sbtrack);}
  256.     .header__opts::-webkit-scrollbar-thumb {background: var(--theme_sbthumb);}
  257.     .header__opts::-webkit-scrollbar-thumb:hover {filter: brightness(0.8);}
  258.     .header__opts::-webkit-scrollbar-corner {background: none;}
  259.     .header__opts a {color: var(--theme_default_text);}
  260.     .header__opts a.mobile {display: block;}
  261.     .header__opts .header__menuitem {padding: 3px 5px;}
  262.  
  263.     .header__menu {border: none; margin-bottom: 0 !important; height: unset; padding: 15px 5px 5px;}
  264.     .header__exp a {padding-right: 6px;}
  265.     .header__menu a:first-child {display: none;}
  266.     .header__menu a[href="/static/market.html"] {display: none;}
  267.     .header__menu a {color: var(--theme_default_alttext);}
  268.     .header__menu a:hover, .header__opts a:hover {color: var(--theme_default_link);}
  269.     .header__myboards {color: var(--theme_default_alttext2);}
  270.  
  271.     .header__menuitem.nm {position: fixed; top: 12px; left: 195px;}
  272.    
  273.     .selectbox {display: none;}
  274. }
  275.  
  276. .selectbox:after {display: none;}
  277.  
  278. .header__logo img, .mmm__img {display: none;}
  279.  
  280. hr {border-color: transparent;}
  281.  
  282. .cntnt__header .header__title {line-height: 1;}
  283.  
  284. .tti {line-height: 1.4;}
  285. .tti .hashlink {background: var(--theme_default_btnbg); box-shadow: 0 0 0 1px var(--theme_default_border); border-radius: 15px; color: var(--theme_default_alttext); display: inline-block; padding: 3px 10px; transition: .1s; margin: 3px 1px;}
  286. .tti .hashlink:hover {background: var(--theme_default_btnbghover); color: var(--theme_default_alttext);}
  287.  
  288. /*=====  Setting =====*/
  289. .settings__header {font-weight: normal;}
  290. .settings__header span {font-size: 0;}
  291. .settings__header span:first-child::before {content: "keyboard_arrow_down"; font: 24px/19px 'Material Icons', sans-serif; vertical-align: -7px;}
  292. .settings__header span:last-child::before {content: "keyboard_arrow_up"; font: 24px/19px 'Material Icons', sans-serif; vertical-align: -7px;}
  293. .settings__prefs {font-size: .9em;}
  294. .settings__row {margin: 1px 0;}
  295. .settings__multibox {padding: 2px 4px;}
  296. .settings__edit {background: none; height: unset; width: unset; vertical-align: unset;}
  297. .settings__edit::before {content: "Изменить";}
  298. #setting-editor-body {max-height: unset;}
  299. #setting-editor-textarea-textarea {font-family: Consolas, monospace; font-size: .9rem; min-height: 200px; max-height: 600px; min-width: 358px; max-width: 800px;}
  300.  
  301. /*===== Sidebar =====*/
  302. .cntnt__aside {display: block !important; flex: 0 0 250px; -webkit-flex: 0 0 250px; margin-right: 40px;}
  303. .sidebar {position: unset; height: unset;}
  304. .sidebar::before {box-sizing: border-box; content: "menu"; color: var(--theme_default_icon); font: 24px/1 'Material Icons', sans-serif; padding: 12px 8px 9px; position: fixed; left: 0; top: 0;}
  305. .sidebar:hover .fm { opacity: 1; visibility: unset;}
  306. .sidebar:hover::before {color: var(--theme_default_alttext);}
  307. .fm {background: var(--theme_default_bg); padding: 5px; position: fixed; width: 250px; height: calc(100% - 45px); top: 45px; left: 0; z-index: 900; opacity: 0; transition: .2s; visibility: hidden; overflow: auto; scrollbar-color: var(--theme_sbthumb) var(--theme_sbtrack); scrollbar-width: thin;}
  308. .fm::-webkit-scrollbar {width: 4px; height: 4px;}
  309. .fm::-webkit-scrollbar-track {background: var(--theme_sbtrack);}
  310. .fm::-webkit-scrollbar-thumb {background: var(--theme_sbthumb);}
  311. .fm::-webkit-scrollbar-thumb:hover {filter: brightness(0.8);}
  312. .fm::-webkit-scrollbar-corner {background: none;}
  313. #js-hidefm {display: none;}
  314. .fm__item {margin-top: 5px;}
  315. .fm__header {box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow); border-radius: 6px; display: inline-block; font-size: 1rem; padding: 4px 8px; margin-bottom: 0; transition: .1s;}
  316. .fm__header:hover {background-color: var(--theme_default_postbg2);}
  317. .fm__sub {padding: 5px 0 5px 5px;}
  318. .fm__sub a {color: var(--theme_default_text); display: block; padding: 2px 4px;}
  319. .fm__sub a:hover {color: var(--theme_default_link);}
  320.  
  321. /*===== New Post =====*/
  322. /*.newpost__label {background: var(--theme_default_link); border-radius: 6px; box-shadow: 0 1px 3px var(--theme_default_shadow); color: var(--theme_default_altbtntext) !important; font-size: 1.1em; line-height: 1.4; transition: .1s;}
  323. .newpost__label:hover {background: var(--theme_default_hover);}*/
  324. .newpost__label {background: var(--theme_default_btnbg); border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow); color: var(--theme_default_btntext) !important; font-size: 1.1em; line-height: 1.4; margin-top: 20px; transition: .1s;}
  325. .newpost__label:hover {background: var(--theme_default_btnbghover);}
  326.  
  327. .newpost .postform {background: var(--theme_default_postbg); box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow); border-radius: 6px; padding: 4px 8px; width: max-content;}
  328. textarea.postform__input {min-width: 454px; min-height: 100px; max-height: 600px; max-width: 800px;}
  329.  
  330. .postform__raw {margin: 4px 0;}
  331. .postform__input_type_m {margin-right: 4px;}
  332.  
  333. input[type=button], button {background: var(--theme_default_btnbg); border: 1px solid var(--theme_default_btnborder); border-radius: 4px; color: var(--theme_default_btntext); font-family: inherit; padding: 4px 8px; transition: background .2s ease; cursor: pointer;}
  334. input[type=button]:hover, button:hover {background: var(--theme_default_btnbghover);}
  335. .input {border-radius: 4px; padding: 4px 6px;}
  336. input[disabled] {background: var(--theme_default_btnbg) !important; color: var(--theme_default_alttext2);}
  337. textarea {background-color: var(--theme_default_altbtnbg); border: 1px solid var(--theme_default_btnborder); border-radius: 4px; outline: medium none;}
  338. .button {border-radius: 4px; padding: 4px 8px;}
  339.  
  340. select {background: var(--theme_default_altbtnbg); appearance: auto; border: 1px solid var(--theme_default_border); border-radius: 4px; color: var(--theme_default_text); font-family: inherit; padding: 4px 6px; outline: medium none; cursor: pointer;}
  341.  
  342. .postarea__btns {left: 0; bottom: -30px;}
  343. .postarea__btn {width: 24px; height: 24px; padding: 3px;}
  344. .postarea__btn:hover {fill: var(--theme_default_alttext);}
  345. .postform__sticker-prev {left: 0;}
  346. .postform__mu-wrapper {margin-left: 52px;}
  347. .postform__mu {background:  none; width: 24px; height: 24px; padding: 3px 6px;}
  348. .postform__mu:hover {background: var(--theme_mubtn);}
  349. .postform__mu_type_q {color: var(--theme_default_postnum);}
  350.  
  351. .postform__limits {pointer-events: none;}
  352.  
  353. input[type="checkbox"] {cursor: pointer; height: 24px; width: 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; margin-top: -2px; vertical-align: middle;}
  354. input[type="checkbox"]::before {color: var(--theme_default_icon); box-sizing: border-box; content: "check_box_outline_blank"; font: 24px/24px 'Material Icons', sans-serif; display: block; height: 24px; width: 24px; transition: .1s;}
  355. input[type="checkbox"]:focus::before {color: var(--theme_default_alttext);}
  356. input[type="checkbox"]:checked::before {color: var(--theme_default_link); content: "check_box"; font: 24px/24px 'Material Icons', sans-serif; display: block; height: 24px; width: 24px; transition: .1s;}
  357. input[type="checkbox"]:checked:focus::before {color: var(--theme_default_hover);}
  358.  
  359. .oekaki-width, .oekaki-height {width: 40px;}
  360.  
  361. .filer__thumb {border-width: 2px; border-radius: 4px;}
  362. .filer__size {display: inline-block; padding: 4px;}
  363.  
  364. .captcha__image img {border-radius: 4px;}
  365. .captcha__loadtext {background: var(--theme_default_btnbg); border: none; border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border); font-size: 1.8em; padding: 6px 12px; transition: .1s;}
  366. .captcha__loadtext:hover {background: var(--theme_default_btnbghover);}
  367.  
  368. .rules {display: none;}
  369.  
  370. /*===== Threads =====*/
  371. .cntnt__main {margin-left: 0; margin-right: 5px;}
  372.  
  373. .thread:after {margin: 25px 0;}
  374. .thread_hidden div {padding: 0 10px;}
  375. .thread__missed {margin: 2px 10px;}
  376.  
  377. form[action="/user/search"] input[class="input"] {position: fixed; top: 10px; left: 40px; z-index: 100; width: 150px;}
  378. .tn {color: transparent; word-spacing: -8px;}
  379. .tn__item span {color: var(--theme_default_text); margin-right: 5px; word-spacing: 0;}
  380. .tn__item a:first-child, .tn__item a[href="#bottom"], .tn__item a[href="#top"] {display: none;}
  381. .tn a[href$="catalog.html"] {display: none;}
  382. .js-update-thread {font-size: 0;}
  383. .js-update-thread::before {box-sizing: border-box; color: var(--theme_default_icon); content: "refresh"; font: 24px/1 'Material Icons', sans-serif; position: fixed; top: calc(50% - 20px); left: 250px; padding: 8px; transition: color .1s, transform .3s; transform: rotate(0deg);}
  384. .js-update-thread:hover::before {color: var(--theme_default_alttext); transform: rotate(360deg);}
  385. #postbtn-favorite-bottom {font-size: 0;}
  386. #postbtn-favorite-bottom + .js-update-thread {display: none;}
  387.  
  388. .post_type_oppost {background: var(--theme_default_postbg); box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow); border-radius: 6px; margin-bottom: 4px;}
  389. .post__message_op {padding: 16px 26px;}
  390.  
  391. .post_type_reply:before {content: "";}
  392. .post_type_reply {border: none; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 4px 0 4px 10px;}
  393.  
  394. .post_preview {border: none !important; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow);}
  395. .post_type_highlight {box-shadow: 0 0 0 1px var(--theme_default_link), 0 1px 6px var(--theme_default_shadowhighlight);}
  396. .post_type_watched .post__details::before {background: var(--theme_default_link); border-radius: 4px; color: var(--theme_default_postbg); content: "Ты"; padding: 0 4px; margin-right: 8px;}
  397. .post_type_replied .post__details::before {background: none; border-radius: 4px; box-shadow: 0 0 0 1px var(--theme_default_link); color: var(--theme_default_link); content: "Ответ"; padding: 0 4px; margin-right: 8px;}
  398. .post_type_watched:before, .post_type_replied:before {display: block; position: absolute; top: 35px; bottom: 10px; left: 9px;}
  399. .post_type_watched .post__details, .post_type_replied .post__details {padding: 4px;}
  400. .post_type_watched:before {border-left: 2px solid var(--theme_default_link);}
  401. .post_type_replied:before {border-left: 2px dashed var(--theme_default_link);}
  402.  
  403. .post__details { color: var(--theme_default_alttext2); padding: 4px 4px 0 16px;}
  404. .post_type_hidden .post__details {padding: 4px 4px 4px 16px;}
  405. .post__title {padding-left: 0;}
  406. .post__mod {color: var(--theme_default_mod);}
  407. .post__ophui {color: var(--theme_default_ophui);}
  408. .post__reflink:hover, .post__reflink:focus {color: var(--theme_default_link);}
  409. .post__number {color: var(--theme_default_alttext2);}
  410. .post__message {scrollbar-color: var(--theme_sbthumb) var(--theme_sbtrack); scrollbar-width: thin;}
  411. .post__message::-webkit-scrollbar {width: 4px; height: 4px;}
  412. .post__message::-webkit-scrollbar-track {background: var(--theme_sbtrack);}
  413. .post__message::-webkit-scrollbar-thumb {background: var(--theme_sbthumb);}
  414. .post__message::-webkit-scrollbar-thumb:hover {filter: brightness(0.8);}
  415. .post__message::-webkit-scrollbar-corner {background: none;}
  416. .post__refmap a {font-style: italic; opacity: .8;}
  417.  
  418. .post__btn {fill: var(--theme_default_alttext2) !important; height: 20px; width: 20px; margin-top: -1px; transition: .1s;}
  419. .post__btn:hover {fill: var(--theme_default_alttext) !important;}
  420. path[d="M9.01 0C6.53 0 3.26 0 1.5 1.5C0 3.26 0 6.52 0 9C0 12 0 36 0 39C0 41.48 0 44.74 1.5 46.5C3.26 48 6.53 48 9.01 48C12.01 48 36.01 48 39.01 48C41.48 48 44.74 48 46.5 46.5C48 44.74 48 41.48 48 39C48 36 48 12 48 9C48 6.52 48 3.26 46.5 1.5C44.74 0 41.48 0 39.01 0C36.01 0 12.01 0 9.01 0Z"], path[d="M9.01 0C6.53 0 3.26 -0.26 1.5 1.5C-0.26 3.26 0 6.52 0 9C0 12 0 36 0 39C0 41.48 -0.26 44.74 1.5 46.5C3.26 48.26 6.53 48 9.01 48C12.01 48 36.01 48 39.01 48C41.48 48 44.74 48.26 46.5 46.5C48.26 44.74 48 41.48 48 39C48 36 48 12 48 9C48 6.52 48.26 3.26 46.5 1.5C44.74 -0.26 41.48 0 39.01 0C36.01 0 12.01 0 9.01 0Z"] {fill: none;}
  421. .post__btn.icon_type_active {fill: var(--theme_default_link) !important;}
  422. .post__btn_type_favorite.icon_type_active:hover {fill: var(--theme_default_hover) !important;}
  423. path[fill="#ececec"] {fill: inherit !important;}
  424.  
  425. .post__rate_type_like, .post__rate_type_dislike {color: var(--theme_default_alttext2)}
  426. .post__rate_type_dislike:hover .post__rate-icon, .post__rate_disliked .post__rate-icon {fill: var(--theme_default_red);}
  427.  
  428. .modal {font-size: 1em; border: none; border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); padding: 4px 0; margin: 5px 0;}
  429. #ABU-select {margin: 0 5px;}
  430. .modal a {font-family: inherit; font-size: .9em; padding: 4px 10px;}
  431. .modal a:hover {background: var(--theme_default_postbg2); color: var(--theme_default_text);}
  432.  
  433. svg[data-url*="/stickers"] + .post__filezise {display: none;}
  434.  
  435. .post__file-attr {color: var(--theme_default_alttext); margin-bottom: 4px;}
  436. .post__file-attr a {color: var(--theme_default_alttext);}
  437. .post__file-attr a:hover {color: var(--theme_default_link);}
  438. .post__file-attr a + * + * + .post__filezise {background: var(--theme_default_postbg); border-radius: 4px; box-shadow: 0 0 0 1px var(--theme_default_border); visibility: hidden; padding: 3px 6px; position: absolute; margin-top: 4px; transition: .1s; opacity: 0;}
  439. .post__file-attr a:hover + * + * + .post__filezise {visibility: unset; opacity: 1;}
  440. .post__file-attr .icon:hover {fill: var(--theme_default_alttext);}
  441. .post__file-preview {/*border: 1px solid var(--theme_default_border);*/ border-radius: 4px;}
  442. .post__file-webm {border: none;/*border: 1px solid var(--theme_default_border);*/ border-bottom: 2px dashed var(--theme_default_alttext);}
  443.  
  444. .spoiler, .spoiler a {color: var(--theme_default_spoiler); background-color: var(--theme_default_spoiler); border-radius: 4px; transition: .1s;}
  445. .spoiler:hover {color: var(--theme_default_text);background-color: transparent;}
  446. .unkfunc {background: var(--theme_default_postnumbg); border-radius: 4px; color: var(--theme_default_postnum); display: inline-block; padding: 0 4px;}
  447.  
  448. /*===== Pop-Up Shit =====*/
  449. .warningcover {background: var(--theme_default_glassbg); backdrop-filter: blur(8px); opacity: 1;}
  450. .warningbox {border: none; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow2); border-radius: 6px; margin-top: -50px;}
  451. .warningbox__ul li {margin: 12px 0;}
  452. .warningboxbutton a {font-weight: bold; text-transform: uppercase; letter-spacing: .5px;}
  453. .warningboxbutton a[id="ageboxallow"] {font-size: 0;}
  454. .warningboxbutton a + br {display: none;}
  455. .warningboxbutton a[id="ageboxallow"]::before {content: "Я согласен"; font-size: 18px; margin-right: 12px;}
  456. .warningboxbutton a[id="ageboxdisallow"] {color: var(--theme_default_red);}
  457.  
  458. .mv__main {background: none; padding: 8px; z-index: 999 !important;}
  459. .mv__main img, .mv__main video {background-color: var(--theme_mpborder); box-shadow: 0 6px 16px var(--theme_default_shadow2);}
  460. .mv__main:before {/*background: var(--theme_default_glassbg);*/ color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,.6), -1px -1px 3px rgba(0,0,0,.6), -1px 1px 3px rgba(0,0,0,.6), 1px -1px 3px  rgba(0,0,0,.6); opacity: 0; transition: .1s; bottom: 50px;}
  461. .mv__main:after {/*background: var(--theme_default_glassbg);*/ color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,.6), -1px -1px 3px rgba(0,0,0,.6), -1px 1px 3px rgba(0,0,0,.6), 1px -1px 3px  rgba(0,0,0,.6); opacity: 0; transition: .1s; padding: 8px 16px; box-sizing: border-box; text-align: left;}
  462. .mv__main:hover:before, .mv__main:hover:after {opacity: 1;}
  463.  
  464. .mv__nav {box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); opacity: .8;}
  465. .mv__nav:hover svg {fill: var(--theme_default_alttext);}
  466.  
  467. #plashque, .plashque {border-radius: 6px; left: 255px; top: 45px; right: 5px; width: unset;}
  468.  
  469. .alert {border: none; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); border-radius: 6px;  padding: 6px 12px; top: 10px; right: 10px;}
  470.  
  471. .na {background: none; right: unset; left: 250px; height: 80px; z-index: 200;}
  472. .na:hover .na__icon {fill: var(--theme_default_alttext);}
  473. .na__icon {transition: .1s;}
  474. .na_type_up {top: calc(50% - 100px);}
  475. .na_type_down {bottom: calc(50% - 100px);}
  476.  
  477. /*===== Quick Reply =====*/
  478. .qr {border: none; border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow2); font-size: 1em; padding: 6px;}
  479. .qr__header {background: none; font-size: 1.1em;}
  480. .qr__close {font-size: 0; margin-top: -2px; padding: 0px; transition: .1s;}
  481. .qr__close:hover::before {color: var(--theme_default_text);}
  482. .qr__close::before {color: var(--theme_default_alttext2); content: "close"; font: 24px/1 'Material Icons', sans-serif;}
  483.  
  484. #hiderules-table {margin-bottom: 5px;}
  485. .ah__header {background: var(--theme_default_postbg2);}
  486. .ah__cell {border-color: var(--theme_default_border);}
  487. .error {border-color: var(--theme_default_red) !important;}
  488. .ah__input:focus {border-color: var(--theme_default_btnborder) !important; box-shadow: 0 6px 16px var(--theme_default_shadow2); transition: width .3s ease;}
  489.  
  490. .js-filer-input {display: inline-block;}
  491. .filer__drag-area {display: none;}
  492. .qr_reply .qr__footer {display: none;}
  493. .qr__footer {font-size: .9em;}
  494. .qr__footer hr {margin: 8px 0px 6px;}
  495.  
  496. /*===== Bookmarks =====*/
  497. @media only screen and (min-width: 480px) {
  498.     .bb {background: none; border: none; border-radius: 0; font-size: .9em; bottom: 0; left: 0; right: unset; width: 250px;}
  499.     .bb__header {font-size: 0;padding: 0; position: fixed; height: 0; width: 250px; top: 250px;}
  500.     .bb__update {top: 12px;}
  501.     .bb__update:hover {fill: var(--theme_default_alttext);}
  502.     .bb__panels {display: block !important;}
  503.     .bb__panel {border-bottom: 0; max-height: unset; height: calc(100vh - 340px); scrollbar-color: var(--theme_sbthumb) var(--theme_sbtrack); scrollbar-width: thin; padding: 5px 5px 5px 10px;}
  504.     .bb__panel#boardstats-body {height: calc(100vh - 290px);}
  505.     .bb__panel::-webkit-scrollbar {width: 4px; height: 4px;}
  506.     .bb__panel::-webkit-scrollbar-track {background: var(--theme_sbtrack);}
  507.     .bb__panel::-webkit-scrollbar-thumb {background: var(--theme_sbthumb);}
  508.     .bb__panel::-webkit-scrollbar-thumb:hover {filter: brightness(0.8);}
  509.     .bb__panel::-webkit-scrollbar-corner {background: none;}
  510.     .fav__fa {float: right; margin: 1px 0 0 5px;}
  511.     .fav__fa:hover {fill: var(--theme_default_alttext);}
  512.     .bb__row {margin: 6px 0;}
  513.     .bb__row a {color: var(--theme_default_text);}
  514.     .bb__row a:hover {color: var(--theme_default_link);}
  515.     .bb__row a span:first-child {font-weight: normal; margin-right: 4px; opacity: .7;}
  516.     .bb__row a span:nth-child(2), .bb__row a span:nth-child(3) {display: none;}
  517.     .bb__row .fav__new {background: var(--theme_default_alttext2); border-radius: 4px; color: var(--theme_default_altbtntext); float: right; margin-left: 5px; margin-right: 0; min-width: unset; padding: 0 4px;}
  518.     .bb__row .fav__new:last-of-type {background: var(--theme_default_link); border-radius: 4px; color: var(--theme_default_altbtntext);}
  519.     .bb__bstitle {white-space: normal;}
  520.     .bb__bstitle + span {color: var(--theme_default_alttext2); word-spacing: -2px;}
  521.     .bb hr {display: none;}
  522.     .bb__footer {font-size: .9rem; text-align: left; padding: 0 10px; position: fixed; top: 295px; bottom: unset; left: 0; height: 50px; width: 250px;}
  523.     .bb__footer label {font-size: 0; display: inline-block; margin-top: 4px;}
  524.     #qr-fav-autowatchmyposts {display: flex; width: unset;}
  525.     #qr-fav-autowatchmyposts::after {color: var(--theme_default_text); content: "постами"; font-size: .9rem; padding: 0 4px;}
  526.     #qr-fav-autowatchmythreads {display: flex; width: unset;}
  527.     #qr-fav-autowatchmythreads::after {color: var(--theme_default_text); content: "тредом"; font-size: .9rem; padding: 0 4px;}
  528.     .bb__tabs {position: fixed; top: 250px; bottom: unset; margin: 5px 0 0 10px; overflow: unset;}
  529.     .bb__tab {background: none; border: none; border-radius: 6px; font-size: 1rem; font-weight: normal; transition: .1s;}
  530.     .bb__tab_active {background: var(--theme_default_postbg); box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow);}
  531. }
  532.  
  533. .nb {max-width: 850px;}
  534. .nb__switcher {color: transparent; font-size: 0; margin-bottom: 15px;}
  535. .nb__switcher a {color: var(--theme_default_text); font-size: 1rem; padding: 4px 8px; transition: .1s;}
  536. .nb__switcher_active {background: var(--theme_default_postbg); border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow); }
  537. .nb__data {background: var(--theme_default_postbg); border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow); width: unset; padding: 10px 15px;}
  538. .nb__item {color: transparent;}
  539. .nb__item::before {color: var(--theme_default_icon); content: "sticky_note_2"; font: 14px/1 'Material Icons', sans-serif; vertical-align: -2px;}
  540. .nb__item a {color: var(--theme_default_text); margin-left: -3px;}
  541. .nb__item a:hover {color: var(--theme_default_link);}
  542.  
  543. /*===== Footer =====*/
  544. .makaba .footer {margin-left: 290px;}
  545. .footer__boards {display: none;}
  546. .footer__info {color: var(--theme_default_alttext2);}
  547.  
  548. @media only screen and (max-width: 480px) {
  549.     body {font-size: .9em;}
  550.    
  551.     .cntnt {margin-top: 45px;}
  552.     /*===== Header =====*/
  553.     .cntnt__header {margin: 0 5px;}
  554.     .header__menu.desktop {border-bottom: none; display: block !important;}
  555.     .header__menu a {color: var(--theme_default_alttext); padding-right: 4px;}
  556.     .header__menu a:hover {color: var(--theme_default_link);}
  557.     .header__opts {background: var(--theme_default_postbg); border-bottom: 0; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); height: 40px; padding: 5px; position: fixed; transform: none; top: 0; left: 0; right: 0; z-index: 200;}
  558.     .replypage .header__opts {padding-left: 45px;}
  559.     .header__opts a {color: var(--theme_default_text);}
  560.     .header__opts a:hover {color: var(--theme_default_link);}
  561.     #js-mob-nav {width: 80px}
  562.    
  563.     .cntnt__header .header__title {font-size: 2em;}
  564.    
  565.     .tti {font-size: 1em;}
  566.    
  567.     /*===== Settings =====*/
  568.     #setting-editor-textarea-textarea {height: calc(50vh) !important; max-height: unset; min-width: unset; max-width: unset; width: 100% !important;}
  569.    
  570.     /*===== New Post =====*/
  571.     .header__newpost {padding: 0;}
  572.     /*.newpost {background: var(--theme_default_postbg); position: fixed; top: 0; bottom: unset; left: 0; right: 0; z-index: 980; overflow: auto;}
  573.     .newpost .postform {border-radius: 0; box-shadow: none; height: 100vh; width: 100%;}*/
  574.     .newpost .postform {position: fixed; top: 0; bottom: 0; left: 0; right: 0; border-radius: 0; box-shadow: none; width: 100%; z-index: 979; overflow: auto;}
  575.     .newpost .postform::before {content: "Новый тред"; display: block; font-size: 1.4em; padding: 10px; text-align: center;}
  576.     .replypage .newpost .postform::before {content: "Новый пост";}
  577.    
  578.     .newpost__label_top {border: none; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow2); border-radius: 50%; font-size: 0; padding: 9px 13px !important; position: fixed; z-index: 980; bottom: 5px; right: 15px; height: 50px; width: 50px;}
  579.     .newpost__label_top:before {content: "create"; font: 24px/32px 'Material Icons', sans-serif;}
  580.     .newpost__label_bot, footer .newpost {display: none !important;}
  581.    
  582.     textarea.postform__input {min-width: unset; max-width: unset; width: 100% !important;}
  583.    
  584.     .postarea__btns {bottom: -34px;}
  585.     .postform__mu-wrapper {margin-left: 62px;}
  586.     .postarea__btn {width: 28px; height: 28px; padding: 5px;}
  587.     .postform__mu {width: 28px; height: 28px;}
  588.     .postform__input, .captcha__val, .postform .button {padding: 8px 10px;}
  589.    
  590.     /*===== Threads =====*/
  591.     .cntnt__aside {display: none !important;}
  592.     .cntnt__main {flex: none; -webkit-flex: none; margin: 0; width: 100%;}
  593.    
  594.     .replypage .tn .button_mob:first-child {border: none; border-radius: 0; font-size: 0; padding: 4px 8px !important; position: fixed; top: 0; z-index: 201; left: 0;}
  595.     .replypage .tn .button_mob:first-child::before {color: var(--theme_default_alttext); content: "arrow_back"; font: 24px/32px 'Material Icons', sans-serif;}
  596.     a[href="#top"] + * + * {display: none !important;}
  597.     .button_mob[href="#top"], .button_mob[href="#bottom"] {display: none !important;}
  598.     .button_mob[href="#bottom"] + .button_mob[href$="catalog.html"] {display: none !important;}
  599.     .button_mob[href$="catalog.html"] {border: none; border-radius: 50%; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow2); font-size: 0; position: fixed; z-index: 900; padding: 13px !important; height: 50px; width: 50px; bottom: 15px; left: 70px;}
  600.     .button_mob[href$="catalog.html"]::before {color: var(--theme_default_alttext) !important; content: "apps"; font: 24px/1 'Material Icons', sans-serif;}
  601.     .button_mob:hover {background: var(--theme_default_btnbghover);}
  602.     a[onclick*="updateThread(); return false;"] {
  603.     background: var(--theme_default_btnbg); border: none; border-radius: 50%; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow2); color: var(--theme_default_text); font-size: 0; padding: 0 !important; position: fixed; left: 130px; bottom: 15px; z-index: 900; margin: 0; height: 50px; width: 50px; text-align: center !important;}
  604.     a[onclick*="updateThread(); return false;"]::after {background: none !important; color: var(--theme_default_alttext) !important; content: "refresh"; font: 24px/50px 'Material Icons', sans-serif; position: unset; padding: 0;}
  605.    
  606.     .thread_hidden div {width: 100vw; padding: 0 10px;}
  607.    
  608.     .post_type_oppost {border-radius: 0; margin: 0;}
  609.     .oppost-options-mob {margin: 0; padding: 5px 10px;}
  610.     .post_type_reply {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0;}
  611.     .post_type_watched:before, .post_type_replied:before {top: 0; bottom: 0; left: 0;}
  612.    
  613.     .post__details {padding: 5px 30px 2px 10px !important; position: relative; overflow: unset;}
  614.     .post__detailpart.desktop {display: flex !important;}
  615.     .post__btn_type_favorite {display: block !important;}
  616.     .post__btn_type_menu {display: block !important; position: absolute; right: 5px; top: 5px; transform: rotate(90deg);}
  617.    
  618.     #ABU-select {left: unset !important; right: 35px;}
  619.     .modal a {font-size: 1.1em;}
  620.    
  621.     .post__message {font-size: .95rem; padding: 8px 16px;}
  622.     .post__images_type_single {float: none;}
  623.     .post__images_type_single + .post__message {padding: 8px 16px 8px;}
  624.    
  625.     /*===== Quick Reply =====*/
  626.     .qr {border-radius: 0; width: 100%; height: calc(100vh); padding: 10px; overflow: auto; left: 0 !important; top: 0 !important;}
  627.     .qr__header {font-size: 1.4em; padding: 2px 6px 10px 6px;}
  628.     .qr__close {padding: 6px; margin: -6px;}
  629.    
  630.     /*===== Bookmarks =====*/
  631.     .bb {border-radius: 6px; border: none; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow2); font-size: .9rem; display: block !important; bottom: 75px; left: calc(-100vw); right: unset; width: calc(100vw - 20px); transition: left .2s; z-index: 900;}
  632.     .bb:hover {left: 10px;}
  633.     .bb:hover .bb__header::before {background: var(--theme_default_btnbghover);}
  634.     .bb__header::before {background: var(--theme_default_btnbg); box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow2); border-radius: 50%; color: var(--theme_default_alttext); content: "star"; font: 24px/50px 'Material Icons', sans-serif; position: fixed; left: 10px; bottom: 15px; height: 50px; width: 50px; text-align: center; transition: .1s;}
  635.     .bb__panels {display: block !important;}
  636.     .bb__panel {padding: 10px;}
  637.     .bb__row a span:first-child {font-weight: normal; margin-right: 4px; opacity: .7;}
  638.     .bb__row a span:nth-child(2), .bb__row a span:nth-child(3) {display: none;}
  639.     .bb__row .fav__new {background: var(--theme_default_alttext2); border-radius: 4px; color: var(--theme_default_altbtntext); min-width: unset; padding: 0 4px;}
  640.     .bb__row .fav__new:last-of-type {background: var(--theme_default_link); border-radius: 4px; color: var(--theme_default_altbtntext);}
  641.     .bb__bstitle {max-width: 250px;}
  642.     .bb__bstitle + span {float: right;}
  643.     .bb__bstitle + span svg {float: right; margin-left: 5px;}
  644.     .bb__footer {font-size: .9em;}
  645.    
  646.     /*===== Pop-Up Shit =====*/
  647.     .warningbox {border-radius: 0; box-shadow: none ; top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: unset;}
  648.     .mv__main:before, .mv__main:after {opacity: 1;}
  649.     .mv__main:after {background: var(--theme_default_glassbg); box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); color: var(--theme_default_text); text-shadow: none; position: fixed; top: 0; padding: 4px 8px;}
  650.    
  651.     .alert {top: 50px;}
  652.    
  653.     .na {background: var(--theme_default_alttext2); border-radius: 50%; display: block !important; height: 40px; left: unset; right: 22px; padding: 10px 12px;}
  654.     .na__icon {fill: var(--theme_default_altbtntext) !important;}
  655.     .na_type_up {top: unset; bottom: 90px;}
  656.     .na_type_up[style="display: none;"] {display: none !important;}
  657.     .na_type_down {bottom: 90px;}
  658.     .na_type_down[style="display: none;"] {display: none !important;}
  659.    
  660.     /*===== Footer =====*/
  661.     .footer {margin: 0 !important;}
  662. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!