Guest User

2ch Rebuild v1.4

a guest
Nov 9th, 2022
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 66.16 KB | Source Code | 0 0
  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-KVElMYYaJe8bpLHnCwDKhdTuE6ZJSdY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  4. /* vietnamese */
  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-KVElMYYaJe8bpLHnCwDKhdTuGKZJSdY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  6. /* latin-ext */
  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-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;}
  8. /* cyrillic-ext */
  9. @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;}
  10. /* vietnamese */
  11. @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;}
  12. /* latin-ext */
  13. @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;}
  14. /* cyrillic-ext */
  15. @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;}
  16. /* vietnamese */
  17. @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;}
  18. /* latin-ext */
  19. @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;}
  20. /* cyrillic-ext */
  21. @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;}
  22. /* vietnamese */
  23. @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;}
  24. /* latin-ext */
  25. @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;}
  26.  
  27. :root {
  28.     --clr: 0;
  29.     --clr2: 0%;
  30.     --clr_link: 25;
  31.     --clr_link2: 100%;
  32.     --clr_link3: 50%;
  33.     --clr_num: 120,40%;
  34.     --theme_default_bg: hsl(var(--clr),var(--clr2),93%);
  35.     --theme_default_glassbg: hsla(var(--clr),var(--clr2),100%,.8);
  36.     --theme_default_postbg: hsl(var(--clr),var(--clr2),100%);
  37.     --theme_default_postbg2: hsl(var(--clr),var(--clr2),97%);
  38.     --theme_default_postbghighlight: hsl(var(--clr_link),calc(var(--clr_link2) / 2),90%);
  39.     --theme_default_shadowhighlight: hsl(var(--clr_link),var(--clr_link2),var(--clr_link3),.6);
  40.     --theme_default_spectext: hsl(290,30%,45%);
  41.     --theme_default_red: hsl(0,100%,65%);
  42.     --theme_default_yellow: hsl(45,100%,60%);
  43.     --theme_default_green: hsl(120,60%,60%);
  44.     --theme_default_mod: hsl(211,100%,30%);
  45.     --theme_default_sage: hsl(0,100%,70%);
  46.     --theme_default_ophui: hsl(120,40%,40%);
  47.     --theme_default_postnum: hsl(var(--clr_num),40%);
  48.     --theme_default_postnumhover: hsl(var(--clr_num),50%);
  49.     --theme_default_postnumbg: hsla(var(--clr_num),40%,.1);
  50.     --theme_default_border: hsla(var(--clr),var(--clr2),0%,.15);
  51.     --theme_default_text: hsl(var(--clr),var(--clr2),20%);
  52.     --theme_default_alttext: hsl(var(--clr),var(--clr2),40%);
  53.     --theme_default_alttext2: hsl(var(--clr),var(--clr2),60%);
  54.     --theme_default_link: hsl(var(--clr_link),var(--clr_link2),var(--clr_link3));
  55.     --theme_default_hover: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) - 15%));
  56.     --theme_default_title: hsl(211,100%,30%);
  57.     --theme_default_drag: hsl(var(--clr),var(--clr2),80%);
  58.     --theme_default_spoiler: hsl(var(--clr),var(--clr2),80%);
  59.     --theme_default_icon: hsl(var(--clr),var(--clr2),60%);
  60.     --theme_default_btntext: hsl(var(--clr),var(--clr2),20%);
  61.     --theme_default_altbtntext: hsl(var(--clr),var(--clr2),100%);
  62.     --theme_default_btnbg: hsl(var(--clr),var(--clr2),100%);
  63.     --theme_default_btnborder: hsla(var(--clr),var(--clr2),0%,.15);
  64.     --theme_default_altbtnbg: hsl(var(--clr),var(--clr2),97%);
  65.     --theme_default_btnbghover: hsl(var(--clr),var(--clr2),97%);
  66.     --theme_default_altbtnbghover: hsl(var(--clr),var(--clr2),100%);
  67.     --theme_default_inputtext: hsl(var(--clr),var(--clr2),20%);
  68.     --theme_nmswitch: hsl(var(--clr),var(--clr2),62%);
  69.     --theme_mpborder: hsl(var(--clr),var(--clr2),100%);
  70.     --theme_mubtn: hsl(var(--clr),var(--clr2),97%);
  71.     --theme_sbthumb: hsl(var(--clr),var(--clr2),70%);
  72.     --theme_sbthumbhover: hsl(var(--clr),var(--clr2),60%);
  73.     --theme_sbtrack: hsl(var(--clr),var(--clr2),93%);
  74.     --theme_default_shadow: hsla(var(--clr),var(--clr2),0%,.1);
  75.     --theme_default_shadow2: hsla(var(--clr),var(--clr2),0%,.2);
  76. }
  77. :root {
  78.     --theme_text: hsl(var(--clr),var(--clr2),20%);
  79.     --theme_link: hsl(var(--clr_link),var(--clr_link2),var(--clr_link3));
  80.     --theme_hover: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) - 15%));
  81.     --theme_bg: hsl(var(--clr),var(--clr2),93%);
  82.     --theme_postbg: hsl(var(--clr),var(--clr2),100%);
  83.     --theme_postbg2: hsl(var(--clr),var(--clr2),97%);
  84.     --theme_blockbg: hsl(var(--clr),var(--clr2),100%);
  85.     --theme_border: hsla(var(--clr),var(--clr2),0%,.15);
  86.     --theme_logo_text: var(--theme_default_text);
  87.     --theme_logo_st2: #FFA00D;
  88.     --theme_logo_text_1: #1B1B1B;
  89.     --theme_logo_text_2: #1B1B1B;
  90.     --theme_logo_text_3: #1B1B1B;
  91.     --theme_logo_text_4: #1B1B1B;
  92.     --theme_inputbg: hsl(var(--clr),var(--clr2),100%);
  93.     --theme_inputtext: hsl(var(--clr),var(--clr2),20%);
  94.     --theme_inputborder: hsla(var(--clr),var(--clr2),0%,.15);
  95.     --theme_btnbg: hsl(var(--clr),var(--clr2),100%);
  96.     --theme_shadow: hsl(var(--clr),var(--clr2),83%);
  97.     --theme_title: hsl(211,100%,30%);
  98. }
  99.  
  100. html[data-theme=nightmode] {
  101.     --clr: 0;
  102.     --clr2: 0%;
  103.     --clr_link: 25;
  104.     --clr_link2: 100%;
  105.     --clr_link3: 60%;
  106.     --clr_num: 120,40%;
  107.     --theme_default_bg: hsl(var(--clr),var(--clr2),15%);
  108.     --theme_default_glassbg: hsla(var(--clr),var(--clr2),20%,.8);
  109.     --theme_default_postbg: hsl(var(--clr),var(--clr2),20%);
  110.     --theme_default_postbg2: hsl(var(--clr),var(--clr2),23%);
  111.     --theme_default_postbghighlight: hsl(var(--clr_link),calc(var(--clr_link2) / 3),20%);
  112.     --theme_default_shadowhighlight: hsl(var(--clr_link),var(--clr_link2),var(--clr_link3),.6);
  113.     --theme_default_spectext: hsl(289,30%,60%);
  114.     --theme_default_red: hsl(0,100%,65%);
  115.     --theme_default_yellow: hsl(45,90%,70%);
  116.     --theme_default_green: hsl(120,60%,60%);
  117.     --theme_default_mod: hsl(211,44%,70%);
  118.     --theme_default_sage: hsl(0,100%,70%);
  119.     --theme_default_ophui: hsl(120,40%,60%);
  120.     --theme_default_postnum: hsl(var(--clr_num),60%);
  121.     --theme_default_postnumhover: hsl(var(--clr_num),70%);
  122.     --theme_default_postnumbg: hsla(var(--clr_num),60%,.1);
  123.     --theme_default_border: hsla(var(--clr),var(--clr2),100%,.15);
  124.     --theme_default_text: hsl(var(--clr),var(--clr2),85%);
  125.     --theme_default_alttext: hsl(var(--clr),var(--clr2),70%);
  126.     --theme_default_alttext2: hsl(var(--clr),var(--clr2),50%);
  127.     --theme_default_link: hsl(var(--clr_link),var(--clr_link2),var(--clr_link3));
  128.     --theme_default_hover: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) + 10%));
  129.     --theme_default_title: hsl(211,44%,70%);
  130.     --theme_default_drag: hsl(var(--clr),var(--clr2),38%);
  131.     --theme_default_spoiler: hsl(var(--clr),var(--clr2),30%);
  132.     --theme_default_icon: hsl(var(--clr),var(--clr2),50%);
  133.     --theme_default_btntext: hsl(var(--clr),var(--clr2),85%);
  134.     --theme_default_altbtntext: hsl(var(--clr),var(--clr2),15%);
  135.     --theme_default_btnbg: hsl(var(--clr),var(--clr2),20%);
  136.     --theme_default_btnborder: hsla(var(--clr),var(--clr2),100%,.15);
  137.     --theme_default_altbtnbg: hsl(var(--clr),var(--clr2),15%);
  138.     --theme_default_btnbghover: hsl(var(--clr),var(--clr2),23%);
  139.     --theme_default_altbtnbghover: hsl(var(--clr),var(--clr2),13%);
  140.     --theme_default_inputtext: hsl(var(--clr),var(--clr2),85%);
  141.     --theme_nmswitch: hsl(var(--clr_link),100%,60%);
  142.     --theme_mpborder: hsl(var(--clr),var(--clr2),20%);
  143.     --theme_mubtn: hsl(var(--clr),var(--clr2),25%);
  144.     --theme_sbthumb: hsl(var(--clr),var(--clr2),40%);
  145.     --theme_sbthumbhover: hsl(var(--clr),var(--clr2),50%);
  146.     --theme_sbtrack: hsl(var(--clr),var(--clr2),15%);
  147.     --theme_default_shadow: hsla(var(--clr),var(--clr2),0%,.15);
  148.     --theme_default_shadow2: hsla(var(--clr),var(--clr2),0%,.25);
  149. }
  150. html[data-theme=nightmode] {
  151.     --theme_text: hsl(var(--clr),var(--clr2),85%);
  152.     --theme_link: hsl(var(--clr_link),var(--clr_link2),var(--clr_link3));
  153.     --theme_hover: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) + 10%));
  154.     --theme_bg: hsl(var(--clr),var(--clr2),15%);
  155.     --theme_postbg: hsl(var(--clr),var(--clr2),20%);
  156.     --theme_postbg2: hsl(var(--clr),var(--clr2),23%);
  157.     --theme_blockbg: hsl(var(--clr),var(--clr2),20%);
  158.     --theme_border: hsla(var(--clr),var(--clr2),100%,.15);
  159.     --theme_logo_text: var(--theme_default_link);
  160.     --theme_logo_st2: #1B1B1B;
  161.     --theme_logo_text_1: #FFA90A;
  162.     --theme_logo_text_2: #FFA00D;
  163.     --theme_logo_text_3: #FE8616;
  164.     --theme_logo_text_4: #FE6E1F;
  165.     --theme_inputbg: hsl(var(--clr),var(--clr2),15%);
  166.     --theme_inputtext: hsl(var(--clr),var(--clr2),85%);
  167.     --theme_inputborder: hsla(var(--clr),var(--clr2),100%,.15);
  168.     --theme_btnbg: hsl(var(--clr),var(--clr2),20%);
  169.     --theme_shadow: hsl(var(--clr),var(--clr2),25%);
  170.     --theme_title: hsl(211,44%,70%);
  171. }
  172.  
  173. html {font-family: 'IBM Plex Sans', sans-serif; font-size: 16px;}
  174. html[data-theme=nightmode] {color-scheme: dark;}
  175. body {font-family: 'IBM Plex Sans', sans-serif !important; font-size: 16px;}
  176.  
  177. @media only screen and (min-width: 480px) {
  178. ::-webkit-scrollbar {background: var(--theme_default_bg); height: 14px; width: 14px;}
  179. ::-webkit-scrollbar-track {background-clip: padding-box; border: solid transparent; border-width: 0;}
  180. ::-webkit-scrollbar-button {width: 0px; height: 0px;}
  181. ::-webkit-scrollbar-thumb {background-color: var(--theme_sbthumb); background-clip: padding-box; border: 2px solid transparent; border-radius: 4px;}
  182. ::-webkit-scrollbar-thumb:hover {background-color: var(--theme_sbthumbhover);}
  183. ::-webkit-scrollbar-thumb:active {background-color: var(--theme_sbthumbhover);}
  184. ::-webkit-scrollbar-corner {background: var(--theme_default_bg);}
  185. }
  186.  
  187. *::selection {background: var(--theme_default_shadowhighlight); color: var(--theme_default_altbtntext);}
  188. *::-moz-selection {background: var(--theme_default_shadowhighlight); color: var(--theme_default_altbtntext);}
  189. *::-webkit-selection {background: var(--theme_default_shadowhighlight); color: var(--theme_default_altbtntext);}
  190.  
  191. a {color: var(--theme_default_link); transition: color .1s;}
  192. a:hover {color: var(--theme_default_hover);}
  193. .orange {color: var(--theme_default_link);}
  194. a[href*="youtube.com"] {border-bottom: 1px dashed;}
  195. a[href$="sage"], a[href$="Sage"], a[href$="SAGE"] {color: var(--theme_default_sage);}
  196.  
  197. .icon {width: 16px; height: 16px; vertical-align: -3px;}
  198. .icon:hover {filter: none;}
  199.  
  200. /*===== Main Page =====*/
  201. .header__sub {color: var(--theme_default_text);}
  202.  
  203. .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;}
  204. .buttons {padding: 15px 0 0;}
  205. .buttons__button {box-shadow: 0 0 0 1px var(--theme_default_btnborder); color: var(--theme_default_text); transition: .1s;}
  206. .buttons__button:hover {background: var(--theme_default_btnbghover); color: var(--theme_default_text); filter: none;}
  207.  
  208. .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);}
  209. .boards__col {padding: 15px 5px 0px 20px;}
  210.  
  211. .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);}
  212. .main__title {line-height: 2.5;}
  213. .news__data {padding: 10px 20px;}
  214. li.news__item {text-align: left;}
  215.  
  216. .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);}
  217. .ui-widget {font-family: inherit;}
  218. .ui-widget-header {padding: 0 8px;}
  219. #tabbed li {background: var(--theme_default_postbg); border-bottom: 1px solid var(--theme_border); border-radius: 6px; font-weight: bold; transition: .1s;}
  220. #tabbed li.ui-tabs-active {background: var(--theme_default_bg); margin-bottom: 0; padding-bottom: 2px;}
  221. .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {color: var(--theme_default_text);}
  222. .ui-widget-content {border: none;}
  223. .summary__row:nth-of-type( even ) {background: var(--theme_default_postbg2);}
  224. .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: inherit;}
  225.  
  226. /*===== Rules, Ads, Passcode =====*/
  227. .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);}
  228. .box__header {font-family: inherit}
  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. .body-stickers .sticker {background: var(--theme_default_postbg); border-color: var(--theme_default_border); border-radius: 6px; box-shadow: 0 1px 3px var(--theme_default_shadow); color: var(--theme_default_text);}
  233. .body-stickers .sticker-info {border-color: var(--theme_default_border);}
  234. .body-stickers .sticker-info {background: none; border-top: none;}
  235.  
  236. .box ~ .box[id*="post"] {margin-top: 8px;}
  237. .box[id*="post"] .box__data {padding: 4px;}
  238. .box[id*="post"] .post-details {color: var(--theme_default_alttext2); font-size: 0.9em; padding: 4px 4px 0 16px;}
  239. .box[id*="post"] .post-details .reflink a {color: var(--theme_default_alttext);}
  240. .box[id*="post"] .post-details .reflink a:hover {color: var(--theme_default_link);}
  241. .box[id*="post"] .post-message {margin: 16px;}
  242.  
  243. .cloudheader {background: var(--theme_default_postbg2); border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border);}
  244. .cloudheader .cloudoption {color: var(--theme_default_icon);}
  245. .cloudheader .cloudoption:hover {color: var(--theme_default_alttext);}
  246. .board__speed {color: var(--theme_default_alttext2);}
  247.  
  248. /*===== Catalog =====*/
  249. .header {color: var(--theme_default_text);}
  250. .header__meta {background: var(--theme_default_postbg); border: none; box-shadow: 0 0 0 1px var(--theme_default_border); font-size: .9em; padding: 6px; position: fixed; height: 46px; top: 0; left: 0; right: 0; z-index: 1000;}
  251.  
  252. .header__logo svg {padding-top: 50px; width: 180px !important;}
  253. .st1 {fill: var(--theme_default_link);}
  254. .header__title {margin: 0;}
  255.  
  256. .ctlg {margin: 0 auto; max-width: 1320px;}
  257. .ctlg__thread {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 5px;}
  258. .ctlg__thread_abs {border: none; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow); margin: 0; margin-top: -20px; margin-left: -70px;}
  259. .ctlg__img {padding: 10px 10px 0 10px;}
  260. .ctlg__img img {border-radius: 4px; height: auto; width: auto;}
  261. .ctlg__meta {background: none; color: var(--theme_default_alttext2); padding: 2px 6px;}
  262. .ctlg__meta, .ctlg__title {font-family: inherit; font-size: .9rem;}
  263. .ctlg__title {color: var(--theme_default_text);}
  264. .mod {color: var(--theme_default_mod);}
  265.  
  266. /*===== Header =====*/
  267. .cntnt__header {margin-left: 290px;}
  268.  
  269. @media only screen and (min-width: 480px) {
  270.     .header__opts {background: none; border: none; display: block; 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;}
  271.     .header__opts::-webkit-scrollbar {width: 4px; height: 4px;}
  272.     .header__opts::-webkit-scrollbar-track {background: var(--theme_sbtrack);}
  273.     .header__opts::-webkit-scrollbar-thumb {background: var(--theme_sbthumb);}
  274.     .header__opts::-webkit-scrollbar-thumb:hover {filter: brightness(0.8);}
  275.     .header__opts::-webkit-scrollbar-corner {background: none;}
  276.     .header__opts a {color: var(--theme_default_text);}
  277.     .header__opts a.mobile {display: block;}
  278.     .header__opts .header__menuitem {display: block; padding: 3px 5px;}
  279.  
  280.     .header__menu {border: none; margin-bottom: 0 !important; height: unset; padding: 15px 5px 5px;}
  281.     .header__exp a {padding-right: 6px;}
  282.     .header__menu a:first-child {display: none;}
  283.     .header__menu a[href="/static/market.html"] {display: none;}
  284.     .header__menu a {color: var(--theme_default_alttext);}
  285.     .header__menu a:hover, .header__opts a:hover {color: var(--theme_default_link);}
  286.     .header__myboards {color: var(--theme_default_alttext2);}
  287.  
  288.     .header__menuitem.nm {position: fixed; top: 12px; left: 195px;}
  289.    
  290.     .selectbox {display: none;}
  291. }
  292.  
  293. .selectbox:after, .header__logo img, .mmm__img {display: none;}
  294.  
  295. hr {border-color: transparent;}
  296.  
  297. .cntnt__header .header__title {line-height: 1;}
  298.  
  299. .tti {line-height: 1.4;}
  300. .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;}
  301. .tti .hashlink:hover {background: var(--theme_default_btnbghover); color: var(--theme_default_alttext);}
  302.  
  303. /*=====  Setting =====*/
  304. .settings__header {font-weight: normal;}
  305. .settings__header span {font-size: 0;}
  306. .settings__header span:first-child::before {content: "keyboard_arrow_down"; font: 24px/19px 'Material Icons', sans-serif; vertical-align: -7px;}
  307. .settings__header span:last-child::before {content: "keyboard_arrow_up"; font: 24px/19px 'Material Icons', sans-serif; vertical-align: -7px;}
  308. .settings__prefs {font-size: .9em;}
  309. .settings__row {margin: 1px 0;}
  310. .settings__multibox {padding: 2px 4px;}
  311. .settings__edit {background: none; height: unset; width: unset; vertical-align: unset;}
  312. .settings__edit::before {content: "Изменить";}
  313. #setting-editor-body {max-height: unset;}
  314. #setting-editor-textarea-textarea {font-family: Consolas, monospace; font-size: .9rem; min-height: 200px; max-height: 600px; min-width: 358px; max-width: 800px;}
  315.  
  316. /*===== Sidebar =====*/
  317. .cntnt__aside {display: block !important; flex: 0 0 250px; -webkit-flex: 0 0 250px; margin-right: 40px;}
  318. .sidebar {position: unset; height: unset;}
  319. .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;}
  320. .sidebar:hover .fm { opacity: 1; visibility: unset;}
  321. .sidebar:hover::before {color: var(--theme_default_alttext);}
  322. .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;}
  323. .fm::-webkit-scrollbar {width: 4px; height: 4px;}
  324. .fm::-webkit-scrollbar-track {background: var(--theme_sbtrack);}
  325. .fm::-webkit-scrollbar-thumb {background: var(--theme_sbthumb);}
  326. .fm::-webkit-scrollbar-thumb:hover {filter: brightness(0.8);}
  327. .fm::-webkit-scrollbar-corner {background: none;}
  328. #js-hidefm {display: none;}
  329. .fm__item {margin-top: 5px;}
  330. .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;}
  331. .fm__header:hover {background-color: var(--theme_default_postbg2);}
  332. .fm__sub {padding: 5px 0 5px 5px;}
  333. .fm__sub a {color: var(--theme_default_text); display: block; padding: 2px 4px;}
  334. .fm__sub a:hover {color: var(--theme_default_link);}
  335.  
  336. /*===== New Post =====*/
  337. /*.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;}
  338. .newpost__label:hover {background: var(--theme_default_hover);}*/
  339. .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;}
  340. .newpost__label:hover {background: var(--theme_default_btnbghover);}
  341.  
  342. .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;}
  343. textarea.postform__input {min-width: 454px; min-height: 100px; max-height: 600px; max-width: 800px;}
  344.  
  345. .postform__raw {margin: 4px 0;}
  346. .postform__input_type_m {margin-right: 4px;}
  347.  
  348. 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;}
  349. input[type=button]:hover, button:hover {background: var(--theme_default_btnbghover);}
  350. .input {border-radius: 4px; padding: 4px 6px;}
  351. input[disabled] {background: var(--theme_default_btnbg) !important; color: var(--theme_default_alttext2);}
  352. textarea {background-color: var(--theme_default_altbtnbg); border: 1px solid var(--theme_default_btnborder); border-radius: 4px; outline: medium none;}
  353. .button {border-radius: 4px; padding: 4px 8px;}
  354.  
  355. 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;}
  356.  
  357. .postarea__btns {left: 0; bottom: -30px;}
  358. .postarea__btn {width: 24px; height: 24px; padding: 3px;}
  359. .postarea__btn:hover {fill: var(--theme_default_alttext);}
  360. .postform__sticker-prev {left: 0;}
  361. .postform__mu-wrapper {margin-left: 52px;}
  362. .postform__mu {background:  none; width: 24px; height: 24px; padding: 3px 6px;}
  363. .postform__mu:hover {background: var(--theme_mubtn);}
  364. .postform__mu_type_q {color: var(--theme_default_postnum);}
  365.  
  366. .postform__limits {pointer-events: none;}
  367.  
  368. .js-filer-input {display: inline-block;}
  369. .postform__raw.filer {position: relative;}
  370. .filer__drag-area {border-color: transparent; font-size: 0; position: absolute; top: -54px; width: 24px; height: 24px;}
  371. .filer__drag-area_hover {background: none; border-color: var(--theme_default_link);}
  372. .qr .filer__drag-area {top: -29px;}
  373.  
  374. 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;}
  375. 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;}
  376. input[type="checkbox"]:focus::before {color: var(--theme_default_alttext);}
  377. 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;}
  378. input[type="checkbox"]:checked:focus::before {color: var(--theme_default_hover);}
  379.  
  380. .oekaki-width, .oekaki-height {width: 40px;}
  381.  
  382. .filer__thumb {border-width: 2px; border-radius: 4px;}
  383. .filer__size {display: inline-block; padding: 4px;}
  384.  
  385. .postform__raw_flex.captcha {margin: 8px 0 4px;}
  386. .captcha__image img {border-radius: 4px;}
  387. .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;}
  388. .captcha__loadtext:hover {background: var(--theme_default_btnbghover);}
  389. .captcha__timer {color: #fff; text-shadow: 1px 1px 3px rgb(0 0 0 / 60%), -1px -1px 3px rgb(0 0 0 / 60%), -1px 1px 3px rgb(0 0 0 / 60%), 1px -1px 3px rgb(0 0 0 / 60%);}
  390.  
  391. .rules {display: none;}
  392.  
  393. /*===== Threads =====*/
  394. .cntnt__main {margin-left: 0; margin-right: 5px;}
  395.  
  396. .thread:after {margin: 25px 0;}
  397. .thread_hidden div {padding: 0 10px;}
  398. .thread__missed {margin: 2px 10px;}
  399.  
  400. form[action="/user/search"] input[class="input"] {font-size: .9rem; position: fixed; top: 10px; left: 40px; z-index: 100; width: 150px;}
  401. .tn {font-size: 0; padding: 6px 0;}
  402. .tn__item span {color: var(--theme_default_text); font-size: .9rem; margin-right: 5px; word-spacing: 0;}
  403. .tn__item a, #postbtn-favorite-bottom + .js-update-thread {display: none;}
  404. a.js-update-thread {display: block; font-size: 0;}
  405. .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); z-index: 201;}
  406. .js-update-thread:hover::before {color: var(--theme_default_alttext); transform: rotate(360deg);}
  407. span.autorefresh {margin-right: 15px;}
  408.  
  409. .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;}
  410. .post__message_op {padding: 16px 26px;}
  411.  
  412. .post_type_reply:before {content: "";}
  413. .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;}
  414.  
  415. .post_preview {border: none !important; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow);}
  416. .post_type_highlight {box-shadow: 0 0 0 1px var(--theme_default_link), 0 1px 6px var(--theme_default_shadowhighlight);}
  417. .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;}
  418. .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;}
  419. .post_type_watched:before, .post_type_replied:before {display: block; position: absolute; top: 35px; bottom: 10px; left: 9px;}
  420. .post_type_watched .post__details, .post_type_replied .post__details {padding: 4px;}
  421. .post_type_watched:before {border-left: 2px solid var(--theme_default_link);}
  422. .post_type_replied:before {border-left: 2px dashed var(--theme_default_link);}
  423.  
  424. .post__details { color: var(--theme_default_alttext2); padding: 4px 4px 0 16px;}
  425. .post_type_hidden .post__details {padding: 4px 4px 4px 16px;}
  426. .post__title {padding: 0 2px 0 0;}
  427. .post__mod {color: var(--theme_default_mod);}
  428. .post__ophui {color: var(--theme_default_ophui); word-spacing: -3px; padding: 0 2px 0 8px;}
  429. .post__reflink:hover, .post__reflink:focus {color: var(--theme_default_link);}
  430. .post__number {color: var(--theme_default_alttext2);}
  431. .post__message {scrollbar-color: var(--theme_sbthumb) var(--theme_sbtrack); scrollbar-width: thin;}
  432. .post__message::-webkit-scrollbar {width: 4px; height: 4px;}
  433. .post__message::-webkit-scrollbar-track {background: var(--theme_sbtrack);}
  434. .post__message::-webkit-scrollbar-thumb {background: var(--theme_sbthumb);}
  435. .post__message::-webkit-scrollbar-thumb:hover {filter: brightness(0.8);}
  436. .post__message::-webkit-scrollbar-corner {background: none;}
  437. .post__refmap a {font-style: italic; opacity: .8;}
  438.  
  439. .post__btn {fill: var(--theme_default_alttext2) !important; height: 20px; width: 20px; margin-top: -1px; transition: .1s;}
  440. .post__btn:hover {fill: var(--theme_default_alttext) !important;}
  441. 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;}
  442. .post__btn.icon_type_active {fill: var(--theme_default_link) !important;}
  443. .post__btn_type_favorite.icon_type_active:hover {fill: var(--theme_default_hover) !important;}
  444. path[fill="#ececec"] {fill: inherit !important;}
  445.  
  446. .post__rate_type_like, .post__rate_type_dislike {color: var(--theme_default_alttext2)}
  447. .post__rate_type_dislike:hover .post__rate-icon, .post__rate_disliked .post__rate-icon {fill: var(--theme_default_red);}
  448.  
  449. .modal {border: none; border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); font-size: 1em; padding: 4px; margin: 5px 0;}
  450. #ABU-select {margin: 0 5px;}
  451. .modal a {border-radius: 4px; font-family: inherit; font-size: .9em; padding: 4px 8px;}
  452. .modal a:hover {background: var(--theme_default_postbg2); color: var(--theme_default_text);}
  453.  
  454. svg[data-url*="/stickers"] + .post__filezise {display: none;}
  455.  
  456. .post__file-attr {color: var(--theme_default_alttext); margin-bottom: 4px;}
  457. .post__file-attr a {color: var(--theme_default_alttext);}
  458. .post__file-attr a:hover {color: var(--theme_default_link);}
  459. .post__file-attr a + * + * + .post__filezise, .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;}
  460. .post__file-attr a:hover + * + * + .post__filezise, .post__file-attr a:hover + .post__filezise {visibility: unset; opacity: 1;}
  461. .post__file-attr .icon:hover {fill: var(--theme_default_alttext);}
  462. .post__file-preview {/*border: 1px solid var(--theme_default_border);*/ border-radius: 4px;}
  463. .post__file-webm {border: none;/*border: 1px solid var(--theme_default_border);*/ border-bottom: 2px dashed var(--theme_default_alttext);}
  464.  
  465. .spoiler, .spoiler a {color: var(--theme_default_spoiler); background-color: var(--theme_default_spoiler); border-radius: 4px; transition: .1s;}
  466. .spoiler:hover {color: var(--theme_default_text);background-color: transparent;}
  467. .unkfunc {background: var(--theme_default_postnumbg); border-radius: 4px; color: var(--theme_default_postnum); display: inline-block; padding: 0 4px;}
  468.  
  469. /*===== Pop-Up Shit =====*/
  470. .warningcover {background: var(--theme_default_glassbg); backdrop-filter: blur(8px); opacity: 1;}
  471. .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;}
  472. .warningbox__ul li {margin: 12px 0;}
  473. .warningboxbutton a {font-weight: bold; text-transform: uppercase; letter-spacing: .5px;}
  474. .warningboxbutton a[id="ageboxallow"] {font-size: 0;}
  475. .warningboxbutton a + br {display: none;}
  476. .warningboxbutton a[id="ageboxallow"]::before {content: "Я согласен"; font-size: 18px; margin-right: 12px;}
  477. .warningboxbutton a[id="ageboxdisallow"] {color: var(--theme_default_red);}
  478.  
  479. .mv__main {background: none; padding: 8px; z-index: 999 !important;}
  480. .mv__main img, .mv__main video {background-color: var(--theme_mpborder); box-shadow: 0 6px 16px var(--theme_default_shadow2);}
  481. .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;}
  482. .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;}
  483. .mv__main:hover:before, .mv__main:hover:after {opacity: 1;}
  484.  
  485. .mv__nav {box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); padding: 22px 22px 16px; opacity: .8;}
  486. .mv__nav:hover svg {fill: var(--theme_default_alttext);}
  487.  
  488. #plashque, .plashque {background: var(--theme_default_postbg); border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow2); color: var(--theme_default_text); left: 255px; top: 5px; right: 5px; opacity: .9; width: unset;}
  489.  
  490. .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;}
  491.  
  492. .na {background: none; right: unset; left: 250px; height: 100px; z-index: 200;}
  493. .na:hover .na__icon {fill: var(--theme_default_alttext);}
  494. .na__icon {transition: .1s;}
  495. .na_type_up {top: calc(50% - 100px);}
  496. .na_type_down {bottom: calc(50% - 100px);}
  497.  
  498. /*===== Quick Reply =====*/
  499. .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;}
  500. .qr__header {background: none; font-size: 1.1em;}
  501. .qr__close {font-size: 0; margin-top: -2px; padding: 0px; transition: .1s;}
  502. .qr__close:hover::before {color: var(--theme_default_text);}
  503. .qr__close::before {color: var(--theme_default_alttext2); content: "close"; font: 24px/1 'Material Icons', sans-serif;}
  504.  
  505. #hiderules-table {margin-bottom: 5px;}
  506. .ah__header {background: var(--theme_default_postbg2);}
  507. .ah__cell {border-color: var(--theme_default_border);}
  508. .error {border-color: var(--theme_default_red) !important;}
  509. .ah__input:focus {border-color: var(--theme_default_btnborder) !important; box-shadow: 0 6px 16px var(--theme_default_shadow2); transition: width .3s ease;}
  510.  
  511. .qr_reply .qr__footer {display: none;}
  512. .qr__footer {font-size: .9em;}
  513. .qr__footer hr {margin: 8px 0px 6px;}
  514.  
  515. /*===== Bookmarks =====*/
  516. @media only screen and (min-width: 480px) {
  517.     .bb {background: none; border: none; border-radius: 0; font-size: .9em; bottom: 0; top: 290px; left: 0; right: unset; width: 250px;}
  518.     .bb__header {font-size: 0;padding: 0; position: fixed; height: 0; width: 250px; top: 250px;}
  519.     .bb__update {top: 12px;}
  520.     .bb__update:hover {fill: var(--theme_default_alttext);}
  521.     .bb__panels {display: block !important;}
  522.     .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; margin-top: 50px;}
  523.     .bb__panel#boardstats-body {height: calc(100vh - 290px); margin-top: 0;}
  524.     .bb__panel::-webkit-scrollbar {width: 4px; height: 4px;}
  525.     .bb__panel::-webkit-scrollbar-track {background: var(--theme_sbtrack);}
  526.     .bb__panel::-webkit-scrollbar-thumb {background: var(--theme_sbthumb);}
  527.     .bb__panel::-webkit-scrollbar-thumb:hover {filter: brightness(0.8);}
  528.     .bb__panel::-webkit-scrollbar-corner {background: none;}
  529.     .fav__fa {float: right; margin: 1px 0 0 5px;}
  530.     .fav__fa:hover {fill: var(--theme_default_alttext);}
  531.     .bb__row {margin: 6px 0;}
  532.     .bb__row a {color: var(--theme_default_text);}
  533.     .bb__row a:hover {color: var(--theme_default_link);}
  534.     .bb__row a span:first-child {font-weight: normal; margin-right: 4px; opacity: .7;}
  535.     .bb__row a span:nth-child(2), .bb__row a span:nth-child(3) {display: none;}
  536.     .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;}
  537.     .bb__row .fav__new:last-of-type {background: var(--theme_default_link); border-radius: 4px; color: var(--theme_default_altbtntext);}
  538.     .bb__bstitle {white-space: normal;}
  539.     .bb__bstitle + span {color: var(--theme_default_alttext2); word-spacing: -2px;}
  540.     .bb hr {display: none;}
  541.     .bb__footer {font-size: .9rem; text-align: left; padding: 0 10px; position: fixed; top: 295px; bottom: unset; left: 0; height: 50px; width: 250px;}
  542.     .bb__footer label {font-size: 0; display: inline-block; margin-top: 4px;}
  543.     #qr-fav-autowatchmyposts {display: flex; width: unset;}
  544.     #qr-fav-autowatchmyposts::after {color: var(--theme_default_text); content: "постами"; font-size: .9rem; padding: 0 4px;}
  545.     #qr-fav-autowatchmythreads {display: flex; width: unset;}
  546.     #qr-fav-autowatchmythreads::after {color: var(--theme_default_text); content: "тредом"; font-size: .9rem; padding: 0 4px;}
  547.     .bb__tabs {position: fixed; top: 250px; bottom: unset; margin: 5px 0 0 10px; overflow: unset;}
  548.     .bb__tab {background: none; box-shadow: 0 0 0 1px var(--theme_default_border); border: none; border-radius: 6px; margin-right: 8px; padding: 5px 10px; transition: .1s;}
  549.     .bb__tab_active {background: var(--theme_default_postbg); box-shadow: 0 0 0 1px var(--theme_default_border);}
  550. }
  551.  
  552. .nb {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); max-width: 850px; padding-top: 10px;}
  553. .nb__switcher {color: transparent; margin-bottom: 10px;}
  554. .nb__switcher a {border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border); color: var(--theme_default_text); display: inline-block; font-weight: bold; padding: 5px 10px; margin: 0 -2px 0 -2px; transition: .1s;}
  555. .nb__switcher_active {background: var(--theme_default_bg);}
  556. .nb__data { width: unset; padding: 0px 15px 10px 15px;}
  557. .nb__item {color: transparent;}
  558. .nb__item::before {color: var(--theme_default_icon); content: "sticky_note_2"; font: 14px/1 'Material Icons', sans-serif; vertical-align: -2px;}
  559. .nb__item a {color: var(--theme_default_text); margin-left: -3px;}
  560. .nb__item a:hover {color: var(--theme_default_link);}
  561.  
  562. /*===== Footer =====*/
  563. .makaba .footer {margin-left: 290px;}
  564. .footer__boards {display: none;}
  565. .footer__info {color: var(--theme_default_alttext2);}
  566.  
  567. /*===== Dollchan =====*/
  568.  
  569. .de-runned #up-nav-arrow, .de-runned #down-nav-arrow { display: block !important; }
  570.  
  571. /* Dock Panel */
  572. .de-img-btn, #de-panel {background: var(--theme_default_postbg); box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow2);}
  573. #de-panel {color: var(--theme_default_text);}
  574. #de-panel-buttons {border-left-color: var(--theme_default_border);}
  575. .de-panel-button {border-radius: 0; transition: .1s;}
  576. .de-panel-button:hover {background-color: var(--theme_default_postbg2); box-shadow: none;}
  577. .de-panel-button-active {stroke: var(--theme_default_green) !important;}
  578. #de-panel-upd-on {fill: var(--theme_default_green);}
  579. #de-panel-upd-warn {fill: var(--theme_default_yellow);}
  580. #de-panel-upd-off {fill: var(--theme_default_red);}
  581. #de-panel-info {font-family: inherit; font-size: .9em;}
  582. #de-panel-info > span {background-color: var(--theme_default_bg); border-color: var(--theme_default_border); padding: 0 2px;}
  583.  
  584. /* Dock Windows */
  585. #de-win-cfg, #de-win-fav, #de-win-hid, #de-win-vid {background: var(--theme_default_postbg); border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow2); z-index: 980 !important;}
  586. #de-win-cfg.de-win-fixed, #de-win-fav.de-win-fixed, #de-win-hid.de-win-fixed, #de-win-vid.de-win-fixed {box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow2); margin-bottom: 5px; margin-right: 5px;}
  587. .de-win-head {background: var(--theme_default_postbg); font-family: inherit; font-size: .9em; padding: 8px 48px 8px 8px; color: var(--theme_default_text);}
  588. .de-win-buttons > svg {border-radius: 4px; transition: .1s;}
  589. .de-win-buttons > svg:hover {background-color: var(--theme_default_postbg2); box-shadow: none;}
  590.  
  591. #de-cfg-bar {background: none; padding: 0 4px;}
  592. .de-cfg-tab {background-image: none !important; border-color: var(--theme_default_border) !important; border-radius: 4px !important; font-family: inherit; font-size: .8em; cursor: pointer; margin:0 2px !important; padding: 4px 6px !important;}
  593. .de-cfg-tab:hover {background-image: none !important;}
  594. .de-cfg-tab[selected], .de-cfg-tab[selected]:hover {background: var(--theme_default_bg); border-bottom: 1px solid var(--theme_default_border) !important;}
  595. .de-cfg-body, #de-cfg-buttons {border: none;}
  596.  
  597. /* Config */
  598. #de-win-cfg {width: 480px;}
  599. #de-spell-editor {border: 1px solid var(--theme_default_border); border-radius: 4px; padding: 0; margin: 2px 0;}
  600. #de-spell-rowmeter {background-color: var(--theme_default_postbg2); border-radius: 4px 0 0 4px; color: var(--theme_default_text); font-family: Consolas, monospace;}
  601. #de-spell-txt {border-radius: 0 4px 4px 0; font-family: Consolas, monospace;}
  602. .de-cfg-body {font-family: inherit !important; font-size: .9em !important;}
  603. .de-cfg-select {padding: 2px 4px !important;}
  604. .de-cfg-chkbox {margin: 0 !important; vertical-align: middle !important;}
  605. input[type="text"].de-cfg-inptxt {background-color: var(--theme_default_altbtnbg); border: 1px solid var(--theme_default_btnborder); border-radius: 4px; color: var(--theme_default_text); font-family: inherit !important; padding: 4px 6px !important;}
  606. input[type="text"].de-cfg-inptxt[size="2"] {min-width: 60px;}
  607. .de-button {font-size: .9em; padding: 3px 6px !important; height: unset;}
  608. .de-cfg-button, #de-cfg-button-debug {font-family: inherit !important; font-size: .9em !important; padding: 2px 6px !important; height: unset;}
  609. .de-cfg-needreload::after {color: var(--theme_default_red);}
  610. .de-cfg-inptxt, .de-cfg-label, .de-cfg-select {font-family: inherit !important; font-size: 1em !important;}
  611. #de-info-log {border-color: var(--theme_default_border);}
  612. .de-info-row {padding: 2px 0;}
  613.  
  614. #de-cfg-buttons {padding: 4px 8px;}
  615.  
  616. /* Bookmarks */
  617. #de-win-fav > .de-win-body, #de-win-hid > .de-win-body, #de-win-vid > .de-win-body {border: none;}
  618. #de-win-fav .de-win-body {background-color: var(--theme_default_postbg) !important;}
  619.  
  620. .de-fold-block {border: none;}
  621. .de-fav-header {background: var(--theme_default_bg); border-radius: 4px; font-size: .9em; padding: 3px;}
  622. .de-fav-entries {border: none; margin-left: 8px;}
  623. .de-entry { font-size: .9em; margin: 3px 0 !important;}
  624. .de-fav-inf {font-family: inherit;}
  625. .de-fav-inf-old {color: var(--theme_default_alttext2);}
  626. .de-fav-inf-new {color: var(--theme_default_alttext);}
  627.  
  628. /* Vid */
  629. #de-win-vid .de-win-body {background-color: var(--theme_default_postbg) !important;}
  630.  
  631. /* Post Panel */
  632. .de-parea > div:first-child {color: transparent;}
  633. .de-parea-btn-thr, .de-parea-btn-reply, .de-parea-btn-close {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; display: inline-block; font-size: 1.1em; padding: 5px 10px; transition: .1s;}
  634. .de-parea-btn-thr:hover, .de-parea-btn-reply:hover, .de-parea-btn-close:hover {background: var(--theme_default_btnbghover);}
  635. .de-btn-sage {fill: transparent; color: var(--theme_default_sage);}
  636.  
  637. .de-textarea {padding: 4px 6px !important;}
  638.  
  639. #de-pform .js-filer-input {display: none;}
  640. .de-markup-back {fill: none; stroke: none;}
  641. #de-txt-panel {fill: var(--theme_default_text); margin-left: 25px;}
  642. #de-txt-panel div {transition: .1s;}
  643. #de-txt-panel div:hover  {fill: var(--theme_default_link);}
  644. #de-symbol-markup-under path[stroke="#444"], #de-symbol-markup-strike path[stroke="#444"] {stroke: var(--theme_default_text);}
  645. #de-symbol-markup-spoil path[stroke="#666"] {stroke: var(--theme_default_spoiler);}
  646. #de-btn-quote {fill: var(--theme_default_postnum);}
  647. #de-btn-quote:hover {fill: var(--theme_default_postnumhover) !important;}
  648.  
  649. .de-file {background: none; border: 2px dashed var(--theme_default_border); border-radius: 4px;}
  650. .de-file-off > .de-file-img > div::after {font-family: inherit;}
  651. .de-file > .de-file-utils {background: var(--theme_default_glassbg);}
  652.  
  653. #de-pform .oekaki-width, #de-pform .oekaki-height {width: 40px !important;}
  654.  
  655. /* Reply */
  656. #de-win-reply.de-win-inpost {margin: 4px 0 4px 10px;}
  657. #de-win-reply {border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow);}
  658. #de-win-reply > .de-win-body {padding: 2px 6px;}
  659. #de-win-reply.de-win {border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow2); z-index: 980 !important;}
  660. #de-win-reply.de-win > .de-win-body {border: none; padding: 2px 6px;}
  661. #de-win-reply .de-win-head {padding: 8px 75px 8px 8px;}
  662. .de-win-inpost > .de-win-head > .de-win-buttons > svg:hover {background-color: var(--theme_default_postbg2); box-shadow: none;}
  663.  
  664. /* Threads*/
  665. .de-pview {border: none !important; border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); padding: 4px;}
  666. .de-oppost {position: relative;}
  667. .de-mypost {box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow) !important;}
  668. .de-selected {background: var(--theme_default_postbghighlight); box-shadow: 0 0 0 1px var(--theme_default_link), 0 1px 6px var(--theme_default_shadowhighlight) !important;}
  669. .de-new-post {box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_default_shadow) !important; margin-top: 14px;}
  670. .de-new-post::after {border-top: 2px solid var(--theme_default_link);clear: both; content: ""; display: block; position: absolute; top: -10px; left: 0; width: 100%;
  671. }
  672.  
  673. .de-mypost::before {content: ""; border-left: 2px solid var(--theme_default_link); display: block; position: absolute; top: 35px; bottom: 10px; left: 9px;}
  674. .de-mypost .post__details, .de-mypost-reply .post__details {padding: 4px;}
  675. .de-mypost .post__details::before {background: var(--theme_default_link); border-radius: 4px; color: var(--theme_default_postbg); content: "Ты"; padding: 0 4px; margin-right: 8px;}
  676. .de-mypost-reply::before {content: ""; border-left: 2px dashed var(--theme_default_link) !important; display: block; position: absolute; top: 35px; bottom: 10px; left: 9px;}
  677. .de-mypost-reply .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;}
  678. .de-post-counter-you {display: none;}
  679.  
  680. .de-btn-expthr, .de-btn-fav, .de-btn-fav-sel, .de-btn-hide, .de-btn-hide-user, .de-btn-reply, .de-btn-sage, .de-btn-src, .de-btn-stick, .de-btn-stick-on, .de-btn-unhide, .de-btn-unhide-user, .de-win-btn-clear, .de-win-btn-close, .de-win-btn-toggle {height: 20px; width: 20px; margin: 0 2px -4px 0 !important;}
  681. .de-btn-expthr, .de-btn-fav, .de-btn-fav-sel, .de-btn-hide, .de-btn-hide-user, .de-btn-img, .de-btn-reply, .de-btn-stick, .de-btn-stick-on, .de-btn-unhide, .de-btn-unhide-user {fill: transparent;}
  682. .de-btn-expthr, .de-btn-fav, .de-btn-hide, .de-btn-img, .de-btn-reply, .de-btn-stick, .de-btn-unhide {color: var(--theme_default_icon);}
  683. .de-menu {border: none !important; border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); padding: 4px !important;}
  684. .de-menu-item {border-radius: 4px; font-family: inherit; font-size: .9em; padding: 4px 8px;}
  685. .de-menu-item:hover {background: var(--theme_default_postbg2); color: var(--theme_default_text);}
  686.  
  687. .de-btn-fav-sel, .de-btn-stick-on {color: var(--theme_default_link);}
  688.  
  689. .de-post-counter {color: var(--theme_default_alttext2); font-family: inherit; font-size: 1em; font-weight: normal;}
  690.  
  691. .de-refmap::before {content: none;}
  692.  
  693. /* Pop-Up */
  694. #de-wrapper-popup {font-family: inherit; font-size: .9em;}
  695. .de-popup {border: none !important; border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_default_shadow2); margin: 10px !important;}
  696. .de-popup-btn {color: var(--theme_default_alttext);}
  697. .de-editor {font-family: Consolas, monospace;}
  698. .de-input-key {border: 1px solid var(--theme_default_border); border-radius: 4px; padding: 2px 4px !important; margin: 1px 0 !important;}
  699.  
  700. @media only screen and (max-width: 480px) {
  701.     body {font-size: .9em;}
  702.    
  703.     /*===== Catalog =====*/
  704.     .header__meta {flex-wrap: wrap; top: unset; bottom: 0; height: unset;}
  705.     .header__ctlgnav {padding: 3px 6px;}
  706.     .header__meta a:first-child {font-size: 0;}
  707.     .header__meta a:first-child::before {color: var(--theme_default_alttext); content: "arrow_back"; font: 24px/32px 'Material Icons', sans-serif;}
  708.     .header__logo svg {padding-top: unset;}
  709.    
  710.     .ctlg__thread {height: unset; min-height: 180px; max-height: 350px; margin: 5px 10px;}
  711.     .ctlg__img img {float: left; max-width: 120px; max-height: 120px; margin-right: 10px;}
  712.     .ctlg__meta {padding: 0 10px; text-align: left;}
  713.     .ctlg__comment {text-align: left; padding: 10px;}
  714.    
  715.     /*===== Header =====*/
  716.     .cntnt__header {margin: 0 5px;}
  717.     .cntnt__header::before {background: var(--theme_default_postbg); box-shadow: 0 0 0 1px var(--theme_default_border), 0 2px 16px var(--theme_default_shadow2); content: ""; display: block; height: 55px; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 200;}
  718.     .header__menu.desktop {border-bottom: none; display: block !important; padding: 10px 5px; height: unset;}
  719.     .header__menu a {color: var(--theme_default_alttext); padding-right: 4px;}
  720.     .header__menu a:first-child {display: none;}
  721.     .header__menu a:hover {color: var(--theme_default_link);}
  722.     .header__opts {background: var(--theme_default_postbg); border: none; border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); font-size: 1em; flex-wrap: wrap; padding: 10px; position: fixed; transform: none; top: unset; bottom: 70px; left: -100vw; width: calc(100vw - 20px); z-index: 300; transition: left .2s;}
  723.     .header__opts::before {background: var(--theme_default_btnbg); border-radius: 0; box-sizing: border-box; font: 24px/55px 'Material Icons', sans-serif; color: var(--theme_default_alttext); content: "menu"; cursor: pointer; height: 55px; width: 20%; position: fixed; bottom: 0; left: 0; text-align: center; transition: .1s;}
  724.     .header__opts:hover {left: 10px;}
  725.     .header__opts:hover::before {background: var(--theme_default_btnbghover);}
  726.     .header__opts .desktop {display: block !important;}
  727.     .header__opts a {color: var(--theme_default_text); padding: 6px 4px;}
  728.     .header__opts a[href$="catalog.html"] {display: none !important;}
  729.     .header__opts a:hover {color: var(--theme_default_link);}
  730.     .header__myboards {border-bottom: 1px solid var(--theme_default_border); color: var(--theme_default_alttext2); width: 100%; padding: 4px 0;}
  731.     .header__myboards a {padding: 4px; margin: 0 -2px;}
  732.     .desktop .selectbox {display: none;}
  733.     #js-mob-nav {width: 80px}
  734.     .nm__switcher {width: 36px; height: 20px;}
  735.     .nm__bullet {width: 16px; height: 16px;}
  736.    
  737.     .cntnt__header .header__title {font-size: 2em;}
  738.    
  739.     .tti {display: block !important; font-size: 1em;}
  740.    
  741.     /*===== Settings =====*/
  742.     #setting-editor-textarea-textarea {height: calc(50vh) !important; max-height: unset; min-width: unset; max-width: unset; width: 100% !important;}
  743.    
  744.     /*===== New Post =====*/
  745.     .header__newpost {padding: 0;}
  746.     /*.newpost {background: var(--theme_default_postbg); position: fixed; top: 0; bottom: unset; left: 0; right: 0; z-index: 980; overflow: auto;}
  747.     .newpost .postform {border-radius: 0; box-shadow: none; height: 100vh; width: 100%;}*/
  748.     .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;}
  749.     .newpost .postform::before {content: "Новый тред"; display: block; font-size: 1.4em; padding: 10px; text-align: center;}
  750.     .replypage .newpost .postform::before {content: "Новый пост";}
  751.     /*.replypage .newpost .postform::after {background: var(--theme_default_btnbg); border-radius: 50%; color: var(--theme_default_btntext); content: "close"; display: block; font: 24px/55px 'Material Icons', sans-serif; pointer-events: none; position: fixed; bottom: 10px; right: 15px; height: 55px; width: 55px; text-align: center; z-index: 981;}*/
  752.    
  753.     .button_mob {border-radius: 4px; transition: .1s;}
  754.     .mobile.newpost__label_top {border: none; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); border-radius: 50%; font-size: 0; padding: 0 13px !important; position: fixed; margin: 0; bottom: 10px; right: 15px; height: 55px; width: 55px; z-index: 980;}
  755.     .mobile.newpost__label_top:before {content: "create"; font: 24px/55px 'Material Icons', sans-serif;}
  756.     .mobile.newpost__label_bot, footer .newpost {display: none !important;}
  757.    
  758.     textarea.postform__input {min-width: unset; max-width: unset; width: 100% !important;}
  759.    
  760.     .postarea__btns {bottom: -34px;}
  761.     .postform__mu-wrapper {margin-left: 62px;}
  762.     .postarea__btn {width: 28px; height: 28px; padding: 5px;}
  763.     .postform__mu {width: 28px; height: 28px;}
  764.     .postform__raw.options {display: block !important;}
  765.     .postform__input, .captcha__val, .postform .button {padding: 8px 10px;}
  766.    
  767.     .postform__mob.mobile {background: var(--theme_default_link); border-radius: 50%; box-shadow: 0 1px 6px var(--theme_default_shadowhighlight); padding: 0 18px; position: fixed; margin: 0; bottom: 90px; right: 15px; height: 55px; width: 55px;}
  768.     .postform__mob.mobile::before {content: "send"; color: var(--theme_default_altbtntext); font: 24px/55px 'Material Icons', sans-serif;}
  769.     .postform__mob-button[type=submit] {background: none !important; border: none; border-radius: 50%; font-size: 0; height: 55px; width: 55px; margin: 0; position: absolute; left: 0; top: 0;}
  770.     .postform__mob-button[value$="%"] {background: var(--theme_default_link) !important; color: var(--theme_default_altbtntext); font-size: .8rem; padding: 6px 0 !important;}
  771.     /*.postform__mob-button[value$="Обработка..."] {background: var(--theme_default_link) !important; color: var(--theme_default_altbtntext); font-size: .8rem; padding: 6px 0 !important;}*/
  772.    
  773.     /*===== Threads =====*/
  774.     .cntnt__aside {display: none !important;}
  775.     .cntnt__main {flex: none; -webkit-flex: none; margin: 0; width: 100%;}
  776.    
  777.     form[action="/user/search"] {background: var(--theme_default_postbg); border-radius: 6px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); display: block !important; padding: 5px 10px 10px; position: fixed; top: unset; bottom: 70px; left: -100vw; z-index: 900; transition: .1s; width: 70vw;}
  778.     form[action="/user/search"]::before {content: "Поиск по доске"; display: block; font-size: 1.1rem; text-align:  center; padding-bottom: 5px;}
  779.     form[action="/user/search"]::after {content: "search"; color: var(--theme_default_alttext); cursor: pointer; font: 24px/55px 'Material Icons', sans-serif; position: fixed; bottom: 0; left: 60%; width: 20%; text-align: center; transition: .1s;}
  780.     form[action="/user/search"]:hover {left: 10px;}
  781.     form[action="/user/search"]:hover::after {background: var(--theme_default_btnbghover);}
  782.     form[action="/user/search"] input[class="input"] {background: var(--theme_default_bg); width: 100%; padding: 8px 10px; position: unset;}
  783.    
  784.     .replypage .tn .button_mob:first-child {display: none !important;}
  785.     .replypage .tn:first-of-type .button_mob:first-child {background: var(--theme_default_postbg); border: none; border-radius: 50%; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); display: block !important; font-size: 0; padding: 7px 11px !important; position: fixed; height: 46px; width: 46px; bottom: 72px; left: 20px; z-index: 201;}
  786.     .replypage .tn:first-of-type .button_mob:first-child:hover {background: var(--theme_default_btnbghover);}
  787.     .replypage .tn:first-of-type .button_mob:first-child::before {color: var(--theme_default_alttext); content: "arrow_back"; font: bold 24px/32px 'Material Icons', sans-serif;}
  788.    
  789.     .button_mob[href="#top"], .button_mob[href="#bottom"] {display: none !important;}
  790.    
  791.     .tn .button_mob[href$="catalog.html"] {display: none !important;}
  792.     .tn:first-of-type .button_mob[href$="catalog.html"] {border: none; border-radius: 0; display: block !important; font-size: 0; position: fixed; z-index: 900; padding: 0 !important; height: 55px; width: 20%; bottom: 0; left: 40%; text-align: center;}
  793.     .button_mob[href$="catalog.html"]::before {color: var(--theme_default_alttext) !important; content: "apps"; font: 24px/55px 'Material Icons', sans-serif;}
  794.     .button_mob:hover {background: var(--theme_default_btnbghover);}
  795.    
  796.     .button_mob[onclick*="updateThread(); return false;"] {display: none !important;}
  797.     .js-update-thread::before {background: var(--theme_default_postbg); border-radius: 25px; color: var(--theme_default_alttext); padding: 11px; top: unset; bottom: 72px; left: 80px; z-index: 202; transform: none; transition: .1s;}
  798.     .js-update-thread:hover::before {background: var(--theme_default_postbg2); transform: none;}
  799.    
  800.     .tn__item.desktop {display: block !important;}
  801.     #js-hidefm, #js-posts + .tn .autorefresh {display: none !important;}
  802.     span.autorefresh {background: var(--theme_default_postbg); border-radius: 25px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); font-size: 0; padding: 11px 0 11px 46px; position: fixed; height: 46px; left: 80px; bottom: 72px; z-index: 201; margin-right: 0 !important;}
  803.     span.autorefresh input[type="checkbox"] {visibility: hidden; margin-left: -24px; transition: .2s;}
  804.     .autorefresh span {font-size: .9rem; color: var(--theme_default_text); margin: 0; vertical-align: -3px;}
  805.     span.autorefresh input[type="checkbox"]:checked + .autorefresh-countdown {margin-right: 10px;}
  806.     .js-update-thread:focus + span.autorefresh input[type="checkbox"] {visibility: unset; margin-left: 8px; margin-right: 10px;}
  807.    
  808.     .tn span[title] {display: none;}
  809.     #js-posts + .tn span[title] {display: inline;}
  810.    
  811.     .thread_hidden div {width: 100vw; padding: 0 10px;}
  812.    
  813.     .post_type_oppost {border-radius: 0; margin: 0;}
  814.     .oppost-options-mob {margin: 0; padding: 5px 10px;}
  815.     .post_type_reply {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0;}
  816.     .post_type_watched:before, .post_type_replied:before {top: 0; bottom: 0; left: 0;}
  817.    
  818.     .post__details {padding: 8px 30px 2px 10px !important; position: relative; overflow: unset;}
  819.     .post__detailpart.desktop {display: flex !important;}
  820.     .post__detailpart.desktop a {display: none;}
  821.     .post__title {font-size: 1em;}
  822.     .post__btn_type_favorite {display: block !important;}
  823.     .post__btn_type_menu {display: block !important; position: absolute; right: 5px; top: 5px; transform: rotate(90deg);}
  824.    
  825.     #ABU-select {left: unset !important; right: 35px;}
  826.     .modal a {font-size: 1.1em; padding: 6px 12px;}
  827.    
  828.     .post__message {font-size: .95rem; padding: 8px 16px;}
  829.     .post__images_type_single {float: none;}
  830.     .post__images_type_single + .post__message {padding: 8px 16px 8px;}
  831.    
  832.     /*===== Quick Reply =====*/
  833.     .qr {border-radius: 0; width: 100%; height: calc(100vh); padding: 10px; overflow: auto; left: 0 !important; top: 0 !important;}
  834.     .qr__header {font-size: 1.4em; padding: 2px 6px 10px 6px;}
  835.     .qr__close {padding: 6px; margin: -6px;}
  836.     .qr .postform__input_type_m:nth-last-child(2) {margin-right: 4px;}
  837.    
  838.     /*===== Bookmarks =====*/
  839.     .bb {border-radius: 6px; border: none; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_default_shadow); font-size: .9rem; display: block !important; bottom: 70px; left: calc(-100vw); right: unset; width: calc(100vw - 20px); transition: left .2s; z-index: 900;}
  840.     .bb:hover {left: 10px;}
  841.     .bb:hover .bb__header::before {background: var(--theme_default_btnbghover);}
  842.     .bb__header {font-size: 1.1rem; margin-right: 35px; padding: 10px 10px 5px;}
  843.     .bb__header::before {background: var(--theme_default_btnbg); color: var(--theme_default_alttext); content: "star"; font: 24px/55px 'Material Icons', sans-serif; position: fixed; left: 20%; bottom: 0; height: 55px; width: 20%; text-align: center; transition: .1s;}
  844.     .bb__header_new::before {color: var(--theme_default_link);}
  845.     .bb__update {top: 12px; right: 12px;}
  846.     .bb__panels {display: block !important;}
  847.     .bb__panel {padding: 5px 10px;}
  848.     .fav__fa {float: right; margin-left: 5px; margin-right: 0;}
  849.     .bb__row {margin: 6px 0;}
  850.     .bb__row a span:first-child {font-weight: normal; margin-right: 4px; opacity: .7;}
  851.     .bb__row a span:nth-child(2), .bb__row a span:nth-child(3) {display: none;}
  852.     .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;}
  853.     .bb__row .fav__new:last-of-type {background: var(--theme_default_link); border-radius: 4px; color: var(--theme_default_altbtntext);}
  854.     .bb__bstitle {max-width: calc(100% - 90px);}
  855.     .bb__bstitle + span {float: right; width: 90px; text-align: right; word-spacing: -2px;}
  856.     .bb__bstitle + span svg {float: right; margin-left: 5px;}
  857.     .bb__footer {font-size: 0;}
  858.     .bb__footer div {display: flex; flex-wrap: wrap; align-items: center;}
  859.     .bb__footer div::before {content: "Следить за:"; font-size: .9rem; padding-right: 4px;}
  860.     .bb__footer label {font-size: 0; display: inline-block; margin-top: 4px;}
  861.     #qr-fav-autowatchmyposts {display: flex; width: unset;}
  862.     #qr-fav-autowatchmyposts::after {color: var(--theme_default_text); content: "постами"; font-size: .9rem; padding: 0 4px;}
  863.     #qr-fav-autowatchmythreads {display: flex; width: unset;}
  864.     #qr-fav-autowatchmythreads::after {color: var(--theme_default_text); content: "тредом"; font-size: .9rem; padding: 0 4px;}
  865.     .bb__tabs {margin: 10px;}
  866.     .bb__tab {background: none; border-radius: 6px; margin-right: 5px; padding: 6px 12px;}
  867.     .bb__tab_active {background: var(--theme_default_bg); border-top-color: var(--theme_default_border);}
  868.    
  869.     /*===== Pop-Up Shit =====*/
  870.     .warningbox {border-radius: 0; box-shadow: none ; top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: unset;}
  871.     .mv__main:before, .mv__main:after {opacity: 1;}
  872.     .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;}
  873.    
  874.     #plashque, .plashque {left: 5px;}
  875.     .plashque_mob {background-color: var(--theme_default_glassbg);}
  876.     .plashque__close {font-size: 0;}
  877.     .plashque__close::before {color: var(--theme_default_alttext); content: "close"; font: 36px/1 'Material Icons', sans-serif;}
  878.    
  879.     .alert {pointer-events: none;}
  880.    
  881.     .na {background: var(--theme_default_icon); border-radius: 50%; display: block !important; height: 46px; width: 46px; left: unset; right: 20px; padding: 13px 15px;}
  882.     .na__icon {fill: var(--theme_default_altbtntext) !important;}
  883.     .na_type_up {top: unset; bottom: 100px;}
  884.     .na_type_down {bottom: 100px;}
  885.     .na_type_up[style="display: none;"], .na_type_down[style="display: none;"] {display: none !important;}
  886.    
  887.     /*===== Footer =====*/
  888.     .footer {margin: 0 0 110px !important;}
  889.     .footer__info {display: none;}
  890.    
  891.     /*===== Dollchan =====*/
  892.    
  893.     .de-runned .header__opts, .de-runned .bb, .de-runned form[action="/user/search"] {bottom: 115px;}
  894.    
  895.     .replypage.de-runned .tn:first-of-type .button_mob:first-child {bottom: 120px;}
  896.     .de-runned #up-nav-arrow {bottom: 180px;}
  897.     .de-runned #down-nav-arrow {bottom: 120px;}
  898.    
  899.     /* Dock Panel */
  900.     #de-panel {bottom: 55px;}
  901.     #de-panel-buttons {display: flex !important;}
  902.    
  903.     /* Confg */
  904.     #de-win-cfg.de-win-fixed, #de-win-fav.de-win-fixed, #de-win-hid.de-win-fixed, #de-win-vid.de-win-fixed {bottom: 110px !important; width: calc(100% - 10px) !important;}
  905. }
Add Comment
Please, Sign In to add comment