API tools faq
paste
Advertisement
Guest User

2ch Gazette

a guest
Apr 9th, 2020
482
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 47.17 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: 'Lora'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIhMX1D_JOuMw_LLPtLp_A.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: 'Lora'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIhMX1D_JOuMw_LJftLp_A.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  6. /* vietnamese */
  7. @font-face {font-family: 'Lora'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIhMX1D_JOuMw_LLvtLp_A.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
  8. /* latin-ext */
  9. @font-face {font-family: 'Lora'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIhMX1D_JOuMw_LL_tLp_A.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
  10. /* latin */
  11. @font-face {font-family: 'Lora'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIhMX1D_JOuMw_LIftL.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
  12. /* cyrillic-ext */
  13. @font-face {font-family: 'Lora'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIhMX1D_JOuMw_LLPtLp_A.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  14. /* cyrillic */
  15. @font-face {font-family: 'Lora'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIhMX1D_JOuMw_LJftLp_A.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  16. /* vietnamese */
  17. @font-face {font-family: 'Lora'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIhMX1D_JOuMw_LLvtLp_A.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
  18. /* latin-ext */
  19. @font-face {font-family: 'Lora'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIhMX1D_JOuMw_LL_tLp_A.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;}
  20. /* latin */
  21. @font-face {font-family: 'Lora'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIhMX1D_JOuMw_LIftL.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;}
  22. /* cyrillic-ext */
  23. @font-face {font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIvMX1D_JOuMwf7I-NP.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  24. /* cyrillic */
  25. @font-face {font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIvMX1D_JOuMw77I-NP.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  26. /* vietnamese */
  27. @font-face {font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIvMX1D_JOuMwX7I-NP.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
  28. /* latin-ext */
  29. @font-face {font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIvMX1D_JOuMwT7I-NP.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;}
  30. /* latin */
  31. @font-face {font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIvMX1D_JOuMwr7Iw.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;}
  32. /* cyrillic-ext */
  33. @font-face {font-family: 'Lora'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIvMX1D_JOuMwf7I-NP.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  34. /* cyrillic */
  35. @font-face {font-family: 'Lora'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIvMX1D_JOuMw77I-NP.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  36. /* vietnamese */
  37. @font-face {font-family: 'Lora'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIvMX1D_JOuMwX7I-NP.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
  38. /* latin-ext */
  39. @font-face {font-family: 'Lora'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIvMX1D_JOuMwT7I-NP.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;}
  40. /* latin */
  41. @font-face {font-family: 'Lora'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lora/v15/0QIvMX1D_JOuMwr7Iw.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;}
  42.  
  43. :root {
  44. --theme_default_bg: hsl(30,20%,97%);
  45. --theme_default_scrollbg: hsl(30,20%,97%,.2);
  46. --theme_default_scroll: hsl(30,20%,70%);
  47. --theme_default_scrollhover: hsl(30,20%,65%);
  48. --theme_default_scrollactive: hsl(30,20%,60%);
  49. --theme_default_postbg: hsl(30,20%,95%);
  50. --theme_default_postbg2: hsl(30,20%,90%);
  51. --theme_default_postbghighlight: hsl(30,20%,88%);
  52. --theme_default_mod: hsl(210,30%,30%);
  53. --theme_default_spectext: hsl(300,40%,25%);
  54. --theme_default_postnum: hsl(145,25%,40%);
  55. --theme_default_postnum2: hsl(145,25%,50%);
  56. --theme_default_border: hsl(30,20%,83%);
  57. --theme_default_altborder: hsl(30,20%,73%);
  58. --theme_default_text: hsl(30,5%,20%);
  59. --theme_default_alttext: hsl(30,5%,40%);
  60. --theme_default_alttext2: hsl(30,5%,60%);
  61. --theme_default_contrasttext: hsl(30,5%,100%);
  62. --theme_default_red: hsl(0,60%,60%);
  63. --theme_default_sage: hsl(0,60%,70%);
  64. --theme_default_ophui: hsl(145,25%,40%);
  65. --theme_default_link: hsl(30,30%,50%);
  66. --theme_default_hover: hsl(30,30%,40%);
  67. --theme_default_title: hsl(210,30%,30%);
  68. --theme_default_drag:hsl(30,5%,70%);
  69. --theme_default_spoiler: hsl(30,5%,85%);
  70. --theme_default_icon: hsl(30,5%,60%);
  71. --theme_default_btntext: var(--theme_default_text);
  72. --theme_default_altbtntext: hsl(30,5%,100%);
  73. --theme_default_btnbg: hsl(30,20%,92%);
  74. --theme_default_btnborder: hsl(30,20%,87%);
  75. --theme_default_altbtnborder: hsl(30,20%,77%);
  76. --theme_default_altbtnbg: hsl(30,20%,92%);
  77. --theme_default_btnbghover: hsl(30,20%,85%);
  78. --theme_default_altbtnbghover: hsl(30,20%,90%);
  79. --theme_default_inputtext: var(--theme_default_text);
  80. --theme_default_checkbox: 1px 2px;
  81. --theme_nmswitch: hsl(30,5%,60%);
  82. --theme_mpborder: hsl(30,5%,40%);
  83. --theme_default_shadow: hsl(30,5%,2%,.05);
  84. --theme_default_shadow2: hsl(30,5%,2%,.1);
  85. --theme_default_shadow3: hsl(30,5%,2%,.15);
  86. --theme_default_shadow4: hsl(30,5%,2%,.25);
  87. }
  88. html[data-theme=nightmode] {
  89. --theme_default_bg: hsl(30,5%,15%);
  90. --theme_default_scrollbg: hsl(30,5%,15%,.2);
  91. --theme_default_postbg2: hsl(30,5%,25%);
  92. --theme_default_scroll: hsl(30,5%,45%);
  93. --theme_default_scrollhover: hsl(30,5%,50%);
  94. --theme_default_scrollactive: hsl(30,5%,55%);
  95. --theme_default_postbg: hsl(30,5%,20%);
  96. --theme_default_postbghighlight: hsl(30,5%,23%);
  97. --theme_default_mod: hsl(210,30%,80%);
  98. --theme_default_spectext: hsl(300,20%,60%);
  99. --theme_default_postnum: hsl(145,25%,60%);
  100. --theme_default_postnum2: hsl(145,25%,70%);
  101. --theme_default_border: hsl(30,5%,25%);
  102. --theme_default_altborder: hsl(30,5%,30%);
  103. --theme_default_text: hsl(30,5%,80%);
  104. --theme_default_alttext: hsl(30,5%,65%);
  105. --theme_default_alttext2: hsl(30,5%,50%);
  106. --theme_default_contrasttext: hsl(30,5%,100%);
  107. --theme_default_red: hsl(0,40%,55%);
  108. --theme_default_sage: hsl(0,40%,65%);
  109. --theme_default_ophui: hsl(145,25%,60%);
  110. --theme_default_link: hsl(30,30%,60%);
  111. --theme_default_hover: hsl(30,30%,70%);
  112. --theme_default_title: hsl(210,30%,80%);
  113. --theme_default_drag: hsl(30,5%,50%);
  114. --theme_default_spoiler: hsl(30,5%,30%);
  115. --theme_default_icon: hsl(30,5%,50%);
  116. --theme_default_btntext: var(--theme_default_text);
  117. --theme_default_altbtntext: hsl(30,5%,15%);
  118. --theme_default_btnbg: hsl(30,5%,17%);
  119. --theme_default_btnborder: hsl(30,5%,22%);
  120. --theme_default_altbtnborder: hsl(30,5%,27%);
  121. --theme_default_altbtnbg: hsl(30,5%,17%);
  122. --theme_default_btnbghover: hsl(30,5%,25%);
  123. --theme_default_altbtnbghover: hsl(30,5%,20%);
  124. --theme_default_inputtext: var(--theme_default_text);
  125. --theme_default_checkbox: 1px -18px;
  126. --theme_nmswitch: hsl(30,30%,60%);
  127. --theme_mpborder: hsl(30,5%,50%);
  128. --theme_default_shadow: hsl(30,5%,2%,.15);
  129. --theme_default_shadow2: hsl(30,5%,2%,.2);
  130. --theme_default_shadow3: hsl(30,5%,2%,.25);
  131. --theme_default_shadow4: hsl(30,5%,2%,.35);
  132. }
  133.  
  134. ::-webkit-scrollbar {background: var(--theme_default_scrollbg); height: 14px; width: 14px;}
  135. ::-webkit-scrollbar-track {background-clip: padding-box; border: solid transparent; border-width: 0;}
  136. ::-webkit-scrollbar-button {width: 0px; height: 0px;}
  137. ::-webkit-scrollbar-thumb {background-color: var(--theme_default_scroll); background-clip: padding-box; border: 2px solid transparent; border-radius: 4px;}
  138. ::-webkit-scrollbar-thumb:hover {background-color: var(--theme_default_scrollhover);}
  139. ::-webkit-scrollbar-thumb:active {background-color: var(--theme_default_scrollactive);}
  140. ::-webkit-scrollbar-corner {background: var(--theme_default_scrollbg);}
  141.  
  142. 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;}
  143.  
  144. html, body {background: var(--theme_default_bg); color: var(--theme_default_text); font-family: 'Lora', 'Georgia', serif !important; line-height: 1.35;}
  145. body {font-size: 1em;}
  146.  
  147. .cntnt {max-width: 1024px; margin: 0 auto; padding: 0 35px 0 15px;}
  148. .catalog, .body-stickers {max-width: 1024px; margin: 0 auto; padding: 0 10px;}
  149.  
  150. *::selection {background: var(--theme_default_link); color: var(--theme_default_contrasttext);}
  151. *::-moz-selection {background: var(--theme_default_link); color: var(--theme_default_contrasttext);}
  152. *::-webkit-selection {background: var(--theme_default_link); color: var(--theme_default_contrasttext);}
  153.  
  154. .rmenu, #plashque, #mobile-plashque, .logo img, .logo br, .mmm {display: none;}
  155.  
  156. a {color: var(--theme_default_link); text-decoration: none; transition: color .1s; outline: none;}
  157. a:hover {color: var(--theme_default_hover);}
  158. a:link {text-decoration: none;}
  159. a[href*="youtube.com"] {border-bottom: none;}
  160. a[href$="sage"], a[href$="Sage"], a[href$="SAGE"] {color: var(--theme_default_sage);}
  161. a[savefrom_lm_is_link="1"] {background: none !important;}
  162. a[savefrom_lm_is_link="1"]::before {content: '\f019'; font: 16px/1 FontAwesome;}
  163.  
  164. /* ===== Main Page ===== */
  165. .st0, .st1, use[fill="url(#gradientaaCw2bI38)"] {fill: var(--theme_default_text);}
  166. .welcomefriend {color: var(--theme_default_text);}
  167.  
  168. .wraper.mainpage {margin: 0 10px;}
  169. .mcontent, .board-data {max-width: 1000px; width: auto;}
  170. .hdescription, .hdescription-stats {font-family: inherit;}
  171. .postscontainer {border-bottom-width: 2px; border-radius: 4px;}
  172. 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;}
  173. .hnews .news-posts-count {color: var(--theme_default_alttext2);}
  174.  
  175. /* Stats */
  176. .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: inherit;}
  177. .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);}
  178. .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);}
  179.  
  180. .ui-widget-content {background: var(--theme_default_postbg);}
  181. .ui-widget-header {background: var(--theme_default_bg);}
  182. .cloudheader .cloudoption {color: var(--theme_default_alttext);}
  183. .cloudheader .cloudoption:hover {color: var(--theme_default_text);}
  184.  
  185. .table .thead .th {background: var(--theme_default_link); border: none; color: var(--theme_default_altbtntext);}
  186. .table .thead .th a[style="color:black;"] {color: var(--theme_default_altbtntext) !important;}
  187. .board-speed {color: var(--theme_default_alttext);}
  188.  
  189. hr {border-color: transparent;}
  190. .hr {border-top-color: var(--theme_default_border);}
  191. .box-data .data {border-color: var(--theme_default_border);}
  192.  
  193. /* FAQ */
  194. a.logo {background: none; color: var(--theme_default_text) !important; padding: 0;}
  195. a.logo::before {content: "\f0e7"; font: 60px/1 FontAwesome; padding-right: 10px;}
  196.  
  197. .box {background: var(--theme_default_postbg); border-bottom-width: 2px; border-color: var(--theme_default_border); border-radius: 4px;}
  198. .box hr {border-top-color: var(--theme_default_border);}
  199. .box .boardname {color: var(--theme_default_link);}
  200.  
  201. /* Donate Abu */
  202. #adminbar ul.menu ul li a {color: var(--theme_default_link);}
  203. #adminbar ul.menu ul li a:hover {color: var(--theme_default_hover);}
  204. #adminbar ul.menu ul li a:visited {color: var(--theme_default_link);}
  205. .logo {color: var(--theme_default_logo);}
  206.  
  207. .reply {background: var(--theme_default_postbg); border-bottom-width: 2px; border-color: var(--theme_default_border); border-radius: 4px;}
  208.  
  209. /* Passcode kupi - Abu pomogi */
  210. .header {color: var(--theme_default_text);}
  211.  
  212. #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: none;}
  213. .amenu {font-family: inherit !important;}
  214. .topmenu li a.mitem:link, .topmenu li a.mitem:visited {background: none; color: var(--theme_default_link); font-size: 20px;}
  215. .topmenu li a.mitem:hover {color: var(--theme_default_hover);}
  216. .addban, .floatforms {background-color: var(--theme_default_postbg); border: 1px solid var(--theme_default_border);}
  217. .floatforms {font-family: inherit;}
  218.  
  219. /* Stickers */
  220. .body-stickers .sticker {background-color: var(--theme_default_postbg); border-bottom-width: 2px; border-color: var(--theme_default_border); color: var(--theme_default_text);}
  221. .body-stickers .sticker:hover {border-color: var(--theme_default_altborder);}
  222.  
  223. .sticker {scrollbar-color: var(--theme_default_scroll) transparent; scrollbar-width: thin;}
  224.  
  225. /* ===== Catalog ===== */
  226. .logo {font-family: unset; font-size: 2.5em; font-weight: normal;}
  227.  
  228. .thread_wrap {border-radius: 4px; margin: 5px;}
  229. .thread_wrap.expandble:hover .cthread {border-radius: 4px; box-shadow: 0 0 0 1px var(--theme_default_border);}
  230. .thumb {border-radius: 4px; box-shadow: none;}
  231.  
  232. /* ===== Page ===== */
  233. .warningcover {background-color: var(--theme_default_bg); backdrop-filter: blur(10px); opacity: .95;}
  234. .warningbox {border: 1px solid var(--theme_default_border); border-bottom-width: 2px; border-radius: 4px; box-shadow: 0 6px 16px var(--theme_default_shadow2); margin-top: -50px; overflow: auto;}
  235.  
  236. #fullscreen-container {box-shadow: 0 6px 16px var(--theme_default_shadow4); padding: 0; margin: 6px 4px 4px 0;}
  237. #fullscreen-container:hover:after {opacity: 1;}
  238. #fullscreen-container:after {background: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); border-radius: 13px; color: var(--theme_default_text); padding: 1px 5px; top: -8px; left: 50%; transform: translateX(-50%); width: unset; opacity: 0; transition: .1s;}
  239.  
  240. .na {background: transparent; border-radius: 0; height: 50%; width: 35px; padding: 0; right: 0; text-align: center; transition: .1s; z-index: 200;}
  241. .na_type_up:hover, .na_type_up:active {background: linear-gradient(to top, transparent, var(--theme_default_postbg));}
  242. .na_type_down:hover, .na_type_down:active {background: linear-gradient(to top, var(--theme_default_postbg), transparent);}
  243. .na__icon {display: block; fill: var(--theme_default_alttext2); position: fixed;}
  244. .na:hover .na__icon {fill: var(--theme_default_alttext);}
  245. .na_type_up {top: 0;}
  246. .na_type_up .na__icon {padding: 50px 10px 0; width: 35px; height: 65px; top: 0;}
  247. .na_type_down {bottom: 0; transform: none;}
  248. .na_type_down .na__icon {padding: 50px 10px 0; width: 35px; height: 65px; transform: rotate(180deg); bottom: 0;}
  249.  
  250. .alert {border-radius: 4px; border: 1px solid var(--theme_default_border); border-bottom-width: 2px; box-shadow: 0 1px 6px var(--theme_default_shadow2);}
  251.  
  252. .media-thumbnail img {border-radius: 4px; box-shadow: 0 1px 6px 0 var(--theme_default_shadow3);}
  253.  
  254. /* Header */
  255. .adminbar {color: var(--theme_default_alttext2); opacity: 0; transition: .2s;}
  256. .adminbar__menu a {margin: 0 2px;}
  257. .adminbar__boards_sticky {display: none;}
  258. header:hover .adminbar {opacity: 1;}
  259.  
  260. select {background: var(--theme_default_altbtnbg); border: 1px solid var(--theme_default_btnborder); border-bottom-width: 2px; border-radius: 4px; color: var(--theme_default_text); padding: 2px 2px !important; outline: none; transition: .1s;}
  261. select:focus {background: var(--theme_default_altbtnbghover); border-color: var(--theme_default_altborder);}
  262.  
  263. .boardname a {color: var(--theme_default_text); font-size: 1.3em; font-weight: normal;}
  264.  
  265. /* Setting */
  266. .settings__prefs {margin-left: 15px;}
  267. .settings__header span {font-size: 0;}
  268. .settings__header span:first-child::before {content: "\f078"; font: 12px/1 FontAwesome; margin-right: 4px;}
  269. .settings__header span:last-child::before {content: "\f077"; font: 12px/1 FontAwesome; margin-right: 4px;}
  270. .settings__label select {margin-left: 4px;}
  271. .settings__edit {background: none; color: var(--theme_default_text);}
  272. .settings__edit:hover {color: var(--theme_default_link);}
  273. .settings__edit::before {content: "\f044"; font: 14px/1 FontAwesome;}
  274. #setting-editor-textarea-textarea {font-family: Consolas, monospace;}
  275.  
  276. .ah__header {background-color: var(--theme_default_postbg2);}
  277. .ah__cell {border-color: var(--theme_default_postbg2);}
  278. .error {border-color: var(--theme_default_red) !important; border-bottom-width: 2px !important;}
  279. .ah__input:focus {border-color: var(--theme_default_altbtnborder) !important;  border-bottom-width: 2px !important; box-shadow: 0 1px 3px var(--theme_default_shadow);}
  280.  
  281. /* Create Post */
  282. .newpost__label {font-weight: bold;}
  283.  
  284. textarea {min-height: 50px; max-height: 1000px; scrollbar-color: var(--theme_default_scroll) transparent; scrollbar-width: thin;}
  285. input[type="text"], input[type="password"], textarea, .input {background: var(--theme_default_altbtnbg); border: 1px solid var(--theme_default_btnborder); border-bottom-width: 2px; border-radius: 4px; box-shadow: none; color: var(--theme_default_inputtext); padding: 3px 8px; transition: .1s; outline: none;}
  286. input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input:focus {background: var(--theme_default_altbtnbghover); border-color: var(--theme_default_altbtnborder);}
  287. input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder {color: var(--theme_default_alttext2);}
  288.  
  289. button, .button, html input[type=button], input[type=reset], input[type=submit], .arch-searchform input[type="submit"] {background: none; border: none; box-shadow: none; color: var(--theme_default_link); font-weight: bold; padding: 4px 8px; transition: .1s; outline: none;}
  290. button:hover, .button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {background: none; color: var(--theme_default_hover);}
  291. button[disabled], html input[disabled] {background: none !important; color: var(--theme_default_alttext2) !important;}
  292.  
  293. .postform .rules {display: none;}
  294.  
  295. #qr-CommentToolbar, #CommentToolbar {position: relative;}
  296. #qr-CommentToolbar span, #CommentToolbar span {display: inline-block; height: 18px;}
  297. .markup {padding: 1px 3px; opacity: 0;}
  298. .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);}
  299. .m-bold:before {content: "\f032"; font: 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  300. .m-italic:before {content: "\f033"; font: 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  301. .m-quote {color: var(--theme_default_postnum);}
  302. .m-quote:hover {color: var(--theme_default_postnum2);}
  303. .m-quote:before {content: "\f054"; font: 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  304. .m-underline:before {content: "\f0cd"; font: 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  305. .m-overline:before {content: "O"; font: bold 14px/20px serif; position: absolute; height: 18px; width: 22px; text-decoration: overline; text-align: center;}
  306. .m-spoiler {color: var(--theme_default_alttext2); width: 31px;}
  307. .m-spoiler:hover {color: var(--theme_default_text);}
  308. .m-spoiler img {width: 31px; height: 18px;}
  309. .m-spoiler:before {background: var(--theme_default_spoiler); content: "SP"; line-height: 16px; position: absolute; margin-top: 1px; height: 16px; width: 31px; text-align: center; transition: .1s;}
  310. .m-strike:before {content: "\f0cc"; font: 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  311. .m-sup:before {content: "\f12b"; font: 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  312. .m-sub:before {content: "\f12c"; font: 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  313.  
  314. input[type="checkbox"][name="delete"] {display: none;}
  315. input[type="checkbox"] {cursor: pointer; height: 15px; width: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; margin-top: -2px;}
  316. input[type="checkbox"]::before {background: var(--theme_default_altbtnbg); border: 1px solid var(--theme_default_altborder); border-bottom-width: 2px; border-radius: 4px; box-sizing: border-box; content: ""; display: block; height: 15px; width: 15px; transition: .1s;}
  317. input[type="checkbox"]:focus::before {background: var(--theme_default_altbtnbghover);}
  318. 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;}
  319. input[type="checkbox"]:checked::after {color: var(--theme_default_text);}
  320.  
  321. .filer__limits {color: var(--theme_default_drag); font-size: 12px; margin: 2px 0;}
  322. .filer__drag-area {background-color: var(--theme_default_btnbg); border: 1px solid var(--theme_default_btnborder); border-bottom-width: 2px; border-radius: 4px; color: var(--theme_default_alttext2); padding-top: 11px;}
  323. .filer__drag-area_hover {background-color: var(--theme_default_btnbghover);}
  324. .filer__thumb {background: var(--theme_default_postbg); border-radius: 4px; overflow: hidden;}
  325. .filer__meta {background: var(--theme_default_glassbg); backdrop-filter: blur(5px); opacity: 1;}
  326. .filer__size {margin-left: 4px;}
  327. .filer__delete {font-size: unset;}
  328.  
  329. .oekaki-width, .oekaki-height {width: 44px;}
  330.  
  331. .grecaptcha-badge {display: none;}
  332.  
  333. /* Drawing */
  334. .literally .lc-picker, .literally .horz-toolbar, .literally .lc-options .lc-font-settings {background-color: var(--theme_default_postbg) !important;}
  335. .literally .lc-picker, .literally.toolbar-at-top .lc-options {border-color: var(--theme_default_border) !important;}
  336. .literally .lc-picker .toolbar-button:hover:not(.disabled) {background-color: var(--theme_default_border) !important; border-color: var(--theme_default_border) !important;}
  337. .literally .lc-picker .toolbar-button.selected:not(.disabled) {background-color: var(--theme_default_link) !important; border-color: var(--theme_default_link) !important; color: var(--theme_default_postbg);}
  338. .literally .color-well-color-container {background-color: transparent !important; border-color: var(--theme_default_border) !important;}
  339. .literally .color-well-color-container:hover:not(.disabled) {border-color: var(--theme_default_link);}
  340. .literally .horz-toolbar .square-toolbar-button {border-color: var(--theme_default_border) !important;}
  341. .literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) {border-color: var(--theme_default_altborder) !important;}
  342. .literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) {background-color: var(--theme_default_postbghighlight) !important; border-color: var(--theme_default_link) !important;}
  343. .lc-font-settings select {margin-right: 4px;}
  344. .square-toolbar-button circle {fill: var(--theme_default_text);}
  345. .literally .color-well {padding-bottom: 2px; border-radius: 4px 0 0 4px;}
  346. .literally .color-well.open {background-color: var(--theme_default_altpostbg);}
  347. .literally .color-picker-popup {background-color: var(--theme_default_postbg);}
  348.  
  349. img[src="/makaba/templates/js/lcanvas/img/dashed-line.png"], img[src="/makaba/templates/js/lcanvas/img/line-with-arrow.png"] {display: none;}
  350. .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;}
  351. .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;}
  352.  
  353. .lc-pick-tool, .lc-undo, .lc-redo, .lc-zoom-out, .lc-zoom-in {background: none !important;}
  354. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/pencil.png);"]::before {content: "\f040"; font: 22px/22px FontAwesome;}
  355. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/eraser.png);"]::before {content: "\f12d"; font: 22px/22px FontAwesome;}
  356. .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);}
  357. .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;}
  358. .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;}
  359. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/text.png);"]::before {content: "\f031"; font: 22px/22px FontAwesome;}
  360. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/polygon.png);"]::before {content: "\f275"; font: 22px/22px FontAwesome;}
  361. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/pan.png);"]::before {content: "\f047"; font: 22px/22px FontAwesome;}
  362. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/eyedropper.png);"]::before {content: "\f1fb"; font: 22px/22px FontAwesome;}
  363. .lc-undo::before {content: "\f112"; font: 22px/22px FontAwesome;}
  364. .lc-redo::before {content: "\f064"; font: 22px/22px FontAwesome;}
  365. .lc-zoom-out::before {content: "\f010"; font: 22px/22px FontAwesome;}
  366. .lc-zoom-in::before {content: "\f00e"; font: 22px/22px FontAwesome;}
  367.  
  368. .qr-oekaki-footer, .qr__footer_oekaki {border-top: 1px solid var(--theme_default_border); padding-top: 4px;}
  369.  
  370. /* Quick Reply */
  371. .qr {border-bottom-width: 2px; border-radius: 4px; box-shadow: 0 6px 16px var(--theme_default_shadow3); padding: 4px;}
  372. .qr__header {background: none; border: none; font-size: 15px; font-weight: bold; padding: 3px;}
  373. .qr__close {font-size: 0; margin: -5px; padding: 5px; transition: .1s;}
  374. .qr__close:hover {color: var(--theme_default_link);}
  375. .qr__close::before {content: "\f00d"; font: 14px/1 FontAwesome;}
  376.  
  377. .qr_reply .qr__footer {display: none;}
  378. .qr__footer, .bb__footer {font-size: 13px;}
  379.  
  380. .qr__footer hr {border-color: var(--theme_default_border); margin: 8px 0px 4px;}
  381.  
  382. /* Left Panel */
  383. .cntnt__left {background: var(--theme_default_bg); border-right: 1px solid var(--theme_default_border); padding: 0 5px 0 0; position: fixed; top: 0; left: -328px; width: 335px; z-index: 200; transition: .3s;}
  384. .cntnt__left_sticky {scrollbar-color: var(--theme_default_scroll) transparent; scrollbar-width: thin; padding-left: 5px;}
  385. .cntnt__left:hover {left: 0;}
  386.  
  387. .fm {font-size: 0.95em; margin: 5px;}
  388. .fm__header {background: none; font-size: 1.3em; transition: color .1s;}
  389. .fm__header:hover {background: none; color: var(--theme_default_link);}
  390. .fm__sub a {display: block;}
  391.  
  392. /* Right Panel */
  393. .search {font-size: 1em;}
  394.  
  395. a[onclick*="updateThread(); return false;"]::before {content: ""; height: 80px; width: 35px; position: fixed; margin-top: -40px; top: 50%; right: 0; z-index: 210; transition: .1s;}
  396. a[onclick*="updateThread(); return false;"]:hover::before {background: var(--theme_default_postbg);}
  397. #postbtn-favorite-bottom + a[onclick="PostF.updateThread(); return false;"]::before, #postbtn-favorite-bottom + a[onclick="PostF.updateThread(); return false;"]::after {display: none;}
  398. 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%; right: 7px; width: 20px; z-index: 211; transition: .3s;}
  399. a[onclick*="updateThread(); return false;"]:hover::after {color: var(--theme_default_alttext); transform: rotate(360deg);}
  400.  
  401. /* Кнопки хуёпки и прочее говно которое не сделали по-человечески блять, Абу на вас нет */
  402. .btn {font-family: inherit;}
  403. .btn-3 {background: var(--theme_default_link) !important; color: var(--theme_default_altbtntext) !important;}
  404. .btn-3:hover {background: var(--theme_default_hover) !important; color: var(--theme_default_altbtntext) !important;}
  405. .btn-3:before {width: 60px;}
  406.  
  407. span[style="background-color: rgb(255, 0, 0);"] {background-color: var(--theme_default_red) !important;}
  408.  
  409. /* Thread */
  410. .thread:after {margin: 25px 0;}
  411. .replypage .thread:after {display: none;}
  412.  
  413. .thread__post {margin: 8px 0;}
  414. .post {padding: 2px 6px 4px;}
  415. .rainbow-alt {animation-name: none; background: none; color: var(--theme_default_text); font-size: inherit; font-weight: normal;}
  416. .rainbow-alt::after {display: none;}
  417. .post__message {font-size: 1.1em; margin: 0.4em 1em 1em; scrollbar-color: var(--theme_default_scroll) transparent; scrollbar-width: thin;}
  418.  
  419. .post_preview {border-color: var(--theme_default_border) !important; border-bottom-width: 2px !important; box-shadow: 0 1px 6px var(--theme_default_shadow2) !important;}
  420. .post_type_reply:before {display: none;}
  421. .post_type_reply {border-bottom-width: 2px; border-radius: 4px; margin-left: 0;}
  422. .post_type_reply .post__details {opacity: 0; transition: .2s;}
  423. .post_type_reply:hover .post__details {opacity: 1;}
  424.  
  425. .post_type_highlight {border-color: var(--theme_default_link);}
  426.  
  427. .post_type_watched .post__anon::before {content: "Вы"; color: var(--theme_default_text); font-weight: bold; padding: 0 4px; margin-right: 5px;}
  428. .post_type_replied .post__anon::before, .post_type_replied .post__email::before {content: "Ответ"; color: var(--theme_default_link); font-weight: bold; padding: 0 4px; margin-right: 5px;}
  429.  
  430. .post__details {color: var(--theme_default_alttext2);}
  431.  
  432. .post__anon span[style="color:rgb(164,164,164);"] {color: var(--theme_default_alttext2) !important;}
  433.  
  434. .post__mod {color: var(--theme_default_mod);}
  435. .post__ophui {color: var(--theme_default_ophui);}
  436.  
  437. .post__reflink {color: var(--theme_default_alttext);}
  438. a.post__reflink:hover, a.post__reflink:focus {color: var(--theme_default_link);}
  439.  
  440. .post__number {color: var(--theme_default_alttext2);}
  441.  
  442. .post__btn {fill: var(--theme_default_alttext2) !important; height: 18px; width: 18px; vertical-align: -4px; transition: .1s;}
  443. .post__btn:hover {fill: var(--theme_default_alttext) !important;}
  444. .post__btn.icon_type_active {fill: var(--theme_default_link) !important;}
  445. .post__btn_type_favorite.icon_type_active:hover {fill: var(--theme_default_hover) !important;}
  446. 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;}
  447. path[fill="#ececec"] {fill: inherit !important;}
  448.  
  449. .modal {border-bottom-width: 2px; border-radius: 4px; box-shadow: 0 1px 6px var(--theme_default_shadow2); padding: 4px 0;}
  450. .modal a {font-family: unset; padding: 4px 10px;}
  451. .modal a:hover {background: var(--theme_default_postbg2); color: var(--theme_default_text);}
  452.  
  453. .post__rate_type_like:hover .post__rate-icon, .post__rate_liked .post__rate-icon {fill: var(--theme_default_link);}
  454. .post__rate_type_dislike:hover .post__rate-icon, .post__rate_disliked .post__rate-icon {fill: var(--theme_default_red);}
  455. .post__rate_type_like, .post__rate_type_dislike {color: var(--theme_default_alttext2);}
  456.  
  457. .post__file-preview, .thumb, .de-video-thumb {filter: sepia(.4) saturate(.6); transition: .1s;}
  458. .post__file-preview:hover, .thumb:hover, .de-video-thumb:hover {filter: none;}
  459. /* I Never Asked For This */
  460. .post__images_type_multi {margin: 0 0 0 17px;}
  461. .post__images_type_multi .post__image {margin: 0 4px 0 0;}
  462. .post__file-preview {border-radius: 4px;}
  463. .post__file-webm {border: none; border-bottom: 2px dashed var(--theme_default_alttext2);}
  464.  
  465. .post__file-attr {margin-top: 0;}
  466. .post__file-attr {font-size: .8em; padding: 2px 0; color: var(--theme_default_alttext);}
  467. .post__filezise {height: 15px;}
  468. .post__file-attr svg {width: 16px; height: 16px; vertical-align: -4px;}
  469. .post__file-attr svg:hover {fill: var(--theme_default_alttext)}
  470. .post__file-attr a {opacity: 0; height: 15px;}
  471. .post__filezise {display: block; margin-top: -15px;}
  472.  
  473. figure {position: relative;}
  474. figure:hover > .post__file-attr a, figure:focus-within > .post__file-attr a {opacity: 1;}
  475. figure:hover > .post__file-attr .post__filezise, figure:focus-within > .post__file-attr .post__filezise {visibility: hidden;}
  476.  
  477. .unkfunc {color: var(--theme_default_postnum);}
  478.  
  479. .media-expand-button, .media-hide-button {transition: .1s;}
  480. .media-expand-button:hover, .media-hide-button:hover {color: var(--theme_default_text);}
  481.  
  482. .spoiler {background: var(--theme_default_spoiler) !important; color: transparent !important; transition: .1s;}
  483. .spoiler a {background: transparent !important; color: transparent !important; transition: .1s;}
  484. .spoiler:hover {background: var(--theme_default_spoiler) !important; color: var(--theme_default_text) !important;}
  485. .spoiler:hover a {color: var(--theme_default_link) !important;}
  486. .spoiler::after {display: none !important;}
  487.  
  488. /* ===== Footer ===== */
  489. .bb {border-radius: 4px 4px 0 0; box-shadow: 0 1px 6px var(--theme_default_shadow2); right: 40px;}
  490. .bb__tabs {left: 3px;}
  491. .bb__tab {background: var(--theme_default_postbg); border-radius: 0 0 4px 4px; color: var(--theme_default_alttext2);}
  492. .bb__tab_active {color: var(--theme_default_text);}
  493. .bb__row {margin: 0 0 0 5px;}
  494. .bb__bstitle a {display: block; padding: 3px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  495. .bb__bstitle + span {float: right; min-width: 65px;}
  496.  
  497. .pager {border-radius: 4px;}
  498.  
  499. .adminbar-bottom {display: none;}
  500. .footer__info {color: var(--theme_default_alttext);}
  501.  
  502. /* ===== Mobile ===== */
  503. @media only screen and (max-width: 480px) {
  504. ::-webkit-scrollbar {width: 8px; height: 8px;}
  505.  
  506. body {font-size: .9em;}
  507.  
  508. header, .catalog, .cntnt {padding: 0;}
  509.  
  510. /* Header */
  511. .adminbar::before {background: var(--theme_default_postbg); border-top: 1px solid var(--theme_default_border); box-shadow: 0 -1px 6px 0 var(--theme_default_shadow2); content: ""; padding: 0 20px; position: fixed; bottom: 0; left: 0; right: 0; height: 40px; text-align: right;}
  512. .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;}
  513. .adminbar:hover::after {background-color: var(--theme_default_btnbghover);}
  514. .adminbar {background: var(--theme_default_postbg); border-top: 1px solid var(--theme_default_border); border-radius: 6px 6px 0 0; box-shadow: 0 -2px 6px 0 var(--theme_default_shadow2); font-size: 14px; padding: 5px 5px 30px 5px; margin-bottom: 0; opacity: 1; position: fixed; width: unset; left: 0; right: 0; top: unset; bottom: -600px; text-align: left; transform: none; transition: none; z-index: 970;}
  515. .adminbar:hover, .adminbar:focus, .adminbar:focus-within {bottom: 40px;}
  516. .adminbar__menu {height: unset; white-space: unset; margin-bottom: 0 !important;}
  517. .adminbar__menu a {font-weight: bold;}
  518. #adminbar__more {display: none;}
  519. .adminbar__exp {display: inline;}
  520. .adminbar .desktop {display: inline-block !important;}
  521. .adminbar a {color: var(--theme_default_text); display: inline-block; padding: 6px 3px;}
  522. a.adminbar__slink {font-weight: bold; margin: 5px 2px;}
  523. .adminbar__cat a[href="/"] {display: none !important;}
  524. .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;}
  525. .adminbar__boards_sticky {border: none; box-shadow: none; display: block; transform: none; position: unset;}
  526.  
  527. .nm__switcher {height: 20px; width: 42px;}
  528. .nm__bullet {height: 16px; width: 16px;}
  529. .nm__bullet[style="left: 18px;"] {left: 24px !important;}
  530. .nm__icon {height: 18px; width: 18px;}
  531.  
  532. /* Setting */
  533. .settings__header {margin: 0; padding: 6px 0; letter-spacing: 1px; text-transform: uppercase;}
  534. .settings__row {padding: 2px 0;}
  535. #setting-editor-textarea-textarea {min-height: 250px;}
  536.  
  537. /* Catalog */
  538. .centered span[style="float:left"] a {font-size: 0;}
  539. .centered span[style="float:left"] a::before {content: "\f060"; font: 22px/38px FontAwesome; width: 40px; display: inline-block;}
  540.  
  541. .thread_wrap {flex: 0 0 95%; height: 150px; text-align: left;}
  542. .thread-info {color: var(--theme_default_alttext2);}
  543. .thread-info b {color: var(--theme_default_title); font-size: .9em;}
  544. .img-block {margin-bottom: 0;}
  545. .thumb {max-width: 80px; height: auto; float: left; margin-right: 8px;}
  546.  
  547. /* Create Post */
  548. .newpost {background: var(--theme_default_postbg); left: 0; right: 0; top: 0; bottom: unset; padding: 0; position: fixed; z-index: 980;}
  549.  
  550. .mobile.newpost__label_bot {display: none !important;}
  551. .mobile.newpost__label_top {background: var(--theme_default_link) !important; border: none; 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;}
  552. .mobile.newpost__label_top:hover {background: var(--theme_default_hover) !important; box-shadow: 0 2px 8px -4px var(--theme_default_hover);}
  553. .mobile.newpost__label_top::before {content: "\f044"; font: 24px/36px FontAwesome;}
  554.  
  555. #postform {height: calc(100vh); padding: 0 5px 125px; overflow: auto;}
  556. #postform > hr, footer .newpost, .boardname + hr {display: none;}
  557. #postform::before {content: "НОВЫЙ ПОСТ"; display: block; font-weight: bold; font-size: 16px; letter-spacing: 1px; padding: 8px; text-align: center;}
  558. .postform {font-size: 1em;}
  559. #e-mail, #tags {margin-bottom: unset;}
  560. input[id="submit"] {display: block !important;}
  561. .send-mob {display: none !important;}
  562.  
  563. #qr-CommentToolbar span, #CommentToolbar span {height: 24px;}
  564. .markup {padding: 4px 5px;}
  565. .m-bold:before {font:  18px/24px FontAwesome; height: 24px; width: 26px;}
  566. .m-italic:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  567. .m-quote:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  568. .m-underline:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  569. .m-overline:before {font: bold 18px/24px serif; height: 24px; width: 26px;}
  570. .m-spoiler {width: 35px;}
  571. .m-spoiler img {height: 24px; width: 35px;}
  572. .m-spoiler:before {font-size: 18px; line-height: 22px; height: 20px; width: 35px;}
  573. .m-strike:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  574. .m-sup:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  575. .m-sub:before {font: 18px/24px FontAwesome; height: 24px; width: 26px;}
  576. .postform__raw.options {display: block !important;}
  577.  
  578. input[type="checkbox"] {height: 20px; width: 20px;}
  579. input[type="checkbox"]::before {height: 20px; width: 20px;}
  580. input[type="checkbox"]::after {bottom: 20px; font: 15px/20px FontAwesome; height: 20px; width: 20px;}
  581.  
  582. /* Quick Reply */
  583. .qr {border: none; border-radius: 0; font-size: 1em; left: 0 !important; top: 0 !important; padding: 5px; width: 100%; height: calc(100vh); overflow: auto; z-index: 983;}
  584. .qr__header {text-transform: uppercase; letter-spacing: 1px; font-size: 16px; padding: 6px 0;}
  585. .qr__close {padding: 10px 15px; margin: -10px;}
  586. .qr__close::before {font: 18px/1 FontAwesome;}
  587.  
  588. .qr__footer {font-size: 14px;}
  589.  
  590. /* Page */
  591. .warningbox {top: 0; left: 0; bottom: 0; right: 0; width: unset; margin-top: 0; margin-left: 0; border: none; border-radius: 0;}
  592.  
  593. #fullscreen-container:after {font-size: .8em; opacity: 1;}
  594.  
  595. .na {height: 40px; width: 50px; padding: 10px; z-index: 970;}
  596. .na__icon {fill: var(--theme_default_text) !important; position: unset;}
  597. .na_type_up {display: block !important; top: unset; bottom: 0; left: 50px;}
  598. .na_type_up:hover, .na_type_up:active, .na_type_down:hover, .na_type_down:active {background: var(--theme_default_btnbghover);}
  599. .na_type_up .na__icon {padding: 4px 0 10px; height: 25px; width: 30px;}
  600. .na_type_down {display: block !important; bottom: 0; left: 100px;}
  601. .na_type_down .na__icon {padding: 10px 0 4px; height: 25px; width: 30px;}
  602.  
  603. .alert {left: 4px; right: unset;}
  604.  
  605. .cntnt {margin-top: 5px;}
  606. .cntnt__right {padding: 0 0 100px 0; flex: 1 100%; -webkit-flex: 1 100%;}
  607.  
  608. .button-mob {border-bottom-width: 2px; border-radius: 4px; transition: .1s;}
  609. .button-mob:hover {background-color: var(--theme_default_btnbghover);}
  610.  
  611. .thread-nav {display: block !important; font-size: 0;}
  612. .search {background: var(--theme_default_postbg); border-bottom: 2px solid var(--theme_default_border); box-shadow: 0 1px 3px 0 var(--theme_default_shadow); display: block !important; margin-right: 0; padding: 5px; position: absolute; top: -40px; left: 0; width: 100%; transition: .1s; z-index: 100;}
  613. .search:hover, .search:focus, .search:focus-within {top: 0;}
  614. .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;}
  615. .search:hover::after, .search:focus::after, .search:focus-within::after {top: 0;}
  616. input[name="find"] {font-size: 14px;}
  617. .thread-nav__inner a {display: none;}
  618.  
  619. .thread-nav__stats {font-size: 15px; position: absolute; top: 5px; left: 10px;}
  620. 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;}
  621.  
  622. a[onclick*="updateThread(); return false;"] {background-color: var(--theme_default_postbg); border: none; 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;}
  623. a[onclick*="updateThread(); return false;"]::before {display: none;}
  624. 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;}
  625. .autorefresh-checkbox {position: fixed; left: 245px; bottom: 11px; z-index: 978;}
  626. .autorefresh-checkbox[checked="checked"] + .autorefresh-countdown {background: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); border-radius: 4px; box-shadow: 0 1px 6px 0 var(--theme_default_shadow); font-size: 13px; padding: 1px 5px; position: fixed; bottom: 45px; left: 200px; z-index: 978;}
  627.  
  628. /* Thread */
  629. .post {padding: 2px;}
  630. .post_type_oppost {border-top: 1px solid var(--theme_default_border); border-bottom: 2px solid var(--theme_default_border);}
  631.  
  632. .thread__post {margin: 6px 0; padding: 0 6px;}
  633. .post_type_reply .post__details {background: none; opacity: 1; padding: 2px;}
  634. .post__ophui {padding: 0 2px;}
  635. .post__btn.desktop {display: inline-block !important;}
  636. .post__btn {float: left;}
  637. .post__detailpart {padding-left: 2px;}
  638. .post__number {margin-left: 8px;}
  639.  
  640. .modal {padding: 6px 0;}
  641. .modal a {font-size: 15px; padding: 6px 14px;}
  642.  
  643. .post__filezise {margin-top: 0; visibility: visible !important;}
  644. .post__image-link {float: none;}
  645. .post__images_type_single + .post__message {margin: 0 1em 0.6em;}
  646.  
  647. .post__refmap {padding-left: 8px;}
  648.  
  649. /* Footer */
  650. .bb {border-radius: 6px 6px 0 0; box-shadow: 0 0 0 1px var(--theme_default_bordershadow), 0 -2px 6px 0 var(--theme_default_shadow2); display: block !important; font-size: 1em; top: unset; left: 0; right: 0; bottom: -600px; transition: background .1s; z-index: 979;}
  651. .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;}
  652. .bb:hover::before {background-color: var(--theme_default_btnbghover);}
  653. .bb:hover, .bb:focus, .bb:focus-within {bottom: 40px;}
  654. .bb__panels {display: block !important;}
  655. .bb__header, .bb-header-text {font-weight: bold; font-size: 16px; letter-spacing: 1px; text-transform: uppercase;}
  656. .bb__update {width: 16px; height: 16px;}
  657. .bb__header::before {display: none;}
  658. .bb__bstitle {max-width: 250px;}
  659.  
  660. .footer__info {display: none;}
  661. }
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!