API tools faq
paste
Advertisement
Guest User

2ch Rebuild (alpha)

a guest
Oct 3rd, 2022
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.68 KB | Source Code | 0 0
raw download clone embed print report
  1. @font-face {font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v55/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');}
  2.  
  3. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuGqZJSdY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  4. /* cyrillic */
  5. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuE6ZJSdY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  6. /* vietnamese */
  7. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuGKZJSdY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  8. /* latin-ext */
  9. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuGaZJSdY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
  10. /* latin */
  11. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 400; src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZJ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
  12. /* cyrillic-ext */
  13. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 700; src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINce_fuNmo.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  14. /* cyrillic */
  15. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 700; src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINccvfuNmo.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  16. /* vietnamese */
  17. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 700; src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINceffuNmo.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  18. /* latin-ext */
  19. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 700; src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINcePfuNmo.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
  20. /* latin */
  21. @font-face {font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 700; src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINcdvfu.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
  22. /* cyrillic-ext */
  23. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhdzeFb5N.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  24. /* cyrillic */
  25. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhdXeFb5N.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  26. /* vietnamese */
  27. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhd7eFb5N.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  28. /* latin-ext */
  29. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhd_eFb5N.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
  30. /* latin */
  31. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; src: local('IBM Plex Sans'), local('IBMPlexSans'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYXgKVElMYYaJe8bpLHnCwDKhdHeFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
  32. /* cyrillic-ext */
  33. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIxsdO_q.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
  34. /* cyrillic */
  35. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIVsdO_q.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
  36. /* vietnamese */
  37. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjWr7AI5sdO_q.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;}
  38. /* latin-ext */
  39. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjWr7AI9sdO_q.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
  40. /* latin */
  41. @font-face {font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(https://fonts.gstatic.com/s/ibmplexsans/v4/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIFsdA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
  42.  
  43. :root {
  44.     --theme_default_bg: hsl(0,0%,93%);
  45.     --theme_default_postbg: hsl(0,0%,100%);
  46.     --theme_default_postbg2: hsl(0,0%,97%);
  47.     --theme_default_postbghighlight: hsl(25,50%,90%);
  48.     --theme_default_spectext: hsl(290,30%,45%);
  49.     --theme_default_red: hsl(0,100%,65%);
  50.     --theme_default_ophui: hsl(120,40%,40%);
  51.     --theme_default_postnum: hsl(120,40%,40%);
  52.     --theme_default_postnumbg: hsla(120,40%,40%,.1);
  53.     --theme_default_border: hsla(0,0%,0%,.15);
  54.     --theme_default_text: hsl(0,0%,20%);
  55.     --theme_default_alttext: hsl(0,0%,40%);
  56.     --theme_default_alttext2: hsl(0,0%,60%);
  57.     --theme_default_link: hsl(25,100%,50%);
  58.     --theme_default_hover: hsl(25,100%,33%);
  59.     --theme_default_title: hsl(211,100%,30%);
  60.     --theme_default_drag: hsl(0,0%,80%);
  61.     --theme_default_spoiler: hsl(0,0%,80%);
  62.     --theme_default_icon: hsl(0,0%,60%);
  63.     --theme_default_btntext: hsl(0,0%,20%);
  64.     --theme_default_altbtntext: hsl(0,0%,100%);
  65.     --theme_default_btnbg: hsl(0,0%,100%);
  66.     --theme_default_btnborder: hsla(0,0%,0%,.15);
  67.     --theme_default_altbtnbg: hsl(0,0%,96%);
  68.     --theme_default_btnbghover: hsl(0,0%,93%);
  69.     --theme_default_altbtnbghover: hsl(0,0%,100%);
  70.     --theme_default_inputtext: hsl(0,0%,20%);
  71.     --theme_nmswitch: hsl(0,0%,62%);
  72.     --theme_mpborder: hsl(0, 0%, 33%);
  73.     --theme_mubtn: hsl(0,0%,97%);
  74.     --theme_sbthumb: hsl(0,0%,70%);
  75.     --theme_sbtrack: hsl(0,0%,93%);
  76. }
  77. :root {
  78.     --theme_text: hsl(0,0%,20%);
  79.     --theme_logo_text: hsl(0,0%,20%);
  80.     --theme_bg: hsl(0,0%,93%);
  81.     --theme_blockbg: hsl(0,0%,100%);
  82.     --theme_border: hsla(0,0%,0%,.15);
  83.     --theme_inputbg: hsl(0,0%,100%);
  84.     --theme_inputtext: hsl(0,0%,20%);
  85.     --theme_inputborder: hsl(0,0%,88%);
  86.     --theme_shadow: hsl(0,0%,83%);
  87.     --theme_title: hsl(211,100%,30%);
  88. }
  89. html[data-theme=nightmode] {
  90.     --theme_default_bg: hsl(0,0%,15%);
  91.     --theme_default_postbg: hsl(0,0%,20%);
  92.     --theme_default_postbg2: hsl(0,0%,23%);
  93.     --theme_default_postbghighlight: hsl(25,35%,20%);
  94.     --theme_default_spectext: hsl(289,30%,60%);
  95.     --theme_default_red: hsl(0,100%,65%);
  96.     --theme_default_ophui: hsl(120,40%,60%);
  97.     --theme_default_postnum: hsl(120,40%,60%);
  98.     --theme_default_postnumbg: hsla(120,40%,60%,.1);
  99.     --theme_default_border: hsla(0,0%,100%,.1);
  100.     --theme_default_text: hsl(0,0%,85%);
  101.     --theme_default_alttext: hsl(0,0%,70%);
  102.     --theme_default_alttext2: hsl(0,0%,50%);
  103.     --theme_default_link: hsl(25,100%,60%);
  104.     --theme_default_hover: hsl(25,100%,70%);
  105.     --theme_default_title: hsl(211,44%,70%);
  106.     --theme_default_drag: hsl(0,0%,38%);
  107.     --theme_default_spoiler: hsl(0,0%,30%);
  108.     --theme_default_icon: hsl(0,0%,40%);
  109.     --theme_default_btntext: hsl(0,0%,85%);
  110.     --theme_default_altbtntext: hsl(0,0%,0%);
  111.     --theme_default_btnbg: hsl(0,0%,20%);
  112.     --theme_default_btnborder: hsla(0,0%,100%,.1);
  113.     --theme_default_altbtnbg: hsl(0,0%,15%);
  114.     --theme_default_btnbghover: hsl(0,0%,25%);
  115.     --theme_default_altbtnbghover: hsl(0,0%,13%);
  116.     --theme_default_inputtext: hsl(0,0%,85%);
  117.     --theme_nmswitch: hsl(25,100%,60%);
  118.     --theme_mpborder: hsl(0,0%,8%);
  119.     --theme_mubtn: hsl(0,0%,25%);
  120.     --theme_sbthumb: hsl(0,0%,40%);
  121.     --theme_sbtrack: hsl(0,0%,15%);
  122. }
  123. html[data-theme=nightmode] {
  124.     --theme_text: hsl(0,0%,85%);
  125.     --theme_logo_text: hsl(37, 95%, 50%);
  126.     --theme_bg: hsl(0,0%,15%);
  127.     --theme_blockbg: hsl(0,0%,20%);
  128.     --theme_border: hsla(0,0%,100%,.1);
  129.     --theme_inputbg: hsl(0,0%,15%);
  130.     --theme_inputtext: hsl(0,0%,85%)
  131.     --theme_inputborder: hsl(0,0%,25%);
  132.     --theme_shadow: hsl(0, 0%, 25%);
  133.     --theme_title: hsl(211,44%,70%);
  134. }
  135.  
  136. html {font-family: 'IBM Plex Sans', sans-serif; font-size: 16px;}
  137. html[data-theme=nightmode] {color-scheme: dark;}
  138. body {font-family: 'IBM Plex Sans', sans-serif !important;}
  139.  
  140. a {transition: color .1s;}
  141. a[href*="youtube.com"] {border-bottom: 1px dashed;}
  142.  
  143. #plashque, .plashque {border-radius: 6px; left: 255px; top: 45px; right: 5px; width: unset;}
  144.  
  145. .alert {border: 1px solid var(--theme_default_border); border-radius: 6px; top: 45px; right: 5px;}
  146.  
  147. .na {background: none; right: unset; left: 250px; height: 80px; z-index: 200;}
  148. .na:hover .na__icon {fill: var(--theme_default_text);}
  149. .na__icon {transition: .1s;}
  150. .na_type_up {top: calc(50% - 100px);}
  151. .na_type_down {bottom: calc(50% - 140px);}
  152.  
  153. .cntnt {padding-top: 45px;}
  154.  
  155. /*===== Catalog =====*/
  156. .header {color: var(--theme_default_text);}
  157. .header__meta {background: var(--theme_default_postbg); border-bottom: 1px solid var(--theme_default_border); padding: 3px; position: fixed; height: 40px; top: 0; left: 0; right: 0; z-index: 1000;}
  158.  
  159. .header__logo svg {padding-top: 40px;}
  160. .header__title {margin: 0;}
  161.  
  162. .ctlg {margin: 0px 40px;}
  163.  
  164. /*===== Header =====*/
  165. .cntnt__header {margin-left: 290px;}
  166. .header__menu {border: none; margin-bottom: 0 !important;}
  167. .header__opts {background-color: var(--theme_default_postbg); border-bottom: 1px solid var(--theme_default_border); padding: 5px 5px 5px 190px; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; transform: none; height: 40px;}
  168.  
  169. .header__menuitem, .header__exp a {padding-right: 6px;}
  170. .header__menu a[href="/static/market.html"] {display: none;}
  171. .header__menu a, .header__opts a {color: var(--theme_default_text);}
  172. .header__menu a:hover, .header__opts a:hover {color: var(--theme_default_link);}
  173. .header__myboards {color: var(--theme_default_alttext2);}
  174.  
  175. select {appearance: auto; border-color: var(--theme_default_border); border-radius: 4px; padding: 1px 4px;}
  176. .selectbox:after {display: none;}
  177.  
  178. .header__logo img, .mmm__img {display: none;}
  179.  
  180. .cntnt__header .header__title {line-height: 1; margin-bottom: 20px;}
  181.  
  182. /*===== Sidebar =====*/
  183. .cntnt__aside {display: block !important; flex: 0 0 290px; -webkit-flex: 0 0 290px;}
  184. .sidebar {position: fixed; width: 250px; height: calc(50% - 40px); top: 40px;}
  185. #js-hidefm {display: none;}
  186. .fm {padding: 5px;}
  187. .fm__item {margin-top: 5px;}
  188. .fm__header {border: 1px solid var(--theme_default_border); border-bottom-width: 2px; border-radius: 6px; display: inline-block; font-size: 1.1em; padding: 4px 8px; margin-bottom: 0; transition: .1s;}
  189. .fm__header:hover {background-color: var(--theme_default_postbg2);}
  190. .fm__sub {padding: 5px 0 5px 5px;}
  191. .fm__sub a {color: var(--theme_default_text); display: block; padding: 2px 4px;}
  192. .fm__sub a:hover {color: var(--theme_default_link);}
  193.  
  194. /*===== New Post =====*/
  195. .newpost__label {background: var(--theme_default_link); border-radius: 6px; box-shadow: 0 2px var(--theme_default_hover); color: var(--theme_default_altbtntext) !important; font-size: 1.1em; line-height: 1.4; transition: .1s;}
  196. .newpost__label:hover {background: var(--theme_default_hover);}
  197. .postform__raw {margin: 4px 0;}
  198.  
  199. .input {border-radius: 4px; padding: 4px 6px;}
  200. .button {border-radius: 4px;}
  201.  
  202. .postarea__btns {left: 0; bottom: -30px;}
  203. .postarea__btn {width: 24px; height: 24px; padding: 3px;}
  204. .postarea__btn:hover {fill: var(--theme_default_text);}
  205. .postform__sticker-prev {left: 0;}
  206. .postform__mu-wrapper {margin-left: 52px;}
  207. .postform__mu {background:  none; width: 24px; height: 24px; padding: 3px 6px;}
  208. .postform__mu:hover {background: var(--theme_mubtn);}
  209. .postform__mu_type_q {color: var(--theme_default_postnum);}
  210.  
  211. /*input[type="checkbox"] {appearance: none; display: inline-block; width: 16px; height: 16px; box-shadow: 0 0 0 1px var(--theme_default_btnborder); border-radius: 4px;}
  212. input[type="checkbox"]:checked {background: var(--theme_default_text); background-clip: padding-box; border: 5px solid transparent;}*/
  213.  
  214. input[type="checkbox"] {cursor: pointer; height: 24px; width: 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; margin-top: -2px; vertical-align: middle;}
  215. input[type="checkbox"]::before {color: var(--theme_default_icon); box-sizing: border-box; content: "check_box_outline_blank"; font: 24px/24px 'Material Icons', sans-serif; display: block; height: 24px; width: 24px; transition: .1s;}
  216. input[type="checkbox"]:focus::before {color: var(--theme_default_alttext);}
  217. input[type="checkbox"]:checked::before {color: var(--theme_default_link); content: "check_box"; font: 24px/24px 'Material Icons', sans-serif; display: block; height: 24px; width: 24px; transition: .1s;}
  218. input[type="checkbox"]:checked:focus::before {color: var(--theme_default_hover);}
  219.  
  220. .oekaki-width, .oekaki-height {width: 40px;}
  221. .rules {display: none;}
  222.  
  223. /*===== Threads =====*/
  224. .cntnt__main {margin-left: 0;}
  225.  
  226. .thread__missed {margin-left: 10px; margin-bottom: 4px;}
  227. .thread:after {margin: 25px 0;}
  228.  
  229. form[action="/user/search"] input[class="input"] {position: fixed; top: 5px; left: 5px; z-index: 100; width: 175px;}
  230. .tn {color: transparent; word-spacing: -8px;}
  231. .tn__item span {color: var(--theme_default_text); margin-right: 5px; word-spacing: 0;}
  232. .tn__item a:first-child, .tn__item a[href="#bottom"], .tn__item a[href="#top"] {display: none;}
  233. .tn a[href$="catalog.html"] {display: none;}
  234. .js-update-thread {font-size: 0;}
  235. .js-update-thread::before {box-sizing: border-box; color: var(--theme_default_icon); content: "refresh"; font: 24px/1 'Material Icons', sans-serif; position: fixed; top: calc(50% - 20px); left: 250px; padding: 8px; transition: color .1s, transform .3s; transform: rotate(0deg);}
  236. .js-update-thread:hover::before {color: var(--theme_default_text); transform: rotate(360deg);}
  237. #postbtn-favorite-bottom {font-size: 0;}
  238. #postbtn-favorite-bottom + .js-update-thread {display: none;}
  239. #postbtn-favorite-bottom::before {box-sizing: border-box; content: "star"; color: var(--theme_default_icon); font: 24px/1 'Material Icons', sans-serif; padding: 8px; position: fixed; left: 250px; top: calc(50% + 20px);}
  240. #postbtn-favorite-bottom:hover::before {color: var(--theme_default_text); transition: .1s;}
  241.  
  242. .post_type_oppost {background: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); border-bottom-width: 2px; border-radius: 6px; margin-bottom: 4px;}
  243. .post__message_op {padding: 16px 26px;}
  244.  
  245. .post_type_reply:before {content: "";}
  246. .post_type_reply {border-bottom-width: 2px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 2px 0 4px 10px;}
  247.  
  248. .post_preview {border-color: var(--theme_default_border) !important;}
  249. .post_type_highlight {border-color: var(--theme_default_link) !important;}
  250. .post_type_watched, .post_type_replied {border-left: 1px solid var(--theme_default_border); margin-left: 20px;}
  251. .post_type_watched:before {display: block; position: absolute; top: 0; bottom: 0; left: -10px; border-left: 2px solid var(--theme_default_link);}
  252. .post_type_replied:before {display: block; position: absolute; top: 0; bottom: 0; left: -10px; border-left: 2px dashed var(--theme_default_link);}
  253.  
  254. .post__details { color: var(--theme_default_alttext2); padding: 4px 4px 0 16px;}
  255. .post__title {padding-left: 0;}
  256. .post__ophui {color: var(--theme_default_ophui);}
  257. .post__reflink:hover, .post__reflink:focus {color: var(--theme_default_link);}
  258. .post__number {color: var(--theme_default_alttext2);}
  259. .post__message {scrollbar-color: var(--theme_sbthumb) var(--theme_sbtrack); scrollbar-width: thin;}
  260. .post__message::-webkit-scrollbar {width: 4px; height: 4px;}
  261. .post__message::-webkit-scrollbar-track {background: var(--theme_sbtrack);}
  262. .post__message::-webkit-scrollbar-thumb {background: var(--theme_sbthumb);}
  263. .post__message::-webkit-scrollbar-thumb:hover {filter: brightness(0.8);}
  264. .post__message::-webkit-scrollbar-corner {background: none;}
  265. .post__refmap {font-style: italic;}
  266.  
  267. .icon:hover {filter: none;}
  268. .post__btn {fill: var(--theme_default_alttext2) !important; height: 18px; width: 18px; vertical-align: -4px; transition: .1s;}
  269. .post__btn:hover {fill: var(--theme_default_alttext) !important;}
  270. path[d="M9.01 0C6.53 0 3.26 0 1.5 1.5C0 3.26 0 6.52 0 9C0 12 0 36 0 39C0 41.48 0 44.74 1.5 46.5C3.26 48 6.53 48 9.01 48C12.01 48 36.01 48 39.01 48C41.48 48 44.74 48 46.5 46.5C48 44.74 48 41.48 48 39C48 36 48 12 48 9C48 6.52 48 3.26 46.5 1.5C44.74 0 41.48 0 39.01 0C36.01 0 12.01 0 9.01 0Z"], path[d="M9.01 0C6.53 0 3.26 -0.26 1.5 1.5C-0.26 3.26 0 6.52 0 9C0 12 0 36 0 39C0 41.48 -0.26 44.74 1.5 46.5C3.26 48.26 6.53 48 9.01 48C12.01 48 36.01 48 39.01 48C41.48 48 44.74 48.26 46.5 46.5C48.26 44.74 48 41.48 48 39C48 36 48 12 48 9C48 6.52 48.26 3.26 46.5 1.5C44.74 -0.26 41.48 0 39.01 0C36.01 0 12.01 0 9.01 0Z"] {fill: none;}
  271. .post__btn.icon_type_active {fill: var(--theme_default_link) !important;}
  272. .post__btn_type_favorite.icon_type_active:hover {fill: var(--theme_default_hover) !important;}
  273. path[fill="#ececec"] {fill: inherit !important;}
  274.  
  275. .post__rate_type_like, .post__rate_type_dislike {color: var(--theme_default_alttext2)}
  276. .post__rate_type_dislike:hover .post__rate-icon, .post__rate_disliked .post__rate-icon {fill: var(--theme_default_red);}
  277.  
  278. .modal {font-size: 1em; border-radius: 6px; padding: 4px 0;}
  279. .modal a {font-family: inherit; font-size: .9em;}
  280. .modal a:hover {background: var(--theme_default_postbg2); color: var(--theme_default_text);}
  281.  
  282. svg[data-url*="/stickers"] + .post__filezise {display: none;}
  283.  
  284. .post__file-attr {color: var(--theme_default_alttext); margin-bottom: 4px;}
  285. .post__file-attr a {color: var(--theme_default_alttext);}
  286. .post__file-attr a:hover {color: var(--theme_default_link);}
  287. .post__file-attr a + * + * + .post__filezise {background: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); border-radius: 4px; opacity: 0; padding: 3px 6px; position: absolute; transition: .1s;}
  288. .post__file-attr a:hover + * + * + .post__filezise {opacity: 1;}
  289. .post__file-preview {border: 1px solid var(--theme_default_border); border-radius: 6px;}
  290. .post__file-webm {border: 1px solid var(--theme_default_border); border-bottom: 2px dashed var(--theme_default_alttext);}
  291.  
  292. .spoiler, .spoiler a {border-radius: 4px; transition: .1s;}
  293. .unkfunc {background: var(--theme_default_postnumbg); border-radius: 4px; display: inline-block; padding: 0 4px;}
  294.  
  295. /*===== Pop-Up Shit =====*/
  296. .warningcover {background: var(--theme_default_bg);}
  297. .warningbox {border: 1px solid var(--theme_default_border); border-radius: 6px; margin-top: -50px;}
  298. .warningboxbutton a {font-weight: bold; text-transform: uppercase; letter-spacing: .5px;}
  299. .warningboxbutton a[id="ageboxallow"] {font-size: 0;}
  300. .warningboxbutton a + br {display: none;}
  301. .warningboxbutton a[id="ageboxallow"]::before {content: "Я согласен"; font-size: 18px; margin-right: 12px;}
  302. .warningboxbutton a[id="ageboxdisallow"] {color: var(--theme_default_red);}
  303.  
  304. .mv__main {padding: 24px 0 0; z-index: 999 !important;}
  305.  
  306. /*===== Quick Reply =====*/
  307. .qr {border-radius: 6px; font-size: 1em; padding: 6px;}
  308. .qr__header {background: none; font-size: 1.1em;}
  309. .qr__close {font-size: 0; margin-top: -2px; padding: 0px; transition: .1s;}
  310. .qr__close:hover::before {color: var(--theme_default_text);}
  311. .qr__close::before {color: var(--theme_default_alttext2); content: "close"; font: 24px/1 'Material Icons', sans-serif;}
  312.  
  313. .js-filer-input {display: inline-block;}
  314. .filer__drag-area {display: none;}
  315. .qr_reply .qr__footer {display: none;}
  316. .qr__footer {font-size: 13px;}
  317.  
  318. /*===== Bookmarks =====*/
  319. .bb {background: var(--theme_default_bg); border: none; border-radius: 0; font-size: .9em; bottom: 0; left: 0; right: unset; width: 250px;}
  320. .bb__header {font-size: 0;padding: 0; position: fixed; height: 0; width: 250px; top: 50%;}
  321. .bb__update {top: 15px; right: unset; left: 10px;}
  322. .bb__panels {display: block !important;}
  323. .bb__panel {border-bottom: 0; max-height: unset; height: calc(50vh - 120px); scrollbar-color: var(--theme_sbthumb) var(--theme_sbtrack); scrollbar-width: thin; padding: 5px 5px 5px 10px;}
  324. .bb__panel#boardstats-body {height: calc(50vh - 40px);}
  325. .bb__panel::-webkit-scrollbar {width: 4px; height: 4px;}
  326. .bb__panel::-webkit-scrollbar-track {background: var(--theme_sbtrack);}
  327. .bb__panel::-webkit-scrollbar-thumb {background: var(--theme_sbthumb);}
  328. .bb__panel::-webkit-scrollbar-thumb:hover {filter: brightness(0.8);}
  329. .bb__panel::-webkit-scrollbar-corner {background: none;}
  330. .fav__fa {float: right;}
  331. .bb__row a {color: var(--theme_default_text);}
  332. .bb__row a:hover {color: var(--theme_default_link);}
  333. .bb__row a span:first-child {font-weight: normal; margin-right: 4px; opacity: .7;}
  334. .bb__row a span:nth-child(2), .bb__row a span:nth-child(3) {display: none;}
  335. .bb__row .fav__new {background: var(--theme_default_alttext2); border-radius: 4px; color: var(--theme_default_altbtntext); float: right; margin-left: 5px; min-width: unset; padding: 0 4px;}
  336. .bb__row .fav__new:last-of-type {background: var(--theme_default_link); border-radius: 4px; color: var(--theme_default_altbtntext); margin-right: 0;}
  337. .bb__bstitle {white-space: normal;}
  338. .bb__bstitle + span {color: var(--theme_default_alttext2);}
  339. .bb hr {display: none;}
  340. .bb__footer {font-size: 14px; text-align: left; padding: 0 10px; position: fixed; top: calc(50% + 50px); bottom: unset; left: 0; height: 70px; width: 250px;}
  341. .bb__footer label {display: block; margin: 4px 0;}
  342. .bb__tabs {border-radius: 6px; position: fixed; top: 50%; bottom: unset; margin: 5px 5px 5px 35px;}
  343. .bb__tab {border-color: transparent; border-bottom-width: 2px; border-radius: 6px; font-size: 1.1em; font-weight: normal;}
  344. .bb__tab_active {border-color: var(--theme_default_border);}
  345.  
  346. /*===== Footer =====*/
  347. .footer {margin-left: 290px;}
  348.  
  349. @media only screen and (max-width: 480px) {
  350.     .cntnt__header {margin-left: 0;}
  351.     .header__opts {padding: 5px;}
  352.     .cntnt__aside {display: none !important;}
  353. }
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!