API tools faq
paste
Advertisement
Guest User

2ch Reborn

a guest
Apr 8th, 2020
395
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 79.89 KB | None | 0 0
raw download clone embed print report
  1. @font-face {font-family: 'FontAwesome'; font-weight: normal; font-style: normal; src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");}
  2. /* cyrillic-ext */
  3. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xFIzIFKw.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: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  6. /* greek-ext */
  7. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2'); unicode-range: U+1F00-1FFF;}
  8. /* greek */
  9. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2'); unicode-range: U+0370-03FF;}
  10. /* vietnamese */
  11. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  12. /* latin-ext */
  13. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xGIzIFKw.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;}
  14. /* latin */
  15. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzI.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;}
  16. /* cyrillic-ext */
  17. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  18. /* cyrillic */
  19. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  20. /* greek-ext */
  21. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2'); unicode-range: U+1F00-1FFF;}
  22. /* greek */
  23. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2'); unicode-range: U+0370-03FF;}
  24. /* vietnamese */
  25. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  26. /* latin-ext */
  27. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.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;}
  28. /* latin */
  29. @font-face {font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic6CsQ.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;}
  30. /* cyrillic-ext */
  31. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  32. /* cyrillic */
  33. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  34. /* greek-ext */
  35. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF;}
  36. /* greek */
  37. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF;}
  38. /* vietnamese */
  39. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  40. /* latin-ext */
  41. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.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;}
  42. /* latin */
  43. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.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;}
  44. /* cyrillic-ext */
  45. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  46. /* cyrillic */
  47. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  48. /* greek-ext */
  49. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF;}
  50. /* greek */
  51. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF;}
  52. /* vietnamese */
  53. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  54. /* latin-ext */
  55. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.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;}
  56. /* latin */
  57. @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.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;}
  58.  
  59. html, body {font-family: 'Roboto', sans-serif !important;}
  60. html, body {background: var(--theme_default_bg); color: var(--theme_default_text);}
  61. body {line-height: 1.43;}
  62.  
  63. /* Молодец! Ты нашел секретные первоапрельские футанари обои! Просто закомментируй код снизу добавив слэш и звездочки в начале и в конце кода, чтобы убрать обои */
  64.  
  65. /*html{background-image: url(http://immage.biz/images/2020/01/06/SsHp.jpg); background-attachment: fixed; background-size: 100% auto; background-repeat: no-repeat; background-color: #e5e5e5 !important;}
  66. html[data-theme=nightmode] {background-image: url(http://immage.biz/images/2020/01/06/SsHG.jpg); background-attachment: fixed; background-size: 100% auto; background-color: #000 !important;}
  67.  
  68. body {background: transparent !important;}
  69.  
  70. .post_type_oppost, .post_type_reply {background: var(--theme_default_glassbg) !important;}
  71. input[type="text"], input[type="password"], textarea, .input {background-color: var(--theme_default_glassbg) !important;}
  72. .post_preview {background: var(--theme_default_postbg) !important;}
  73.  
  74. #adminbar__more::before {background: url(http://immage.biz/images/2020/01/05/Sndb.png) 100% no-repeat; background-size: 100% auto; content: '🍑?'; color: var(--theme_default_text); font-weight: bold; font-size: 24px; text-align: right; display: block; height: 340px; width: 150px; position: fixed; right: 40px; bottom: -180px; transition: .6s ease;}
  75. #adminbar__more:hover::before {background-size: 100% auto; content: '🍆!'; font-size: 32px; height: 510px; width: 212px; bottom: 0;}
  76.  
  77. .boardname::after {content: "и с 1 апреля";}
  78.  
  79. .thread_wrap {background: var(--theme_default_glassbg);}
  80. .cthread {background: none;}
  81. .thread_wrap.expandble .cthread {background: var(--theme_default_glassbg);}
  82.  
  83. .qr {background: var(--theme_default_glassbg);}*/
  84.  
  85. :root {
  86. --clr_link: 205;
  87. --clr_link2: 100%;
  88. --clr_link3: 0%;
  89. --clr_num: 120,40%;
  90. --spectext: hsl(290,30%,45%);
  91. --clr_red: 0,100%;
  92. --clr: 205;
  93. --clr2: 0%;
  94. --theme_scrollbg: hsl(var(--clr),var(--clr2),93%,.2);
  95. --theme_scroll: hsl(var(--clr),var(--clr2),70%);
  96. --theme_scrollhover: hsl(var(--clr),var(--clr2),65%);
  97. --theme_scrollactive: hsl(var(--clr),var(--clr2),60%);
  98. --theme_default_bg: hsl(var(--clr),var(--clr2),93%);
  99. --theme_default_postbg: hsl(var(--clr),var(--clr2),100%);
  100. --theme_default_postbg2: hsl(var(--clr),var(--clr2),93%);
  101. --theme_default_postbg3: hsl(var(--clr),var(--clr2),95%);
  102. --theme_default_glassbg: hsl(var(--clr),var(--clr2),100%,.8);
  103. --theme_default_borderhighlight: var(--theme_default_link);
  104. --theme_default_shadowhighlight: hsl(var(--clr_link),var(--clr_link2),40%,.6);
  105. --theme_default_postbghighlight: hsl(var(--clr_link),calc(var(--clr_link2)/2),95%);
  106. --theme_default_mod: hsl(var(--clr_link),var(--clr_link2),30%);
  107. --theme_default_spectext: var(--spectext);
  108. --theme_default_postnum: hsl(var(--clr_num),40%);
  109. --theme_default_postnum2: hsl(var(--clr_num),45%);
  110. --theme_default_border: hsl(var(--clr),var(--clr2),0%,.15);
  111. --theme_default_altborder: hsl(var(--clr),var(--clr2),0%,.2);
  112. --theme_default_text: hsl(var(--clr),var(--clr2),20%);
  113. --theme_default_alttext: hsl(var(--clr),var(--clr2),40%);
  114. --theme_default_alttext2: hsl(var(--clr),var(--clr2),60%);
  115. --theme_default_contrasttext: hsl(var(--clr),var(--clr2),100%);
  116. --theme_default_red: hsl(var(--clr_red),60%);
  117. --theme_default_sage: hsl(var(--clr_red),70%);
  118. --theme_default_ophui: hsl(var(--clr_num),40%);
  119. --theme_default_link: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) + 40%));
  120. --theme_default_hover: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) + 30%));
  121. --theme_default_altlink: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) + 40%),.8);
  122. --theme_default_althover: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) + 30%),.8);
  123. --theme_default_title: hsl(var(--clr_link),var(--clr_link2),20%);
  124. --theme_default_drag: hsl(var(--clr),var(--clr2),70%);
  125. --theme_default_spoiler: hsl(var(--clr),var(--clr2),80%);
  126. --theme_default_icon: hsl(var(--clr),var(--clr2),60%);
  127. --theme_default_btntext: var(--theme_default_text);
  128. --theme_default_altbtntext: hsl(var(--clr),var(--clr2),100%);
  129. --theme_default_btnbg: hsl(var(--clr),var(--clr2),100%);
  130. --theme_default_btnborder: hsl(var(--clr),var(--clr2),0%,.15);
  131. --theme_default_altbtnbg: hsl(var(--clr),var(--clr2),97%);
  132. --theme_default_btnbghover: hsl(var(--clr),var(--clr2),97%);
  133. --theme_default_altbtnbghover: hsl(var(--clr),var(--clr2),100%);
  134. --theme_default_inputtext: var(--theme_default_text);
  135. --theme_logo_text: var(--theme_default_link);
  136. --theme_select: 100% 9px;
  137. --theme_checkbox: 1px 2px;
  138. --theme_nmswitch: hsl(var(--clr),var(--clr2),75%);
  139. --theme_mpborder: hsl(var(--clr),var(--clr2),85%);
  140. --theme_invert: unset;
  141. --theme_shadow: hsl(var(--clr),var(--clr2),2%,.05);
  142. --theme_shadow2: hsl(var(--clr),var(--clr2),2%,.1);
  143. --theme_shadow3: hsl(var(--clr),var(--clr2),2%,.15);
  144. --theme_shadow4: hsl(var(--clr),var(--clr2),2%,.25);
  145. --theme_navposition: 0;
  146. --theme_navposition2: 7px;
  147. --theme_navposition3: unset;
  148. --theme_navposition4: unset;
  149. --theme_bodypadding: 0 5px 0 35px;
  150. }
  151.  
  152. html[data-theme=nightmode]:root {
  153. --clr_link: 205;
  154. --clr_link2: 60%;
  155. --clr_link3: 5%;
  156. --clr_num: 45,40%;
  157. --spectext: hsl(290,30%,60%);
  158. --clr_red: 0,100%;
  159. --clr: 205;
  160. --clr2: 5%;
  161. --theme_scrollbg: hsl(var(--clr),var(--clr2),15%,.2);
  162. --theme_scroll: hsl(var(--clr),var(--clr2),45%);
  163. --theme_scrollhover: hsl(var(--clr),var(--clr2),50%);
  164. --theme_scrollactive: hsl(var(--clr),var(--clr2),55%);
  165. --theme_default_bg: hsl(var(--clr),var(--clr2),15%);
  166. --theme_default_postbg: hsl(var(--clr),var(--clr2),20%);
  167. --theme_default_postbg2: hsl(var(--clr),var(--clr2),25%);
  168. --theme_default_postbg3: hsl(var(--clr),var(--clr2),25%);
  169. --theme_default_glassbg: hsl(var(--clr),var(--clr2),20%,.8);
  170. --theme_default_borderhighlight: var(--theme_default_link);
  171. --theme_default_shadowhighlight: hsl(var(--clr_link),var(--clr_link2),60%,.6);
  172. --theme_default_postbghighlight: hsl(var(--clr_link),calc(var(--clr_link2)/3),20%);
  173. --theme_default_mod: hsl(var(--clr_link),var(--clr_link2),70%);
  174. --theme_default_spectext: var(--spectext);
  175. --theme_default_postnum: hsl(var(--clr_num),60%);
  176. --theme_default_postnum2: hsl(var(--clr_num),65%);
  177. --theme_default_border: hsl(var(--clr),var(--clr2),100%,.1);
  178. --theme_default_altborder: hsl(var(--clr),var(--clr2),100%,.15);
  179. --theme_default_text: hsl(var(--clr),var(--clr2),85%);
  180. --theme_default_alttext: hsl(var(--clr),var(--clr2),70%);
  181. --theme_default_alttext2: hsl(var(--clr),var(--clr2),50%);
  182. --theme_default_contrasttext: hsl(var(--clr),var(--clr2),0%);
  183. --theme_default_red: hsl(var(--clr_red),60%);
  184. --theme_default_sage: hsl(var(--clr_red),70%);
  185. --theme_default_ophui: hsl(var(--clr_num),60%);
  186. --theme_default_link: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) + 60%));
  187. --theme_default_hover: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) + 70%));
  188. --theme_default_altlink: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) + 60%),.8);
  189. --theme_default_althover: hsl(var(--clr_link),var(--clr_link2),calc(var(--clr_link3) + 70%),.8);
  190. --theme_default_title: hsl(var(--clr_link),var(--clr_link2),85%);
  191. --theme_default_drag: hsl(var(--clr),var(--clr2),45%);
  192. --theme_default_spoiler: hsl(var(--clr),var(--clr2),30%);
  193. --theme_default_icon: hsl(var(--clr),var(--clr2),65%);
  194. --theme_default_btntext: var(--theme_default_text);
  195. --theme_default_altbtntext: hsl(var(--clr),var(--clr2),15%);
  196. --theme_default_btnbg: hsl(var(--clr),var(--clr2),20%);
  197. --theme_default_btnborder: hsl(var(--clr),var(--clr2),100%,.1);
  198. --theme_default_altbtnbg: hsl(var(--clr),var(--clr2),17%);
  199. --theme_default_btnbghover: hsl(var(--clr),var(--clr2),25%);
  200. --theme_default_altbtnbghover: hsl(var(--clr),var(--clr2),20%);
  201. --theme_default_inputtext: var(--theme_default_text);
  202. --theme_logo_text: var(--theme_default_link);
  203. --theme_select: 100% -13px;
  204. --theme_checkbox: 1px -18px;
  205. --theme_nmswitch: var(--theme_default_link);
  206. --theme_mpborder: hsl(var(--clr),var(--clr2),35%);
  207. --theme_invert: unset;
  208. --theme_shadow: hsl(var(--clr),var(--clr2),2%,.15);
  209. --theme_shadow2: hsl(var(--clr),var(--clr2),2%,.2);
  210. --theme_shadow3: hsl(var(--clr),var(--clr2),2%,.25);
  211. --theme_shadow4: hsl(var(--clr),var(--clr2),2%,.35);
  212. }
  213.  
  214. ::-webkit-scrollbar {background: var(--theme_scrollbg); height: 14px; width: 14px;}
  215. ::-webkit-scrollbar-track {background-clip: padding-box; border: solid transparent; border-width: 0;}
  216. ::-webkit-scrollbar-button {width: 0px; height: 0px;}
  217. ::-webkit-scrollbar-thumb {background-color: var(--theme_scroll); background-clip: padding-box; border: 2px solid transparent; border-radius: 4px;}
  218. ::-webkit-scrollbar-thumb:hover {background-color: var(--theme_scrollhover);}
  219. ::-webkit-scrollbar-thumb:active {background-color: var(--theme_scrollactive);}
  220. ::-webkit-scrollbar-corner {background: var(--theme_scrollbg);}
  221.  
  222. div[style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.5;"] {background-color: var(--theme_default_bg) !important;}
  223.  
  224. .cntnt {max-width: 1024px; margin: 0 auto; padding: var(--theme_bodypadding);}
  225. .catalog, .body-stickers {max-width: 1024px; margin: 0 auto; padding: 0 10px;}
  226. @media only screen and (min-width: 1280px) and (orientation:portrait),  only screen and (min-width: 1280px) and (orientation:landscape){
  227. .cntnt {max-width: 1024px; margin: 0 auto; padding: var(--theme_bodypadding);}
  228. .catalog, .body-stickers {max-width: 1024px; margin: 0 auto; padding: 0 10px;}
  229. }
  230. @media only screen and (min-width: 1480px) and (orientation:portrait),  only screen and (min-width: 1480px) and (orientation:landscape){
  231. .cntnt {max-width: 1280px; margin: 0 auto; padding: var(--theme_bodypadding);}
  232. .catalog, .body-stickers {max-width: 1280px; margin: 0 auto; padding: 0 10px;}
  233. }
  234. @media only screen and (min-width: 1920px) and (orientation:portrait),  only screen and (min-width: 1920px) and (orientation:landscape){
  235. .cntnt {max-width: 1480px; margin: 0 auto; padding: var(--theme_bodypadding);}
  236. .catalog, .body-stickers {max-width: 1480px; margin: 0 auto; padding: 0 10px;}
  237. }
  238.  
  239. *::selection {background: var(--theme_default_link); color: var(--theme_default_contrasttext);}
  240. *::-moz-selection {background: var(--theme_default_link); color: var(--theme_default_contrasttext);}
  241. *::-webkit-selection {background: var(--theme_default_link); color: var(--theme_default_contrasttext);}
  242.  
  243. .rmenu, #plashque, #mobile-plashque, .logo img, .logo br, .mmm {display: none;}
  244.  
  245. a {color: var(--theme_default_link); text-decoration: none; transition: color .1s; outline: none;}
  246. a:hover {color: var(--theme_default_hover);}
  247. a:link {text-decoration: none;}
  248. a[href*="youtube.com"] {border-bottom: none;}
  249. a[href$="sage"], a[href$="Sage"], a[href$="SAGE"] {color: var(--theme_default_sage);}
  250. a[savefrom_lm_is_link="1"] {background: none !important;}
  251. a[savefrom_lm_is_link="1"]::before {content: '\f019'; font: 16px/1 FontAwesome;}
  252. .hashlink {color: var(--theme_default_altlink);}
  253. .hashlink:hover {color: var(--theme_default_althover);}
  254.  
  255. /* ===== Main Page ===== */
  256. .st0, .st1, use[fill="url(#gradientaaCw2bI38)"] {fill: var(--theme_default_link);}
  257. .welcomefriend {color: var(--theme_default_link);}
  258.  
  259. .wraper.mainpage {margin: 0 10px;}
  260. .mcontent, .board-data {max-width: 1000px; width: auto;}
  261. .hdescription, .hdescription-stats {font-family: inherit;}
  262. .postscontainer {border: none; border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_shadow);}
  263. font[color="red"], font[color="#ff0000"], span[style="font-size:10px; color:red;"], span[style="color: #ff0000;"], .closed-board, .archive-thread, .thanks-abu {color: var(--theme_default_red) !important;}
  264.  
  265. .mainpage .pager {box-shadow: none;}
  266. .hnews .news-posts-count {color: var(--theme_default_alttext2);}
  267.  
  268. /* Stats */
  269. .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: inherit;}
  270. .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_alttext);}
  271. .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {color: var(--theme_default_text);}
  272.  
  273. .ui-widget-content {background: var(--theme_default_postbg);}
  274. .ui-widget-header {background: var(--theme_default_bg);}
  275. .cloudheader .cloudoption {color: var(--theme_default_alttext);}
  276. .cloudheader .cloudoption:hover {color: var(--theme_default_text);}
  277.  
  278. .table .thead .th {background: var(--theme_default_link); border: none; color: var(--theme_default_altbtntext);}
  279. .table .thead .th a[style="color:black;"] {color: var(--theme_default_altbtntext) !important;}
  280. .board-speed {color: var(--theme_default_alttext);}
  281.  
  282. hr {border-color: transparent;}
  283. .hr {border-top-color: var(--theme_default_border);}
  284. .box-data .data {border-color: var(--theme_default_border);}
  285.  
  286. /* FAQ */
  287. a.logo {background: none; color: var(--theme_default_link) !important; padding: 0;}
  288. a.logo::before {content: "\f0e7"; font: 60px/1 FontAwesome; padding-right: 10px;}
  289.  
  290. .box {background: var(--theme_default_postbg); border: none; border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_shadow);}
  291. .box hr {border-top-color: var(--theme_default_border);}
  292. .boardname {color: var(--theme_default_link);}
  293.  
  294. /* Donate Abu */
  295. #adminbar ul.menu ul li a {color: var(--theme_default_link);}
  296. #adminbar ul.menu ul li a:hover {color: var(--theme_default_hover);}
  297. #adminbar ul.menu ul li a:visited {color: var(--theme_default_link);}
  298. .logo {color: var(--theme_default_link);}
  299.  
  300. .reply {background: var(--theme_default_postbg); border: none; border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_shadow);}
  301.  
  302. /* Passcode kupi - Abu pomogi */
  303. .header {color: var(--theme_default_link);}
  304.  
  305. #fixed {background-color: var(--theme_default_postbg); border-top: 1px solid var(--theme_default_border); border-bottom: 1px solid var(--theme_default_border); box-shadow: 0 1px 3px var(--theme_shadow);}
  306. .amenu {font-family: inherit !important;}
  307. .topmenu li a.mitem:link, .topmenu li a.mitem:visited {background: var(--theme_default_btnbg); border: 1px solid var(--theme_default_border); border-radius: 3px; color: var(--theme_default_text);}
  308. .topmenu li a.mitem:hover {background: var(--theme_default_btnbghover);}
  309. .addban, .floatforms {background-color: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); box-shadow: 0 1px 3px var(--theme_shadow);}
  310. .floatforms {font-family: inherit;}
  311.  
  312. /* Stickers */
  313. .body-stickers .sticker {background-color: var(--theme_default_postbg); border-color: var(--theme_default_border); box-shadow: 0 1px 3px var(--theme_shadow); color: var(--theme_default_text);}
  314. .body-stickers .sticker:hover {border-color: var(--theme_default_altborder);}
  315.  
  316. .sticker {scrollbar-color: var(--theme_scroll) transparent; scrollbar-width: thin;}
  317.  
  318. /* ===== Catalog ===== */
  319. .logo {font-family: unset;}
  320.  
  321. .centered span[style="float:left"] a {color: var(--theme_default_text); font-size: 0;}
  322. .centered span[style="float:left"] a:hover {color: var(--theme_default_link);}
  323. .centered span[style="float:left"] a::before {content: "\f060"; font: 22px/30px FontAwesome; width: 40px; display: inline-block;}
  324.  
  325. .thread_wrap {border: none; border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_shadow); margin: 5px;}
  326. .thread_wrap.expandble:hover .cthread {border-radius: 3px; box-shadow:  0 0 0 1px var(--theme_default_border);}
  327. .thumb {border-radius: 3px; box-shadow: none; max-width: 228px; height: auto;}
  328.  
  329. /* ===== Page ===== */
  330. .warningcover {background-color: var(--theme_default_bg); backdrop-filter: blur(10px); opacity: .9;}
  331. .warningbox {border: none; border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_shadow2); margin-top: -50px; overflow: auto;}
  332.  
  333. #fullscreen-container {box-shadow: 0 6px 16px var(--theme_shadow4); padding: 0; margin: 6px 4px 4px 0;}
  334. #fullscreen-container:hover:after {opacity: 1;}
  335. #fullscreen-container:after {background: var(--theme_default_glassbg); border-radius: 13px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_shadow2); color: var(--theme_default_text); padding: 1px 5px; top: -8px; left: 50%; transform: translateX(-50%); width: unset; opacity: 0; transition: .1s;}
  336.  
  337. .na {background: transparent; border-radius: 0; height: 50%; width: 35px; padding: 0; left: var(--theme_navposition); right: var(--theme_navposition4); text-align: center; transition: .1s; z-index: 200;}
  338. .na_type_up:hover, .na_type_up:active {background: linear-gradient(to top, transparent, var(--theme_default_postbg));}
  339. .na_type_down:hover, .na_type_down:active {background: linear-gradient(to top, var(--theme_default_postbg), transparent);}
  340. .na__icon {display: block; fill: var(--theme_default_alttext2); position: fixed;}
  341. .na:hover .na__icon {fill: var(--theme_default_alttext);}
  342. .na_type_up {top: 0;}
  343. .na_type_up .na__icon {padding: 50px 10px 0; width: 35px; height: 65px; top: 0;}
  344. .na_type_down {bottom: 0; transform: none;}
  345. .na_type_down .na__icon {padding: 50px 10px 0; width: 35px; height: 65px; transform: rotate(180deg); bottom: 0;}
  346.  
  347. .alert {border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_shadow2);}
  348.  
  349. .media-thumbnail img {border-radius: 3px; box-shadow: 0 1px 6px 0 var(--theme_shadow3);}
  350.  
  351. /* Header */
  352. .adminbar {color: var(--theme_default_alttext); text-align: center;}
  353. .adminbar__menu {border-bottom: none; height: 32px;}
  354. .adminbar__menu a {margin: 0 2px;}
  355. .adminbar__boards_sticky {border-bottom-color: transparent; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_shadow2); left: 0; transform: translateY(-29px); transition: transform .1s; z-index: 900;}
  356. .adminbar__boards_hovered {transform: none;}
  357. .adminbar a {color: var(--theme_default_alttext)}
  358. .adminbar a:hover, .adminbar a:focus {color: var(--theme_default_link);}
  359.  
  360. select {background: var(--theme_default_altbtnbg); background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="44"><defs><g><path id="select" d="M10.3 0L5.5 4.7.7 0 0 .7 5.5 6 11 .7z"/></g></defs><use href="%23select" x="0" fill="%23000"/><use href="%23select" x="0" y="22" fill="%23fff"/></svg>') !important; background-position: var(--theme_select) !important; background-repeat: no-repeat !important; border: 1px solid var(--theme_default_border); border-radius: 3px; color: var(--theme_default_text); padding: 2px 22px 2px 6px !important; outline: none; transition: border .1s, background .1s, color .1s; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
  361. select:focus {background: var(--theme_default_altbtnbghover); border-color: var(--theme_default_altborder);}
  362. .style-switcher {height: 24px;}
  363.  
  364. /* Setting */
  365. .settings__prefs {margin-left: 15px;}
  366. .settings__header span {font-size: 0;}
  367. .settings__header span:first-child::before {content: "\f078"; font: 12px/1 FontAwesome; margin-right: 4px;}
  368. .settings__header span:last-child::before {content: "\f077"; font: 12px/1 FontAwesome; margin-right: 4px;}
  369. .settings__row {padding: 1px 0;}
  370. .settings__label select {margin-left: 4px;}
  371. .settings__edit {background: none; color: var(--theme_default_text);}
  372. .settings__edit:hover {color: var(--theme_default_link);}
  373. .settings__edit::before {content: "\f044"; font: 14px/1 FontAwesome;}
  374. #setting-editor-textarea-textarea {font-family: Consolas, monospace;}
  375.  
  376. .ah__header {background-color: var(--theme_default_postbg2);}
  377. .ah__cell {border-color: var(--theme_default_postbg2);}
  378. .error {border-color: var(--theme_default_red) !important;}
  379. .ah__input:focus {border-color: var(--theme_default_altborder) !important; box-shadow: 0 1px 3px var(--theme_shadow);}
  380.  
  381. /* Create Post */
  382. .newpost__label {font-size: 1.1em;}
  383. .desktop.newpost__label_top, .desktop.newpost__label_bot {background-color: var(--theme_default_link); border-radius: 3px; box-shadow: 0 2px 8px -4px var(--theme_default_link); color: var(--theme_default_altbtntext); display: inline-block; padding: 5px 14px; transition: .1s;}
  384. .desktop.newpost__label_top:hover, .desktop.newpost__label_bot:hover {background: var(--theme_default_hover); box-shadow: 0 2px 8px -4px var(--theme_default_hover);}
  385.  
  386. textarea {min-height: 50px; max-height: 1000px; scrollbar-color: var(--theme_scroll) transparent; scrollbar-width: thin;}
  387. input[type="text"], input[type="password"], textarea, .input {background: var(--theme_default_altbtnbg); border: 1px solid var(--theme_default_btnborder); border-radius: 3px; box-shadow: none; color: var(--theme_default_inputtext); padding: 4px 8px; transition: background .1s, border .1s; outline: none;}
  388. input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input:focus {background: var(--theme_default_altbtnbghover); border-color: var(--theme_default_altborder);}
  389. input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder {color: var(--theme_default_alttext2);}
  390. .postform__len {pointer-events: none;}
  391.  
  392. button, .button, html input[type=button], input[type=reset], input[type=submit], .arch-searchform input[type="submit"] {background: var(--theme_default_btnbg); border: 1px solid var(--theme_default_btnborder); border-radius: 3px; box-shadow: none; color: var(--theme_default_inputtext); padding: 4px 8px; transition: .1s; outline: none;}
  393. button:hover, .button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {background: var(--theme_default_btnbghover); color: var(--theme_default_inputtext);}
  394. button[disabled], html input[disabled] {background: var(--theme_default_btnbg) !important; color: var(--theme_default_alttext2);}
  395.  
  396. .postform .rules {display: none;}
  397.  
  398. #qr-CommentToolbar, #CommentToolbar {position: relative;}
  399. #qr-CommentToolbar span, #CommentToolbar span {display: inline-block; height: 18px; text-align: center;}
  400. #qr-CommentToolbar span:before, #CommentToolbar span:before {position: absolute;}
  401. .markup {padding: 1px 3px; opacity: 0;}
  402. .m-bold:hover, .m-italic:hover, .m-underline:hover, .m-overline:hover, .m-strike:hover, .m-sup:hover, .m-sub:hover {color: var(--theme_default_link);}
  403. .m-bold:before {content: "\f032"; font: 14px/18px FontAwesome; height: 18px; width: 22px;}
  404. .m-italic:before {content: "\f033"; font: 14px/18px FontAwesome; height: 18px; width: 22px;}
  405. .m-quote {color: var(--theme_default_postnum);}
  406. .m-quote:hover {color: var(--theme_default_postnum2);}
  407. .m-quote:before {content: "\f054"; font: 14px/18px FontAwesome; height: 18px; width: 22px;}
  408. .m-underline:before {content: "\f0cd"; font: 14px/18px FontAwesome; height: 18px; width: 22px;}
  409. .m-overline:before {content: "O"; font: bold 14px/20px serif; height: 18px; width: 22px; text-decoration: overline;}
  410. .m-spoiler {color: var(--theme_default_alttext2); width: 31px;}
  411. .m-spoiler:hover {color: var(--theme_default_text);}
  412. .m-spoiler img {width: 31px; height: 18px;}
  413. .m-spoiler:before {background: var(--theme_default_spoiler); content: "SP"; line-height: 14px; margin-top: 1px; height: 16px; width: 31px; transition: .1s;}
  414. .m-strike:before {content: "\f0cc"; font: 14px/18px FontAwesome; height: 18px; width: 22px;}
  415. .m-sup:before {content: "\f12b"; font: 14px/18px FontAwesome; height: 18px; width: 22px;}
  416. .m-sub:before {content: "\f12c"; font: 14px/18px FontAwesome; height: 18px; width: 22px;}
  417.  
  418. input[type="checkbox"][name="delete"] {display: none;}
  419. input[type="checkbox"] {cursor: pointer; height: 15px; width: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; margin-top: -1px;}
  420. input[type="checkbox"]::before {background: var(--theme_default_altbtnbg); border: 1px solid var(--theme_default_altborder); border-radius: 3px; box-sizing: border-box; content: ""; display: block; height: 15px; width: 15px; transition: .1s;}
  421. input[type="checkbox"]:focus::before {background: var(--theme_default_altbtnbghover);}
  422. input[type="checkbox"]::after {color: transparent; content: "\f00c"; display: block; font: 12px/15px FontAwesome; height: 15px; width: 15px; position: relative; bottom: 15px; text-align: center; transition: .1s;}
  423. input[type="checkbox"]:checked::after {color: var(--theme_default_text);}
  424.  
  425. .filer__limits {color: var(--theme_default_drag); font-size: 12px; margin: 2px 0;}
  426. .filer__drag-area {border-radius: 3px;}
  427. .filer__drag-area_hover {background-color: transparent;}
  428. .filer__thumb {border-radius: 3px; border-width: 2px; margin: 4px 6px 4px 0; overflow: hidden;}
  429. .filer__meta {background: none; opacity: 1;}
  430. .filer__size {background: var(--theme_default_glassbg); border-radius: 10px; box-shadow: 0 0 0 1px var(--theme_default_border); display: inline-block; padding: 1px 6px; margin: 0 3px 3px 3px;}
  431. .filer__delete {background: var(--theme_default_glassbg); border-radius: 50%; box-shadow: 0 0 0 1px var(--theme_default_border); padding: 2px 4px 0; font-size: 13px; margin: 0 3px 3px 3px;}
  432.  
  433. .oekaki-width, .oekaki-height {width: 42px !important;}
  434.  
  435. .grecaptcha-badge {display: none;}
  436.  
  437. /* Drawing */
  438. .literally .lc-picker, .literally .horz-toolbar, .literally .lc-options .lc-font-settings {background-color: var(--theme_default_postbg) !important;}
  439. .literally .lc-picker, .literally.toolbar-at-top .lc-options {border-color: var(--theme_default_border) !important;}
  440. .literally .lc-picker .toolbar-button:hover:not(.disabled) {background-color: var(--theme_default_border) !important; border-color: var(--theme_default_border) !important;}
  441. .literally .lc-picker .toolbar-button.selected:not(.disabled) {background-color: var(--theme_default_borderhighlight) !important; border-color: var(--theme_default_borderhighlight) !important; color: var(--theme_default_postbg);}
  442. .literally .color-well-color-container {background-color: transparent !important; border-color: var(--theme_default_border) !important;}
  443. .literally .color-well-color-container:hover:not(.disabled) {border-color: var(--theme_default_link);}
  444. .literally .horz-toolbar .square-toolbar-button {border-color: var(--theme_default_border) !important;}
  445. .literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) {border-color: var(--theme_default_altborder) !important;}
  446. .literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) {background-color: var(--theme_default_postbghighlight) !important; border-color: var(--theme_default_borderhighlight) !important;}
  447. .lc-font-settings select {line-height: 16px; margin-right: 4px;}
  448. .square-toolbar-button circle {fill: var(--theme_default_text);}
  449. .literally .color-well {padding-bottom: 2px; border-radius: 3px 0 0 3px;}
  450. .literally .color-well.open {background-color: var(--theme_default_postbg3);}
  451. .literally .color-picker-popup {background-color: var(--theme_default_postbg);}
  452.  
  453. img[src="/makaba/templates/js/lcanvas/img/dashed-line.png"], img[src="/makaba/templates/js/lcanvas/img/line-with-arrow.png"] {display: none;}
  454. .lc-options.horz-toolbar .square-toolbar-button[style="float:left;margin:1px;"]:first-child::before {content: "\f142"; display: block; font: 22px/28px FontAwesome; width: 27px; text-align: center;}
  455. .lc-options.horz-toolbar .square-toolbar-button[style="float:left;margin:1px;"]:nth-child(2)::before {content: "\f176"; display: block; font: 22px/26px FontAwesome; width: 27px; text-align: center;}
  456.  
  457. .lc-pick-tool, .lc-undo, .lc-redo, .lc-zoom-out, .lc-zoom-in {background: none !important;}
  458. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/pencil.png);"]::before {content: "\f040"; font: 22px/22px FontAwesome;}
  459. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/eraser.png);"]::before {content: "\f12d"; font: 22px/22px FontAwesome;}
  460. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/line.png);"]::before {border: 2px solid; content: ""; display: block; height: 18px; width: 0; margin-left: 9px; transform: rotate(45deg);}
  461. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/rectangle.png);"]::before {border: 3px solid; content: ""; display: block; height: 16px; width: 16px;}
  462. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/ellipse.png);"]::before {border: 3px solid; border-radius: 50%; content: ""; display: block; height: 16px; width: 16px;}
  463. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/text.png);"]::before {content: "\f031"; font: 22px/22px FontAwesome;}
  464. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/polygon.png);"]::before {content: "\f275"; font: 22px/22px FontAwesome;}
  465. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/pan.png);"]::before {content: "\f047"; font: 22px/22px FontAwesome;}
  466. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/eyedropper.png);"]::before {content: "\f1fb"; font: 22px/22px FontAwesome;}
  467. .lc-undo::before {content: "\f112"; font: 22px/22px FontAwesome;}
  468. .lc-redo::before {content: "\f064"; font: 22px/22px FontAwesome;}
  469. .lc-zoom-out::before {content: "\f010"; font: 22px/22px FontAwesome;}
  470. .lc-zoom-in::before {content: "\f00e"; font: 22px/22px FontAwesome;}
  471.  
  472. .qr-oekaki-footer, .qr__footer_oekaki {border-top: 1px solid var(--theme_default_border); padding-top: 4px;}
  473.  
  474. /* Quick Reply */
  475. .qr {border: none; border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_shadow3); padding: 4px;}
  476. .qr__header {background: none; border: none; font-weight: bold; padding: 3px;}
  477. .qr__close {font-size: 0; margin: -5px; padding: 5px; transition: .1s;}
  478. .qr__close:hover {color: var(--theme_default_link);}
  479. .qr__close::before {content: "\f00d"; font: 14px/1 FontAwesome;}
  480.  
  481. .qr_reply .qr__footer {display: none;}
  482. .qr__footer, .bb__footer {font-size: 12px;}
  483.  
  484. .qr__footer hr {border-color: var(--theme_default_border); margin: 8px 0px 4px;}
  485.  
  486. /* Left Panel */
  487. .cntnt__left {-webkit-flex: 0 0 90px; flex: 0 0 90px; margin-top: 57px; padding: 0; margin-right: 5px; position: relative;}
  488. .cntnt__left_sticky {scrollbar-color: var(--theme_scroll) transparent; scrollbar-width: thin;}
  489. .cntnt__left:before {background: linear-gradient(to bottom, var(--theme_default_bg) 0%,transparent 100%); content: ''; width: 100%; height: 20px; display: block; position: absolute; top: 0; z-index: 100; pointer-events: none;}
  490.  
  491. .fm {margin: 5px;}
  492. .fm__header {background: none; font-weight: bold; font-size: 1.1em; color: var(--theme_default_text); padding: 4px 8px; user-select: none; transition: .1s;}
  493. .fm__header:hover {background: none; color: var(--theme_default_link);}
  494. .fm__sub {padding-left: 0;}
  495. .fm__sub a {color: var(--theme_default_text); display: block; padding: 3px 6px;}
  496. .fm__sub a:hover, .fm__sub a:focus {color: var(--theme_default_link);}
  497.  
  498. .fm__sub a {font-size: 0;}
  499. .fm__sub a::before {font-size: 14px;}
  500.  
  501. .fm__header[data-header="other"] {font-size: 0;}
  502. .fm__header[data-header="other"]::before {content: '\f10c'; font: 22px/1 FontAwesome;}
  503. .fm__sub a[href="https://2ch.hk/market.html"]::before {content: 'купи $';}
  504. .fm__sub a[href="/d/"]::before {content: '/d/';}
  505. .fm__sub a[href="/b/"]::before {content: '/b/';}
  506. .fm__sub a[href="/o/"]::before {content: '/o/';}
  507. .fm__sub a[href="/soc/"]::before {content: '/soc/';}
  508. .fm__sub a[href="/media/"]::before {content: '/media/';}
  509. .fm__sub a[href="/r/"]::before {content: '/r/';}
  510. .fm__sub a[href="/abu/"]::before {content: '/abu/';}
  511. .fm__sub a[href="/api/"]::before {content: '/api/';}
  512. .fm__sub a[href="/rf/"]::before {content: '/rf/';}
  513. .fm__sub a[href="//tv.2ch.hk"]::before {content: '/tvch/';}
  514.  
  515. .fm__header[data-header="pol"] {font-size: 0;}
  516. .fm__header[data-header="pol"]::before {content: '\f1ea'; font: 22px/1 FontAwesome;}
  517. .fm__sub a[href="/int/"]::before {content: '/int/';}
  518. .fm__sub a[href="/po/"]::before {content: '/po/';}
  519. .fm__sub a[href="/news/"]::before {content: '/news/';}
  520. .fm__sub a[href="/hry/"]::before {content: '/hry/';}
  521.  
  522. .fm__header[data-header="theme"] {font-size: 0;}
  523. .fm__header[data-header="theme"]::before {content: '\f009'; font: 22px/1 FontAwesome;}
  524. .fm__sub a[href="/au/"]::before {content: '/au/';}
  525. .fm__sub a[href="/bi/"]::before {content: '/bi/';}
  526. .fm__sub a[href="/biz/"]::before {content: '/biz/';}
  527. .fm__sub a[href="/bo/"]::before {content: '/bo/';}
  528. .fm__sub a[href="/c/"]::before {content: '/c/';}
  529. .fm__sub a[href="/em/"]::before {content: '/em/';}
  530. .fm__sub a[href="/fa/"]::before {content: '/fa/';}
  531. .fm__sub a[href="/fiz/"]::before {content: '/fiz/';}
  532. .fm__sub a[href="/fl/"]::before {content: '/fl/';}
  533. .fm__sub a[href="/ftb/"]::before {content: '/ftb/';}
  534. .fm__sub a[href="/hh/"]::before {content: '/hh/';}
  535. .fm__sub a[href="/hi/"]::before {content: '/hi/';}
  536. .fm__sub a[href="/me/"]::before {content: '/me/';}
  537. .fm__sub a[href="/mg/"]::before {content: '/mg/';}
  538. .fm__sub a[href="/mlp/"]::before {content: '/mlp/';}
  539. .fm__sub a[href="/mo/"]::before {content: '/mo/';}
  540. .fm__sub a[href="/mov/"]::before {content: '/mov/';}
  541. .fm__sub a[href="/mu/"]::before {content: '/mu/';}
  542. .fm__sub a[href="/ne/"]::before {content: '/ne/';}
  543. .fm__sub a[href="/psy/"]::before {content: '/psy/';}
  544. .fm__sub a[href="/re/"]::before {content: '/re/';}
  545. .fm__sub a[href="/sci/"]::before {content: '/sci/';}
  546. .fm__sub a[href="/sf/"]::before {content: '/sf/';}
  547. .fm__sub a[href="/sn/"]::before {content: '/sn/';}
  548. .fm__sub a[href="/sp/"]::before {content: '/sp/';}
  549. .fm__sub a[href="/spc/"]::before {content: '/spc/';}
  550. .fm__sub a[href="/tv/"]::before {content: '/tv/';}
  551. .fm__sub a[href="/un/"]::before {content: '/un/';}
  552. .fm__sub a[href="/w/"]::before {content: '/w/';}
  553. .fm__sub a[href="/wh/"]::before {content: '/wh/';}
  554. .fm__sub a[href="/wm/"]::before {content: '/wm/';}
  555. .fm__sub a[href="/wp/"]::before {content: '/wp/';}
  556. .fm__sub a[href="/zog/"]::before {content: '/zog/';}
  557.  
  558. .fm__header[data-header="art"] {font-size: 0;}
  559. .fm__header[data-header="art"]::before {content: '\f1fc'; font: 22px/1 FontAwesome;}
  560. .fm__sub a[href="/de/"]::before {content: '/de/';}
  561. .fm__sub a[href="/di/"]::before {content: '/di/';}
  562. .fm__sub a[href="/diy/"]::before {content: '/diy/';}
  563. .fm__sub a[href="/mus/"]::before {content: '/mus/';}
  564. .fm__sub a[href="/pa/"]::before {content: '/pa/';}
  565. .fm__sub a[href="/p/"]::before {content: '/p/';}
  566. .fm__sub a[href="/wrk/"]::before {content: '/wrk/';}
  567. .fm__sub a[href="/trv/"]::before {content: '/trv/';}
  568.  
  569. .fm__header[data-header="tech"] {font-size: 0;}
  570. .fm__header[data-header="tech"]::before {content: '\f108'; font: 22px/1 FontAwesome;}
  571. .fm__sub a[href="/gd/"]::before {content: '/gd/';}
  572. .fm__sub a[href="/hw/"]::before {content: '/hw/';}
  573. .fm__sub a[href="/mobi/"]::before {content: '/mobi/';}
  574. .fm__sub a[href="/pr/"]::before {content: '/pr/';}
  575. .fm__sub a[href="/ra/"]::before {content: '/ra/';}
  576. .fm__sub a[href="/s/"]::before {content: '/s/';}
  577. .fm__sub a[href="/t/"]::before {content: '/t/';}
  578. .fm__sub a[href="/web/"]::before {content: '/web/';}
  579.  
  580. .fm__header[data-header="nogames"] {font-size: 0;}
  581. .fm__header[data-header="nogames"]::before {content: '\f11b'; font: 22px/1 FontAwesome;}
  582. .fm__sub a[href="/bg/"]::before {content: '/bg/';}
  583. .fm__sub a[href="/cg/"]::before {content: '/cg/';}
  584. .fm__sub a[href="/gsg/"]::before {content: '/gsg/';}
  585. .fm__sub a[href="/ruvn/"]::before {content: '/ruvn/';}
  586. .fm__sub a[href="/tes/"]::before {content: '/tes/';}
  587. .fm__sub a[href="/v/"]::before {content: '/v/';}
  588. .fm__sub a[href="/vg/"]::before {content: '/vg/';}
  589. .fm__sub a[href="/wr/"]::before {content: '/wr/';}
  590.  
  591. .fm__header[data-header="weeaboo"] {font-size: 0;}
  592. .fm__header[data-header="weeaboo"]::before {content: '日本'; font-size: 22px; line-height: 1;}
  593. .fm__sub a[href="/a/"]::before {content: '/a/';}
  594. .fm__sub a[href="/fd/"]::before {content: '/fd/';}
  595. .fm__sub a[href="/ja/"]::before {content: '/ja/';}
  596. .fm__sub a[href="/ma/"]::before {content: '/ma/';}
  597. .fm__sub a[href="/vn/"]::before {content: '/vn/';}
  598.  
  599. .fm__header[data-header="sex"] {font-size: 0;}
  600. .fm__header[data-header="sex"]::before {content: '18+'; font-size: 22px; line-height: 1;}
  601. .fm__sub a[href="/fg/"]::before {content: '/fg/';}
  602. .fm__sub a[href="/fur/"]::before {content: '/fur/';}
  603. .fm__sub a[href="/gg/"]::before {content: '/gg/';}
  604. .fm__sub a[href="/ga/"]::before {content: '/ga/';}
  605. .fm__sub a[href="/vape/"]::before {content: '/vape/';}
  606. .fm__sub a[href="/h/"]::before {content: '/h/';}
  607. .fm__sub a[href="/ho/"]::before {content: '/ho/';}
  608. .fm__sub a[href="/hc/"]::before {content: '/hc/';}
  609. .fm__sub a[href="/e/"]::before {content: '/e/';}
  610. .fm__sub a[href="/fet/"]::before {content: '/fet/';}
  611. .fm__sub a[href="/sex/"]::before {content: '/sex/';}
  612. .fm__sub a[href="/fag/"]::before {content: '/fag/';}
  613.  
  614. .fm__header[data-header="contact"] {font-size: 0;}
  615. .fm__header[data-header="contact"]::before {content: '\f086'; font: 22px/1 FontAwesome;}
  616. .fm__sub a[href="https://twitter.com/#!/abunyasha/"]::before {content: 'twitter';}
  617. .fm__sub a[href="mailto:admin@gmail.com"]::before {content: 'e-mail';}
  618. .fm__sub a[href="mailto:unban@2ch.hk"]::before {content: 'разбан';}
  619.  
  620. /* Right Panel */
  621. .cntnt__right {margin-top: 15px; padding: 1px; padding-bottom: 30px;}
  622.  
  623. #hideFm {color: var(--theme_default_text);}
  624. #hideFm:hover {color: var(--theme_default_link);}
  625. .search {font-size: 1em;}
  626. .thread-nav {color: transparent;}
  627. .thread-nav a {color: var(--theme_default_text);}
  628. .thread-nav a:hover, .thread-nav a:focus {color: var(--theme_default_link);}
  629. .thread-nav span {color: var(--theme_default_text);}
  630.  
  631. .thread-nav__inner a:first-child {font-size: 0;}
  632. .thread-nav__inner a:first-child::before {content: "\f060"; font: 22px/1 FontAwesome; padding: 5px; margin: -5px; vertical-align: -1px;}
  633. .thread-nav__inner a[href="#top"], .thread-nav__inner a[href="#bottom"] {display: none;}
  634. #postbtn-favorite-bottom {font-size: 0;}
  635. #postbtn-favorite-bottom::before {content: "\f005"; font: 16px/1 FontAwesome; padding: 4px; margin: -4px;}
  636.  
  637. a[onclick*="updateThread(); return false;"]::before {content: ""; height: 80px; width: 35px; position: fixed; margin-top: -40px; top: 50%; left: var(--theme_navposition); right: var(--theme_navposition4); z-index: 210; transition: .1s;}
  638. a[onclick*="updateThread(); return false;"]:hover::before {background: var(--theme_default_postbg);}
  639. #postbtn-favorite-bottom + a[onclick="PostF.updateThread(); return false;"]::before, #postbtn-favorite-bottom + a[onclick="PostF.updateThread(); return false;"]::after {display: none;}
  640. a[onclick*="updateThread(); return false;"]::after {box-sizing: border-box; content: "\f021"; font: 19px/1 FontAwesome; color: var(--theme_default_alttext2); padding: 0 2px; position: fixed; margin-top: -10px; top: 50%; left: var(--theme_navposition2); right: var(--theme_navposition3); width: 20px; z-index: 211; transition: .3s;}
  641. a[onclick*="updateThread(); return false;"]:hover::after {color: var(--theme_default_alttext); transform: rotate(360deg);}
  642.  
  643. /* Кнопки хуёпки и прочее говно которое не сделали по-человечески блять, Абу на вас нет */
  644. div[style="background-color:#ffc599"] {background-color: var(--theme_default_shadowhighlight) !important;}
  645.  
  646. font[color="#607D8B"] {color: var(--theme_default_link);}
  647. .mo-tags-container {background: var(--theme_default_altbtnbg); background-image: none !important; border: 1px solid var(--theme_default_border); border-top: none; border-radius: 0 0 3px 3px;}
  648. .mo-title {background: var(--theme_default_link); color: var(--theme_default_altbtntext); border-radius: 3px 3px 0 0;}
  649. .mo-navigator-links {text-shadow: none;}
  650.  
  651. .reply[onmouseover="this.style.backgroundColor='#EEEEEE';"] {background-color: var(--theme_default_postbg) !important; border: 1px solid var(--theme_default_border) !important; color: var(--theme_default_text) !important; transition: .1s;}
  652. .reply[onmouseover="this.style.backgroundColor='#EEEEEE';"]:hover {background-color: var(--theme_default_postbg3) !important;}
  653. .reply[style="min-width: 0px; width: 160px; height: 40px; padding: 1px 1px 5px 10px; margin: 1px 0px; color: rgb(51, 51, 51); font-weight: bold; border-left: 2px solid rgb(255, 0, 0); background: rgb(221, 221, 221) none repeat scroll 0% 0%; font-size: 85%;"], .reply[style="min-width: 0px; width: 160px; height: 40px; padding: 1px 1px 5px 10px; margin: 1px 0px; color: rgb(51, 51, 51); font-weight: bold; border-left: 2px solid rgb(255, 0, 0); background: none 0% 0% repeat scroll rgb(221, 221, 221); font-size: 85%;"], .reply[style="min-width: 0px; width: 160px; height: 40px; padding: 1px 1px 5px 10px; margin: 1px 0px; color: rgb(51, 51, 51); font-weight: bold; border-left: 2px solid rgb(255, 0, 0); background: none 0% 0% repeat scroll rgb(238, 238, 238); font-size: 85%;"] {border-left: 2px solid var(--theme_default_link) !important;}
  654. .reply[onmouseout="this.style.backgroundColor='#EEDACB';"] {background-color: var(--theme_default_postbghighlight) !important; border: 1px solid var(--theme_default_link) !important; border-left-width: 2px !important;}
  655. .reply[onmouseout="this.style.backgroundColor='#EEDACB';"]:hover {background-color: var(--theme_default_postbghighlight) !important;}
  656.  
  657. .to-button {border: 1px solid var(--theme_default_border) !important; box-shadow: none !important; color: var(--theme_default_text) !important; height: 48px; padding: 0 0 0 16px; width: 310px;}
  658. .to-button:hover {background: var(--theme_default_postbg3) !important;}
  659. .to-button-h {background: var(--theme_default_postbghighlight) !important; border: 1px solid var(--theme_default_link) !important;}
  660. .to-button-h:hover {background: var(--theme_default_postbghighlight) !important;}
  661.  
  662. .pr-link {color: var(--theme_default_link);}
  663. .pr-tags-container > a {background-color: var(--theme_default_link); color: var(--theme_default_altbtntext);}
  664. .pr-tags-container > a:hover {background-color: var(--theme_default_hover); color: var(--theme_default_altbtntext);}
  665.  
  666. .btn-3 {background: var(--theme_default_link) !important; color: var(--theme_default_altbtntext) !important;}
  667. .btn-3:hover {background: var(--theme_default_hover) !important; color: var(--theme_default_altbtntext) !important;}
  668.  
  669. span[style="background-color: rgb(255, 0, 0);"] {background-color: var(--theme_default_red) !important;}
  670.  
  671. /* Thread */
  672. .thread:after {margin: 25px 0;}
  673. .replypage .thread:after {display: none;}
  674.  
  675. .thread__post {margin: 8px;}
  676. .post {padding: 3px 6px;}
  677. .rainbow-alt {animation-name: none; background: none; color: var(--theme_default_text); font-size: inherit; font-weight: normal;}
  678. .rainbow-alt::after {display: none;}
  679. .post_type_oppost {background: var(--theme_default_postbg); border: 1px solid transparent; border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_shadow); display: inline-block; /*min-width: 33em;*/ transition: .1s;}
  680. .post__message_op {overflow: auto;}
  681. .post__message {margin: 8px 20px; scrollbar-color: var(--theme_scroll) transparent; scrollbar-width: thin;}
  682. .post__images_type_single + .post__message {margin: 0 20px 8px;}
  683.  
  684. .post_preview {border-color: transparent !important; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_shadow2) !important;}
  685. .post_type_reply:before {content: "";}
  686. .post_type_reply {border-color: transparent; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_shadow); margin-left: 0; transition: .1s;}
  687.  
  688. .post_type_watched, .post_type_replied {margin-left: 10px;}
  689. .post_type_watched:before {display: block; position: absolute; top: 0; bottom: 0; left: -10px; border-left: 2px solid var(--theme_default_borderhighlight);}
  690. .post_type_replied:before {display: block; position: absolute; top: 0; bottom: 0; left: -10px; border-left: 2px dashed var(--theme_default_borderhighlight);}
  691.  
  692. .post_type_watched .post__anon::before {background: var(--theme_default_link); border-radius: 3px; content: "Ты"; color: var(--theme_default_postbg); padding: 0 4px; margin-right: 5px;}
  693. .post_type_replied .post__anon::before, .post_type_replied .post__email::before {background: var(--theme_default_postbg); border: 1px solid var(--theme_default_link); border-radius: 3px; content: "Ответ"; color: var(--theme_default_link); padding: 0 4px; margin-right: 5px;}
  694. .post_type_replied.post_type_highlight .post__anon::before {background: var(--theme_default_postbghighlight); border: 1px solid var(--theme_default_link); border-radius: 3px; content: "Ответ"; color: var(--theme_default_link); padding: 0 4px; margin-right: 5px;}
  695.  
  696. .post_type_highlight {background: var(--theme_default_postbghighlight); box-shadow: 0 0 0 1px var(--theme_default_borderhighlight), 0 1px 6px var(--theme_default_shadowhighlight);}
  697.  
  698. .post-details, .post__details {color: var(--theme_default_alttext2);}
  699.  
  700. .post__anon span[style="color:rgb(164,164,164);"] {color: var(--theme_default_alttext2) !important;}
  701.  
  702. .abupost {color: var(--theme_default_red);}
  703. .adm {color: var(--theme_default_spectext) !important;}
  704. .post__mod {color: var(--theme_default_mod);}
  705. .post__ophui {color: var(--theme_default_ophui);}
  706.  
  707. .post__reflink {color: var(--theme_default_alttext2);}
  708. .post__reflink:hover, .post__reflink:focus {color: var(--theme_default_link);}
  709. .postbtn-reply-href {color: var(--theme_default_alttext);}
  710.  
  711. .post__number {color: var(--theme_default_alttext2);}
  712.  
  713. .post__btn {fill: var(--theme_default_alttext2) !important; height: 18px; width: 18px; vertical-align: -4px; transition: .1s;}
  714. .post__btn:hover {fill: var(--theme_default_alttext) !important;}
  715. .post__btn.icon_type_active {fill: var(--theme_default_link) !important;}
  716. .post__btn_type_favorite.icon_type_active:hover {fill: var(--theme_default_hover) !important;}
  717. 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;}
  718. path[fill="#ececec"] {fill: inherit !important;}
  719.  
  720. .modal {border: none; border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_shadow2); padding: 4px 0;}
  721. .modal a {font-family: unset; padding: 4px 10px;}
  722. .modal a:hover {background: var(--theme_default_postbg3); color: var(--theme_default_text);}
  723.  
  724. .post__rate_type_like:hover .post__rate-icon, .post__rate_liked .post__rate-icon {fill: var(--theme_default_link);}
  725. .post__rate_type_dislike:hover .post__rate-icon, .post__rate_disliked .post__rate-icon {fill: var(--theme_default_red);}
  726. .post__rate_type_like, .post__rate_type_dislike {color: var(--theme_default_alttext2);}
  727.  
  728. /* Image Filter Off */
  729. .post__image {width: max-content; width: -moz-max-content;}
  730. .post__images_type_multi {margin: 0 0 0 17px;}
  731. .post__images_type_multi .post__image {margin: 0 4px 0 0;}
  732. .post__file-preview {border-radius: 3px;}
  733. .post__file-webm {border: none; border-bottom: 2px dashed var(--theme_default_alttext2);}
  734.  
  735. .post__file-attr {margin-top: 0;}
  736. .post__file-attr {font-size: .8em; padding: 2px 0; color: var(--theme_default_alttext);}
  737. .post__filezise {height: 15px;}
  738. .post__file-attr svg {width: 16px; height: 16px; vertical-align: -4px;}
  739. .post__file-attr svg:hover {fill: var(--theme_default_alttext)}
  740. .post__file-attr a {opacity: 0; height: 15px;}
  741. .post__filezise {display: block; margin-top: -15px;}
  742.  
  743. figure {position: relative;}
  744. figure:hover > .post__file-attr a, figure:focus-within > .post__file-attr a {opacity: 1;}
  745. figure:hover > .post__file-attr .post__filezise, figure:focus-within > .post__file-attr .post__filezise {visibility: hidden;}
  746.  
  747. .unkfunc {color: var(--theme_default_postnum);}
  748.  
  749. .media-expand-button, .media-hide-button {transition: .1s;}
  750. .media-expand-button:hover, .media-hide-button:hover {color: var(--theme_default_text);}
  751.  
  752. .spoiler {background: var(--theme_default_spoiler) !important; color: transparent !important; transition: .1s;}
  753. .spoiler a {background: transparent !important; color: transparent !important; transition: .1s;}
  754. .spoiler:hover {background: var(--theme_default_spoiler) !important; color: var(--theme_default_text) !important;}
  755. .spoiler:hover a {color: var(--theme_default_link) !important;}
  756. .spoiler::after {display: none !important;}
  757.  
  758. .post__refmap {font-style: italic;}
  759. .post__refmap a {color: var(--theme_default_altlink);}
  760. .post__refmap a:hover {color: var(--theme_default_althover);}
  761.  
  762. /* ===== Footer ===== */
  763. body.de-runned .bb {bottom: 30px; right: 5px;}
  764. .bb {border: none; border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_shadow2); font-size: .9em; min-width: 60px; right: 35px; bottom: 10px; z-index: 10;}
  765. .bb__header {font-size: 0;}
  766. .bb__header::before {content: "\f005"; font: 14px/20px FontAwesome;}
  767. .bb__tabs {left: 3px;}
  768. .bb__tab {background: var(--theme_default_postbg); border-radius: 0 0 3px 3px; color: var(--theme_default_alttext2);}
  769. .bb__tab_active {color: var(--theme_default_text);}
  770. .bb__row {margin: 0 0 0 5px;}
  771. .bb__bstitle a {display: block; padding: 3px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  772. .bb__bstitle + span {float: right; min-width: 65px;}
  773.  
  774. .pager {border-radius: 3px; box-shadow: 0 1px 3px var(--theme_shadow);}
  775.  
  776. .nb {display: none;}
  777. .nb {background: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); border-radius: 3px; box-shadow: 0 1px 3px var(--theme_shadow); width: 80%;}
  778. .nb__switcher {font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; margin-top: 10px;}
  779. .nb__switcher_active {color: var(--theme_default_text) !important;}
  780. .nb__data {width: unset; margin: 0 15px 10px;}
  781. .nb__item {color: transparent;}
  782. .nb__item::before {color: var(--theme_default_text); content: "\f1ea"; font: 14px/1 FontAwesome;}
  783. .nb__item a {margin-left: -3px;}
  784.  
  785. .nb + hr, .adminbar-bottom {display: none;}
  786. .footer__info {color: var(--theme_default_alttext);}
  787.  
  788. /* ===== Dollchan ===== */
  789. /* Panel */
  790. .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_shadow2);}
  791. #de-panel {color: var(--theme_default_text);}
  792. #de-panel-buttons {border-left-color: var(--theme_default_border);}
  793. .de-panel-button {transition: .1s;}
  794. .de-panel-button:hover {background-color: var(--theme_default_postbg3); box-shadow: none;}
  795. #de-panel-info {border-left-color: var(--theme_default_border); font-family: inherit; font-size: 16px;}
  796.  
  797. /* Windows */
  798. #de-win-cfg, #de-win-fav, #de-win-hid, #de-win-vid {background: var(--theme_default_postbg); border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_shadow3);}
  799. #de-win-cfg {width: 420px;}
  800. #de-win-cfg.de-win-fixed {box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_shadow2);}
  801.  
  802. .de-win-head {background: none; border-radius: 0; color: var(--theme_default_text); font-family: inherit; font-size: 15px; padding: 6px;}
  803.  
  804. #de-cfg-bar {background-color: unset; padding: 0 2px;}
  805. .de-cfg-tab {background-image: unset !important; border-color: var(--theme_default_border) !important; color: var(--theme_default_alttext2); cursor: pointer; font-family: inherit; font-size: 14px;}
  806. .de-cfg-tab:hover {background-image: unset !important;}
  807. .de-cfg-tab[selected], .de-cfg-tab[selected]:hover {color: var(--theme_default_text);}
  808.  
  809. .de-cfg-body {font-family: inherit !important; font-size: 14px !important;}
  810. .de-cfg-body, #de-cfg-buttons {border: none;}
  811.  
  812. #de-spell-rowmeter {background-color: var(--theme_default_postbg2); color: var(--theme_default_text);}
  813.  
  814. .de-cfg-inptxt, .de-cfg-label, .de-cfg-select {font-family: inherit !important; font-size: 14px !important;}
  815. .de-cfg-chkbox {margin: 3px 1px !important; vertical-align: middle !important;}
  816. input[type="text"].de-cfg-inptxt {font-family: inherit !important; font-size: 14px !important; padding: 3px 6px !important;}
  817. .de-cfg-select {padding: 3px 22px 3px 6px !important;}
  818. .de-cfg-button {font-family: inherit !important; font-size: 14px !important; padding: 3px 6px !important; height: unset;}
  819.  
  820. #de-cfg-button-debug {font-size: 14px; padding: 3px 6px; font-family: inherit;}
  821. #de-info-log {border-left-color: var(--theme_default_border);}
  822. .de-info-row {padding: 2px 0;}
  823.  
  824. .de-button {font-family: inherit; font-size: 14px; padding: 3px 6px !important; height: auto;}
  825.  
  826. /* Bookmarks */
  827. #de-win-fav > .de-win-body, #de-win-hid > .de-win-body, #de-win-vid > .de-win-body {border: none;}
  828. #de-win-fav .de-win-body {background-color: var(--theme_default_postbg) !important;}
  829.  
  830. .de-fold-block {border-color: var(--theme_default_border);}
  831. .de-fav-header {background-color: var(--theme_default_postbg2); font-size: 14px; padding: 3px 0;}
  832. .de-fav-del-btn > svg {height: 15px; width: 15px; vertical-align: -3px;}
  833. .de-fav-entries {border-top-color: var(--theme_default_border);}
  834. .de-entry {font-size: 14px; margin: 3px 0 !important;}
  835.  
  836. .de-fav-inf {font-family: inherit;}
  837. .de-fav-inf-old {color: var(--theme_default_alttext);}
  838. .de-fav-inf-new {color: var(--theme_default_link);}
  839. .de-fav-inf-you {background-color: var(--theme_default_link); color: var(--theme_default_altbtntext);}
  840.  
  841. /* Page */
  842. .de-fullimg-center {background-color: var(--theme_mpborder); border: none !important; box-shadow: 0 6px 16px var(--theme_shadow4);}
  843. .de-img-btn {border-radius: 3px 0 0 3px; color: var(--theme_default_alttext);}
  844. .de-img-btn > svg {height: 20px; width: 20px; margin: 8px;}
  845. #de-img-btn-rotate {margin-top: 22px;}
  846. #de-img-btn-auto {margin-top: 62px;}
  847. .de-img-btn-auto-on {color: var(--theme_default_link);}
  848.  
  849. .de-fullimg-info {background-color: var(--theme_default_postbg); border-radius: 10px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_shadow2); padding: 1px 8px;}
  850. .de-fullimg-info > .de-btn-src {color: var(--theme_default_alttext2);}
  851. .de-fullimg-link {color: var(--theme_default_alttext) !important; font-family: inherit; font-size: 13px;}
  852. .de-fullimg-link:hover {background: none; color: var(--theme_default_text) !important;}
  853.  
  854. .de-runned #up-nav-arrow, .de-runned #down-nav-arrow {display: block !important;}
  855.  
  856. .replypage .de-thr-updater-link::before {box-sizing: border-box; color: var(--theme_default_alttext2); content: "\f021"; font: 19px/80px FontAwesome; height: 80px; width: 35px; padding: 0 9px; position: fixed; margin-top: -40px; top: 50%; left: var(--theme_navposition); right: var(--theme_navposition4); z-index: 210; transition: .1s;}
  857. .replypage .de-thr-updater-link:hover::before {background: var(--theme_default_postbg); color: var(--theme_default_alttext);}
  858.  
  859. /* Create Post */
  860. .de-parea > div:first-child {color: transparent;}
  861. .de-parea-btn-thr, .de-parea-btn-close, .de-parea-btn-reply {background-color: var(--theme_default_link); border-radius: 3px; box-shadow: 0 2px 8px -4px var(--theme_default_link); color: var(--theme_default_altbtntext) !important; display: inline-block; font-size: 1.1em; padding: 5px 14px; transition: .1s;}
  862. .de-parea-btn-thr:hover, .de-parea-btn-close:hover, .de-parea-btn-reply:hover {background-color: var(--theme_default_hover); box-shadow: 0 2px 8px -4px var(--theme_default_hover);}
  863.  
  864. .de-textarea {padding: 4px 8px !important; transition: background .1s, border .1s !important;}
  865.  
  866. .de-markup-back {fill: var(--theme_default_btnbg); stroke: var(--theme_default_border); stroke-width: 1;}
  867. #de-txt-panel {fill: var(--theme_default_text);}
  868. #de-txt-panel div {transition: .1s;}
  869. #de-txt-panel div:hover  {fill: var(--theme_default_link);}
  870. #de-symbol-markup-under path[stroke="#444"], #de-symbol-markup-strike path[stroke="#444"] {stroke: var(--theme_default_text);}
  871. #de-symbol-markup-spoil path[stroke="#666"] {stroke: var(--theme_default_spoiler);}
  872. #de-btn-quote {fill: var(--theme_default_postnum);}
  873. #de-btn-quote:hover {fill: var(--theme_default_postnum2) !important;}
  874.  
  875. .de-file-txt-add {padding: 3px 8px !important; width: unset;}
  876.  
  877. .de-file {background: none; border-color: var(--theme_default_border); border-radius: 3px; border-width: 2px; overflow: hidden;}
  878. .de-file > .de-file-utils {background: var(--theme_default_glassbg);}
  879. .de-file-off > .de-file-img > div::after {font-family: inherit;}
  880.  
  881. /* Quick Reply */
  882. #de-win-reply.de-win-inpost {box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_shadow);}
  883. #de-win-reply.de-win-inpost > .de-win-body {padding: 4px;}
  884. #de-win-reply.de-win {border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_shadow3);}
  885. #de-win-reply.de-win > .de-win-body {border: none; padding: 4px;}
  886.  
  887. /* Thread */
  888. .de-oppost {position: relative;}
  889. .de-oppost.de-mypost {margin-left: unset;}
  890. .de-oppost.de-mypost::before {content: ""; display: block; position: absolute; top: 2px; bottom: 2px; left: 2px; border-left: 2px solid var(--theme_default_borderhighlight) !important;}
  891.  
  892. .de-mypost {box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_shadow) !important; margin-left: 10px;}
  893. .de-mypost::before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: -10px; border-left: 2px solid var(--theme_default_borderhighlight) !important;}
  894. .de-mypost-reply {border-left-color: transparent !important; margin-left: 10px;}
  895. .de-mypost-reply::before {display: block; border-left: 2px dashed var(--theme_default_borderhighlight) !important; left: -10px;}
  896.  
  897. .de-new-post {border-top: 2px solid var(--theme_default_borderhighlight); box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px var(--theme_shadow) !important;}
  898. .de-selected {background: var(--theme_default_postbghighlight); box-shadow: 0 0 0 1px var(--theme_default_borderhighlight), 0 1px 6px var(--theme_default_shadowhighlight) !important;}
  899. .de-input-error {background: var(--theme_default_postbg); box-shadow: 0 0 0 1px var(--theme_default_red), 0 2px 8px -4px var(--theme_default_red) !important;}
  900.  
  901. .de-pview {border-color: transparent !important; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_shadow2) !important; padding: 4px 8px;}
  902. .de-pview.de-mypost::before, .de-pview.de-mypost-reply::before {top: 2px; bottom: 2px; left: 1px;}
  903.  
  904. .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: 18px; width: 18px; margin: 0 2px -4px 0 !important;}
  905. .de-btn-expthr, .de-btn-fav, .de-btn-fav-sel, .de-btn-hide, .de-btn-hide-user, .de-btn-reply, .de-btn-src, .de-btn-stick, .de-btn-stick-on, .de-btn-unhide, .de-btn-unhide-user {fill: transparent;}
  906. .de-btn-expthr, .de-btn-fav, .de-btn-hide, .de-btn-reply, .de-btn-sage, .de-btn-src, .de-btn-stick, .de-btn-unhide {color: var(--theme_default_alttext2);}
  907. .de-btn-stick-on {color: var(--theme_default_text);}
  908.  
  909. .de-btn-fav-sel {color: var(--theme_default_link);}
  910. .de-btn-sage {fill: transparent; color: var(--theme_default_sage);}
  911.  
  912. .de-btn-src {vertical-align: -2px !important;}
  913. .de-btn-src:hover {fill: transparent !important;}
  914. .de-btn-src + a + a + .post__filezise, .de-btn-src + a + .post__filezise {margin-left: 20px;}
  915.  
  916. .de-post-counter {color: var(--theme_default_alttext2); font-family: inherit; font-size: 14px; font-weight: normal; vertical-align: 0;}
  917. .de-post-counter-you {color: var(--theme_default_link); font-family: inherit; font-size: 13px;}
  918. .de-post-note:not(:empty) {font-family: inherit;}
  919.  
  920. .de-menu {border: none !important; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px var(--theme_shadow2); padding: 4px 0 !important;}
  921. .de-menu-item {padding: 4px 10px; font-family: inherit;}
  922. .de-menu-item:hover {background-color: var(--theme_default_postbg3); color: var(--theme_default_text);}
  923.  
  924. .de-video-thumb {border-radius: 3px;}
  925. a.de-video-player::after {transition: .1s;}
  926. .de-video-resizer::after {color: var(--theme_default_text);}
  927.  
  928. .de-link-parent {outline: none !important; border-bottom: 1px dashed var(--theme_default_link);}
  929.  
  930. .de-refmap {font-size: 80%; margin: 10px 0 0 18px;}
  931. .de-refmap::before {display: none;}
  932. .de-refcomma {color: transparent;}
  933. .de-refmap a {color: var(--theme_default_altlink);}
  934. .de-refmap a:hover {color: var(--theme_default_althover);}
  935.  
  936. .de-thr-updater {color: transparent;}
  937. .de-thr-updater span {color: var(--theme_default_text);}
  938.  
  939. /* Pop-Up */
  940. #de-wrapper-popup {border-radius: 3px;  font-family: inherit; overflow: visible !important;}
  941. .de-popup {border: none !important; box-shadow: 0 0 0 1px var(--theme_default_border), 0 6px 16px var(--theme_shadow3); margin: 0 !important;}
  942. .de-popup-btn {color: var(--theme_default_text);}
  943. .de-editor {font-family: 'Consolas', monospace;}
  944.  
  945. div[style="font: bold 12px arial;"] {font-family: inherit !important;}
  946.  
  947. /* ===== Mobile ===== */
  948. @media only screen and (max-width: 480px) {
  949. ::-webkit-scrollbar {width: 8px; height: 8px;}
  950.  
  951. body {font-size: .9em;}
  952.  
  953. header, .catalog, .cntnt {padding: 0;}
  954.  
  955. /* Header */
  956. .adminbar::before {background: var(--theme_default_postbg); box-shadow: 0 0 0 1px var(--theme_default_border), 0 -1px 6px 0 var(--theme_shadow2); content: ""; padding: 0 20px; position: fixed; bottom: 0; left: 0; right: 0; height: 40px; text-align: right;}
  957. .adminbar::after {content: "\f0c9"; color: var(--theme_default_text); cursor: pointer; font: 18px/38px FontAwesome; position: fixed; bottom: 0; left: 0; height: 40px; width: 50px; text-align: center; transition: .1s;}
  958. .adminbar:hover::after {background-color: var(--theme_default_btnbghover);}
  959. .adminbar {background: var(--theme_default_postbg); border-radius: 6px 6px 0 0; box-shadow: 0 0 0 1px var(--theme_default_border), 0 -2px 6px 0 var(--theme_shadow2); font-size: 14px; padding: 5px 5px 30px 5px; margin-bottom: 0; position: fixed; width: unset; left: 0; right: 0; top: unset; bottom: -600px; text-align: left; transform: none; z-index: 970;}
  960. .adminbar:hover, .adminbar:focus, .adminbar:focus-within {bottom: 40px;}
  961. .adminbar__menu {height: unset; white-space: unset; margin-bottom: 0 !important;}
  962. .adminbar__menu a {font-weight: bold;}
  963. #adminbar__more {display: none;}
  964. .adminbar__exp {display: inline;}
  965. .adminbar .desktop {display: inline-block !important;}
  966. .adminbar a {color: var(--theme_default_text); display: inline-block; padding: 6px 3px;}
  967. a.adminbar__slink {font-weight: bold; margin: 5px 2px;}
  968. .adminbar__cat a[href="/"] {display: none !important;}
  969. .adminbar__boards .adminbar__cat_type_myboards {border-top: 1px solid var(--theme_default_border); border-bottom: 1px solid var(--theme_default_border); display: block !important; padding: 6px 0; transition: border .1s, color .1s;}
  970. .adminbar__boards_sticky {border: none; box-shadow: none; display: block; transform: none; position: unset;}
  971.  
  972. .nm__switcher {height: 20px; width: 42px;}
  973. .nm__bullet {height: 16px; width: 16px;}
  974. .nm__bullet[style="left: 18px;"] {left: 24px !important;}
  975. .nm__icon {height: 18px; width: 18px;}
  976.  
  977. /* Setting */
  978. .settings__header {margin: 0; padding: 6px 0; letter-spacing: 1px; text-transform: uppercase;}
  979. .settings__row {padding: 2px 0;}
  980. #setting-editor-textarea-textarea {min-height: 250px;}
  981.  
  982. /* Catalog */
  983. .centered span[style="float:left"] a::before {content: "\f060"; font: 22px/38px FontAwesome;}
  984.  
  985. .thread_wrap {flex: 0 0 95%; height: 150px; text-align: left;}
  986. .thread-info {color: var(--theme_default_alttext2);}
  987. .thread-info b {color: var(--theme_default_title); font-size: .9em;}
  988. .img-block {margin-bottom: 0;}
  989. .thumb {max-width: 80px; height: auto; float: left; margin-right: 8px;}
  990.  
  991. /* Create Post */
  992. .newpost {background: var(--theme_default_postbg); left: 0; right: 0; top: 0; bottom: unset; padding: 0; position: fixed; z-index: 980;}
  993.  
  994. .mobile.newpost__label_bot {display: none !important;}
  995. .mobile.newpost__label_top {background: var(--theme_default_link) !important; border-radius: 50%; box-shadow: 0 2px 8px -4px var(--theme_default_link); color: var(--theme_default_altbtntext) !important; font-size: 0 !important; padding: 8px 16px !important; position: fixed; right: 10px; bottom: 10px; height: 52px; width: 52px; transition: .1s; z-index: 980;}
  996. .mobile.newpost__label_top:hover {background: var(--theme_default_hover) !important; box-shadow: 0 2px 8px -4px var(--theme_default_hover);}
  997. .mobile.newpost__label_top::before {content: "\f044"; font: 24px/36px FontAwesome;}
  998.  
  999. #postform {height: calc(100vh); padding: 0 5px 125px; overflow: auto;}
  1000. #postform > hr, footer .newpost, .boardname + hr {display: none;}
  1001. #postform::before {content: "НОВЫЙ ПОСТ"; display: block; font-weight: bold; font-size: 16px; letter-spacing: 1px; padding: 8px; text-align: center;}
  1002. .postform {font-size: 1em;}
  1003.  
  1004. #qr-CommentToolbar span, #CommentToolbar span {height: 24px;}
  1005. .markup {padding: 4px 5px;}
  1006. .m-bold:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  1007. .m-italic:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  1008. .m-quote:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  1009. .m-underline:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  1010. .m-overline:before {font: bold 18px/24px serif; height: 24px; width: 26px;}
  1011. .m-spoiler {width: 35px;}
  1012. .m-spoiler img {height: 24px; width: 35px;}
  1013. .m-spoiler:before {font-size: 18px; line-height: 22px; height: 20px; width: 35px;}
  1014. .m-strike:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  1015. .m-sup:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  1016. .m-sub:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  1017. .postform__raw.options {display: block !important;}
  1018.  
  1019. input[type="checkbox"] {height: 20px; width: 20px;}
  1020. input[type="checkbox"]::before {height: 20px; width: 20px;}
  1021. input[type="checkbox"]::after {bottom: 20px; font: 15px/20px FontAwesome; height: 20px; width: 20px;}
  1022.  
  1023. /* Quick Reply */
  1024. .qr {border-radius: 0; font-size: 1em; left: 0 !important; top: 0 !important; padding: 5px; width: 100%; height: calc(100vh); overflow: auto; z-index: 983;}
  1025. .qr__header {text-transform: uppercase; letter-spacing: 1px; font-size: 16px; padding: 6px 0;}
  1026. .qr__close {padding: 10px 15px; margin: -10px;}
  1027. .qr__close::before {font: 18px/1 FontAwesome;}
  1028.  
  1029. .qr__footer {font-size: 14px;}
  1030.  
  1031. /* Page */
  1032. .warningbox {top: 0; left: 0; bottom: 0; right: 0; width: unset; margin-top: 0; margin-left: 0; border-radius: 0;}
  1033.  
  1034. #fullscreen-container:after {font-size: .8em; opacity: 1;}
  1035.  
  1036. .na {height: 40px; width: 50px; padding: 10px; z-index: 970;}
  1037. .na__icon {fill: var(--theme_default_text) !important; position: unset;}
  1038. .na_type_up {display: block !important; top: unset; bottom: 0; left: 50px;}
  1039. .na_type_up:hover, .na_type_up:active, .na_type_down:hover, .na_type_down:active {background: var(--theme_default_btnbghover);}
  1040. .na_type_up .na__icon {padding: 4px 0 10px; height: 25px; width: 30px;}
  1041. .na_type_down {display: block !important; bottom: 0; left: 100px;}
  1042. .na_type_down .na__icon {padding: 10px 0 4px; height: 25px; width: 30px;}
  1043.  
  1044. .alert {left: 4px; right: unset;}
  1045.  
  1046. .cntnt {margin-top: 5px;}
  1047. .cntnt__right {padding: 0 0 100px 0; flex: 1 100%; -webkit-flex: 1 100%;}
  1048.  
  1049. .button-mob {border: none; box-shadow: 0 0 0 1px var(--theme_default_border); color: var(--theme_default_text) !important; transition: .1s;}
  1050. .button-mob:hover {background-color: var(--theme_default_btnbghover);}
  1051.  
  1052. .thread-nav {display: block !important; font-size: 0;}
  1053. .search {background: var(--theme_default_postbg); box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 3px 0 var(--theme_shadow); display: block !important; margin-right: 0; padding: 5px; position: absolute; top: -40px; left: 0; width: 100%; transition: .1s; z-index: 100;}
  1054. .search:hover, .search:focus, .search:focus-within {top: 0;}
  1055. .search::after {color: var(--theme_default_alttext); content: "\f002"; font: 20px/36px FontAwesome; position: absolute; top: 40px; right: 0; width: 36px; text-align: center; transition: .1s;}
  1056. .search:hover::after, .search:focus::after, .search:focus-within::after {top: 0;}
  1057. input[name="find"] {font-size: 14px;}
  1058. .thread-nav__inner a {display: none;}
  1059.  
  1060. .thread-nav__stats {font-size: 15px; position: absolute; top: 5px; left: 10px;}
  1061. a[id="bottom"] + .thread-nav, .button-mob[href="#bottom"], .button-mob[href="#top"], .thread-nav-mob:nth-of-type(4) > a.button-mob:nth-of-type(4) {display: none !important;}
  1062.  
  1063. a[onclick*="updateThread(); return false;"] {border-radius: 0; box-shadow: none; color: var(--theme_default_text); font-size: 0; padding: 0px 20px !important; position: fixed; left: 200px; bottom: 0; z-index: 977; margin: 0; height: 40px; width: 80px; text-align: left !important;}
  1064. a[onclick*="updateThread(); return false;"]::before {display: none;}
  1065. a[onclick*="updateThread(); return false;"]::after {background: none !important; color: var(--theme_default_text) !important; content: "\f021"; font: 18px/38px FontAwesome; position: unset; padding: 0;}
  1066. .autorefresh-checkbox {position: fixed; left: 245px; bottom: 11px; z-index: 978;}
  1067. .autorefresh-checkbox[checked="checked"] + .autorefresh-countdown {background: var(--theme_default_postbg); border-radius: 3px; box-shadow: 0 0 0 1px var(--theme_default_border), 0 1px 6px 0 var(--theme_shadow); font-size: 13px; padding: 1px 5px; position: fixed; bottom: 45px; left: 200px; z-index: 978;}
  1068.  
  1069. /* Thread */
  1070. .thread__oppost {margin-bottom: 0;}
  1071. .thread__post {padding: 0; margin: 0;}
  1072.  
  1073. .post {padding: 0 0 6px;}
  1074. .post_type_oppost {border-radius: 0; box-shadow: 0 0 0 1px var(--theme_default_border); display: block; min-width: unset; width: 100%;}
  1075. .post__message {margin: 1em;}
  1076. .oppost-options-mob {padding: 6px 8px;}
  1077.  
  1078. .post_type_reply {border-radius: 0; box-shadow: 0 0 0 1px var(--theme_default_border);}
  1079. .post_type_highlight {box-shadow: inset 0 0 0 1px var(--theme_default_borderhighlight);}
  1080.  
  1081. .post_type_watched, .post_type_replied {margin-left: 0;}
  1082. .post_type_watched:before, .post_type_replied:before {left: -1px;}
  1083.  
  1084. .post__details {background: none; padding: 4px 8px;}
  1085. .post__ophui {padding: 0 2px;}
  1086. .post__btn.desktop {display: inline-block !important;}
  1087. .post__btn {float: left;}
  1088. .post__detailpart {padding-left: 2px;}
  1089. .post__number {margin-left: 8px;}
  1090.  
  1091. .modal {padding: 6px 0;}
  1092. .modal a {font-size: 15px; padding: 6px 14px;}
  1093.  
  1094. .post__filezise {margin-top: 0; visibility: visible !important;}
  1095. .post__image-link {float: none;}
  1096. .post__images_type_single + .post__message {margin: 0 1em 0.6em;}
  1097.  
  1098. /* Footer */
  1099. .bb {border-radius: 6px 6px 0 0; box-shadow: 0 0 0 1px var(--theme_default_border), 0 -2px 6px 0 var(--theme_shadow2); display: block !important; font-size: 1em; top: unset; left: 0; right: 0; bottom: -600px; transition: background .1s; z-index: 979;}
  1100. .bb::before {content: "\f005"; cursor: pointer; font: 18px/38px FontAwesome; padding: 0; position: fixed; left: 150px; bottom: 0; margin: 0; height: 39px; width: 50px; text-align: center; transition: .1s;}
  1101. .bb:hover::before {background-color: var(--theme_default_btnbghover);}
  1102. .bb:hover, .bb:focus, .bb:focus-within {bottom: 40px;}
  1103. .bb__panels {display: block !important;}
  1104. .bb__header, .bb-header-text {font-weight: bold; font-size: 16px; letter-spacing: 1px; text-transform: uppercase;}
  1105. .bb__update {width: 16px; height: 16px;}
  1106. .bb__header::before {display: none;}
  1107. .bb__bstitle {max-width: 250px;}
  1108.  
  1109. .footer__info {display: none;}
  1110. }
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!