Advertisement
Guest User

2ch Reborn Tomorrow

a guest
Jan 29th, 2019
189
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 50.79 KB | None | 0 0
  1. /* cyrillic */
  2. @font-face {font-family: 'Rubik'; font-style: italic; font-weight: 400; src: local('Rubik Italic'), local('Rubik-Italic'), url(https://fonts.gstatic.com/s/rubik/v7/iJWEBXyIfDnIV7nEnXq61F3f.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  3. }
  4. /* hebrew */
  5. @font-face {font-family: 'Rubik'; font-style: italic; font-weight: 400; src: local('Rubik Italic'), local('Rubik-Italic'), url(https://fonts.gstatic.com/s/rubik/v7/iJWEBXyIfDnIV7nEnXy61F3f.woff2) format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
  6. }
  7. /* latin-ext */
  8. @font-face {font-family: 'Rubik'; font-style: italic; font-weight: 400; src: local('Rubik Italic'), local('Rubik-Italic'), url(https://fonts.gstatic.com/s/rubik/v7/iJWEBXyIfDnIV7nEnXC61F3f.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;
  9. }
  10. /* latin */
  11. @font-face {font-family: 'Rubik'; font-style: italic; font-weight: 400; src: local('Rubik Italic'), local('Rubik-Italic'), url(https://fonts.gstatic.com/s/rubik/v7/iJWEBXyIfDnIV7nEnX661A.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. }
  13. /* cyrillic */
  14. @font-face {font-family: 'Rubik'; font-style: italic; font-weight: 700; src: local('Rubik Bold Italic'), local('Rubik-BoldItalic'), url(https://fonts.gstatic.com/s/rubik/v7/iJWBBXyIfDnIV7nElcWfwWb-6bB_.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  15. }
  16. /* hebrew */
  17. @font-face {font-family: 'Rubik'; font-style: italic; font-weight: 700; src: local('Rubik Bold Italic'), local('Rubik-BoldItalic'), url(https://fonts.gstatic.com/s/rubik/v7/iJWBBXyIfDnIV7nElcWfwWD-6bB_.woff2) format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
  18. }
  19. /* latin-ext */
  20. @font-face {font-family: 'Rubik'; font-style: italic; font-weight: 700; src: local('Rubik Bold Italic'), local('Rubik-BoldItalic'), url(https://fonts.gstatic.com/s/rubik/v7/iJWBBXyIfDnIV7nElcWfwWz-6bB_.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  21. }
  22. /* latin */
  23. @font-face {font-family: 'Rubik'; font-style: italic; font-weight: 700; src: local('Rubik Bold Italic'), local('Rubik-BoldItalic'), url(https://fonts.gstatic.com/s/rubik/v7/iJWBBXyIfDnIV7nElcWfwWL-6Q.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;
  24. }
  25. /* cyrillic */
  26. @font-face {font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  27. }
  28. /* hebrew */
  29. @font-face {font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
  30. }
  31. /* latin-ext */
  32. @font-face {font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nPrXyi0A.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;
  33. }
  34. /* latin */
  35. @font-face {font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/iJWKBXyIfDnIV7nBrXw.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;
  36. }
  37. /* cyrillic */
  38. @font-face {font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local('Rubik Bold'), local('Rubik-Bold'), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7F6iGmZ8WDm7Q.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  39. }
  40. /* hebrew */
  41. @font-face {font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local('Rubik Bold'), local('Rubik-Bold'), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7F6iGmf8WDm7Q.woff2) format('woff2'); unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
  42. }
  43. /* latin-ext */
  44. @font-face {font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local('Rubik Bold'), local('Rubik-Bold'), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7F6iGmT8WDm7Q.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;
  45. }
  46. /* latin */
  47. @font-face {font-family: 'Rubik'; font-style: normal; font-weight: 700; src: local('Rubik Bold'), local('Rubik-Bold'), url(https://fonts.gstatic.com/s/rubik/v7/iJWHBXyIfDnIV7F6iGmd8WA.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;
  48. }
  49.  
  50. html, body {font-family: 'Rubik', sans-serif !important;}
  51. html, body {background: var(--theme_default_bg); color: var(--theme_default_text);}
  52. body {font-size: 0.92em; line-height: 1.43;}
  53.  
  54. :root {
  55.     --theme_default_bg: #222428;
  56.     --theme_default_altbg: #47494d;
  57.     --theme_default_tabletd: #3c3e42;
  58.     --theme_default_scroll: #696b6f;
  59.     --theme_default_scrollactive: #5d5f63;
  60.     --theme_default_scrollborder: #2f3135;
  61.     --theme_default_postbg: #2f3135;
  62.     --theme_default_altpostbg: #3c3e42;
  63.     --theme_default_postborderhighlight: #6e98ba;
  64.     --theme_default_postshadowhighlight: rgba(110,152,186,.6);
  65.     --theme_default_postbghighlight: #353c43;
  66.     --theme_default_logo: #6e98ba;
  67.     --theme_default_spectext: #a86eb5;
  68.     --theme_default_postnum: #b5bd68;
  69.     --theme_default_postnum2: #d5dd88;
  70.     --theme_default_border: #3c3e42;
  71.     --theme_default_altborder: #505256;
  72.     --theme_default_text: #d7dad8;
  73.     --theme_default_alttext: #abaeac;
  74.     --theme_default_alttext2: #75777b;
  75.     --theme_default_red: #ff3434;
  76.     --theme_default_sage: #ef5454;
  77.     --theme_default_ophui: #6fa143;
  78.     --theme_default_link: #6e98ba;
  79.     --theme_default_hover: #91b1cc;
  80.     --theme_default_altlink: #748ca1;
  81.     --theme_default_althover: #93a5b5;
  82.     --theme_default_navlink: #d7dad8;
  83.     --theme_default_navhover: #6e98ba;
  84.     --theme_default_replylink: #6e98ba;
  85.     --theme_default_title: #b6cbe3;
  86.     --theme_default_drag: #606266;
  87.     --theme_default_spoiler: #47494d;
  88.     --theme_default_icon: #75777b;
  89.     --theme_default_btntext: #d7dad8;
  90.     --theme_default_btnbg: #2f3135;
  91.     --theme_default_btnborder: #3c3e42;
  92.     --theme_default_altbtnbg: #282a2e;
  93.     --theme_default_btnbghover: #3c3e42;
  94.     --theme_default_altbtnbghover: #2f3135;
  95.     --theme_default_btnafter: rgba(255,255,255,.05);
  96.     --theme_default_inputtext: #d7dad8;
  97.     --theme_default_invert: invert(1);
  98.     --theme_default_threadafter: rgba(47,49,53,0);
  99.     --theme_default_threadafter2: rgb(47,49,53);
  100.     --theme_default_shadow: rgba(0,2,6,.15);
  101.     --theme_default_shadow2: rgba(0,2,6,.2);
  102.     --theme_default_shadow3: rgba(0,2,6,.25);
  103. }
  104.  
  105. .mainlogo, a.logo {background: url('data:image/svg+xml;charset=utf-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><g><polygon fill="%236e98ba" points="157.055,0 90.798,196.319 164.417,196.319 88.344,400 289.571,159.509 218.405,159.509 311.656,0 "/></g></svg>') no-repeat scroll 0 0 transparent; color: var(--theme_default_logo) !important; padding: 0 0 0 50px;}
  106.  
  107. 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: #000 !important;}
  108.  
  109. .up-nav-arrow::before, .na_type_up::before {background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="14" viewBox="0 0 448 512"><path fill="%23d7dad8" d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg>') no-repeat 50%; content: ""; display: block; height: 32px; width: 32px;}
  110. .down-nav-arrow::before, .na_type_down::before {background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="14" viewBox="0 0 448 512"><path fill="%23d7dad8" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>') no-repeat 50%; content: ""; display: block; height: 32px; width: 32px;}
  111.  
  112. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/pencil.png);"] {background-image: url(http://immage.biz/images/2019/01/25/SveV.png) !important;}
  113. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/eraser.png);"] {background-image: url(http://immage.biz/images/2019/01/25/SveA.png) !important;}
  114. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/line.png);"] {background-image: url(http://immage.biz/images/2019/01/25/Sveo.png) !important;}
  115. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/rectangle.png);"] {background-image: url(http://immage.biz/images/2019/01/25/Sveb.png) !important;}
  116. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/ellipse.png);"] {background-image: url(http://immage.biz/images/2019/01/25/SveJ.png) !important;}
  117. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/text.png);"] {background-image: url(http://immage.biz/images/2019/01/25/Svew.png) !important;}
  118. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/polygon.png);"] {background-image: url(http://immage.biz/images/2019/01/25/SveO.png) !important;}
  119. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/pan.png);"] {background-image: url(http://immage.biz/images/2019/01/25/SveG.png) !important;}
  120. .lc-pick-tool[style="background-image:url(/makaba/templates/js/lcanvas/img/eyedropper.png);"] {background-image: url(http://immage.biz/images/2019/01/25/SveZ.png) !important;}
  121.  
  122. .lc-undo {background-image: url(http://immage.biz/images/2019/01/25/Svel.png) !important;}
  123. .lc-redo {background-image: url(http://immage.biz/images/2019/01/25/Sven.png) !important;}
  124. .lc-zoom-out {background-image: url(http://immage.biz/images/2019/01/25/Sves.png) !important;}
  125. .lc-zoom-in {background-image: url(http://immage.biz/images/2019/01/25/SveX.png) !important;}
  126.  
  127. @media only screen and (max-width: 480px) and (orientation:portrait),  only screen and (max-width: 540px) and (orientation:landscape){
  128. a[onclick*="updateThread(); return false;"]::before
  129. {background: url('data:image/svg+xml;charset=utf-8,<svg width="18" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23d7dad8" d="M370.72 133.28C339.458 104.008 298.888 87.962 255.848 88c-77.458.068-144.328 53.178-162.791 126.85-1.344 5.363-6.122 9.15-11.651 9.15H24.103c-7.498 0-13.194-6.807-11.807-14.176C33.933 94.924 134.813 8 256 8c66.448 0 126.791 26.136 171.315 68.685L463.03 40.97C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.749zM32 296h134.059c21.382 0 32.09 25.851 16.971 40.971l-41.75 41.75c31.262 29.273 71.835 45.319 114.876 45.28 77.418-.07 144.315-53.144 162.787-126.849 1.344-5.363 6.122-9.15 11.651-9.15h57.304c7.498 0 13.194 6.807 11.807 14.176C478.067 417.076 377.187 504 256 504c-66.448 0-126.791-26.136-171.315-68.685L48.97 471.03C33.851 486.149 8 475.441 8 454.059V320c0-13.255 10.745-24 24-24z"></path></svg>') no-repeat 50%; content: "" !important; display: inline-block; height: 32px; width: 18px;}
  130.  
  131. .mobile.reply-label-top::before, .mobile.newpost__label_top::before {background: url('data:image/svg+xml;charset=utf-8,<svg width="20" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23d7dad8" d="M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z"></path></svg>') no-repeat 50%; content: ""; display: inline-block; height: 32px; width: 20px;}
  132.  
  133. a.adminbar__slink[href="/"]::before {background: url('data:image/svg+xml;charset=utf-8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23d7dad8" d="M488 312.7V456c0 13.3-10.7 24-24 24H348c-6.6 0-12-5.4-12-12V356c0-6.6-5.4-12-12-12h-72c-6.6 0-12 5.4-12 12v112c0 6.6-5.4 12-12 12H112c-13.3 0-24-10.7-24-24V312.7c0-3.6 1.6-7 4.4-9.3l188-154.8c4.4-3.6 10.8-3.6 15.3 0l188 154.8c2.7 2.3 4.3 5.7 4.3 9.3zm83.6-60.9L488 182.9V44.4c0-6.6-5.4-12-12-12h-56c-6.6 0-12 5.4-12 12V117l-89.5-73.7c-17.7-14.6-43.3-14.6-61 0L4.4 251.8c-5.1 4.2-5.8 11.8-1.6 16.9l25.5 31c4.2 5.1 11.8 5.8 16.9 1.6l235.2-193.7c4.4-3.6 10.8-3.6 15.3 0l235.2 193.7c5.1 4.2 12.7 3.5 16.9-1.6l25.5-31c4.2-5.2 3.4-12.7-1.7-16.9z"></path></svg>') no-repeat 50%; content: ""; padding: 0 6px; height: 20px; width: 20px; display: inline-block;}
  134.  
  135. #settings::before {background: url('data:image/svg+xml;charset=utf-8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23d7dad8" d="M444.788 291.1l42.616 24.599c4.867 2.809 7.126 8.618 5.459 13.985-11.07 35.642-29.97 67.842-54.689 94.586a12.016 12.016 0 0 1-14.832 2.254l-42.584-24.595a191.577 191.577 0 0 1-60.759 35.13v49.182a12.01 12.01 0 0 1-9.377 11.718c-34.956 7.85-72.499 8.256-109.219.007-5.49-1.233-9.403-6.096-9.403-11.723v-49.184a191.555 191.555 0 0 1-60.759-35.13l-42.584 24.595a12.016 12.016 0 0 1-14.832-2.254c-24.718-26.744-43.619-58.944-54.689-94.586-1.667-5.366.592-11.175 5.459-13.985L67.212 291.1a193.48 193.48 0 0 1 0-70.199l-42.616-24.599c-4.867-2.809-7.126-8.618-5.459-13.985 11.07-35.642 29.97-67.842 54.689-94.586a12.016 12.016 0 0 1 14.832-2.254l42.584 24.595a191.577 191.577 0 0 1 60.759-35.13V25.759a12.01 12.01 0 0 1 9.377-11.718c34.956-7.85 72.499-8.256 109.219-.007 5.49 1.233 9.403 6.096 9.403 11.723v49.184a191.555 191.555 0 0 1 60.759 35.13l42.584-24.595a12.016 12.016 0 0 1 14.832 2.254c24.718 26.744 43.619 58.944 54.689 94.586 1.667 5.366-.592 11.175-5.459 13.985L444.788 220.9a193.485 193.485 0 0 1 0 70.2zM336 256c0-44.112-35.888-80-80-80s-80 35.888-80 80 35.888 80 80 80 80-35.888 80-80z"></path></svg>') no-repeat 50%; content: ""; padding: 0 6px; height: 20px; width: 20px; display: inline-block;}
  136. }
  137.  
  138. ::-webkit-scrollbar {width: 14px; height: 14px;}
  139. ::-webkit-scrollbar-button {width: 0px; height: 0px;}
  140. ::-webkit-scrollbar-thumb {background: var(--theme_default_scroll); border-radius: 3px; border: 2px solid var(--theme_default_scrollborder);}
  141. ::-webkit-scrollbar-thumb:active {background: var(--theme_default_scrollactive);}
  142. ::-webkit-scrollbar-track {background: var(--theme_default_postbg);}
  143. ::-webkit-scrollbar-corner {background: var(--theme_default_postbg);}
  144.  
  145. .catalog, .cntnt, .content {max-width: 980px; margin: 0 auto; padding: 0 10px;}
  146. @media only screen and (min-width: 1480px) and (orientation:portrait),  only screen and (min-width: 1480px) and (orientation:landscape){
  147. .catalog, .cntnt, .content {max-width: 1080px; margin: 0 auto; padding: 0 10px;}
  148. }
  149. @media only screen and (min-width: 1680px) and (orientation:portrait),  only screen and (min-width: 1680px) and (orientation:landscape){
  150. header, .catalog, .cntnt, .content {max-width: 1280px; margin: 0 auto; padding: 0 10px;}
  151. }
  152. @media only screen and (min-width: 1880px) and (orientation:portrait),  only screen and (min-width: 1880px) and (orientation:landscape){
  153. header, .catalog, .cntnt, .content {max-width: 1480px; margin: 0 auto; padding: 0 10px;}
  154. }
  155.  
  156. .pace .pace-progress {background: var(--theme_default_altlink);}
  157.  
  158. a, .a-link-emulator, a:link, a:visited {color: var(--theme_default_link); text-decoration: none; transition: color .1s;}
  159. a:hover, .a-link-emulator:hover {color: var(--theme_default_hover);}
  160. .postscontainer a:hover {text-decoration: none;}
  161. a[href*="youtube.com"] {border-bottom: none;}
  162. a[href$="sage"], a[href$="Sage"], a[href$="SAGE"] {color: var(--theme_default_sage);}
  163. a[onclick*="updateThread(); return false;"]{font-size: 0;}
  164. a[onclick*="updateThread(); return false;"]::before {content: "↻"; font-size: 14px; font-weight: bold; padding: 4px; margin: -4px;}
  165. a.hashlink {color: var(--theme_default_altlink);}
  166. a.hashlink:hover {color: var(--theme_default_althover);}
  167.  
  168. .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;}
  169. .to-button:hover {background: var(--theme_default_altpostbg) !important;}
  170. .to-button-h {border: 1px solid var(--theme_default_link) !important;}
  171.  
  172. .btn {color: var(--theme_default_text) !important;}
  173. .btn-3 {background: var(--theme_default_altpostbg);}
  174. .btn-3:hover {background: var(--theme_default_altpostbg); color: var(--theme_default_alttext) !important;}
  175. .btn-3e::after {background: var(--theme_default_btnafter);}
  176.  
  177. .pr-tags-container > a {background-color: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); color: var(--theme_default_text); padding: 6px 10px;}
  178. .pr-tags-container > a:hover {background-color: var(--theme_default_altpostbg); color: var(--theme_default_text);}
  179.  
  180. font[color="red"], font[color="#ff0000"], span[style="font-size:10px; color:red;"], .closed-board, .archive-thread, .thanks-abu {color: var(--theme_default_red) !important;}
  181. .top-user-boards, .tti_info {color: var(--theme_default_spectext);}
  182.  
  183. .hdescription, .hdescription-stats, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {color: var(--theme_default_text); font-family: unset;}
  184. .postscontainer {background: var(--theme_default_postbg); border-color: var(--theme_default_border); box-shadow: 0 1px 3px 0 var(--theme_default_shadow); border-radius: 2px;}
  185. .hboardlist .column .boardsubj {color: var(--theme_default_alttext);}
  186. .mainpage .pager {background: none; box-shadow: none; color: var(--theme_default_text);}
  187. .hnews .news-posts-count {color: var(--theme_default_alttext2);}
  188. .ui-widget.ui-widget-content {border: none;}
  189. .ui-widget-content {background: var(--theme_default_postbg); border-color: var(--theme_default_border); color: var(--theme_default_text);}
  190. .ui-widget-header {background: var(--theme_default_bg); border: none; border-radius: 0;}
  191. .cloudheader {background: var(--theme_default_postbg); border-color: transparent;}
  192. .cloudheader .cloudoption {color: var(--theme_default_alttext);}
  193. .cloudheader .cloudoption:hover {color: var(--theme_default_text);}
  194. #tabbed li {background: var(--theme_default_postbg); border-color: var(--theme_default_border);}
  195. #tabbed li.ui-tabs-active {margin-bottom: -1px; padding-bottom: 1px;}
  196. #tabbed li.ui-tabs-active a {color: var(--theme_default_text);}
  197. .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);}
  198. .table .thead .th {border: none;}
  199. .table .tbody .tr:nth-of-type(2n) {background: var(--theme_default_tabletd);}
  200. .board-speed, .arch-threadnum {color: var(--theme_default_alttext);}
  201. .box {background: var(--theme_default_postbg); border: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  202.  
  203. .wraper.mainpage {margin: 0 10px;}
  204. .mcontent, .board-data {max-width: 1000px; width: auto;}
  205.  
  206. .settings-wrap {border-radius: 2px; font-family: unset;}
  207.  
  208. #postbtn-favorite-bottom {font-size: 0;}
  209. #postbtn-favorite-bottom::before {content: "★"; font-size: 14px; padding: 4px; margin: -4px;}
  210.  
  211. .adminbar {font-size: 0.92em;}
  212. .adminbar__boards_sticky {display: none;}
  213. .adminbar__boards_hovered {transform: none;}
  214. .adminbar__boards {color: var(--theme_default_alttext2);}
  215. .adminbar a {color: var(--theme_default_navlink);}
  216. .adminbar a:hover {color: var(--theme_default_navhover);}
  217. .adminbar .menu {padding: 5px;}
  218. .adminbar__menu {border-bottom: none;}
  219. .adminbar__menu a {margin: 0 2px;}
  220. #edit-boards {font-size: 0;}
  221. #edit-boards::before {content:"+"; font-size: 14px;}
  222. .cntnt .adminbar__menu a[href$="/m.html"], .cntnt .adminbar__menu a[href$="/contacts.html"], .cntnt .adminbar__menu a[href$="/donate.html"], .cntnt .adminbar__menu a[href$="/market.html"], .cntnt .adminbar__menu a[href$="/price.html"], .cntnt .adminbar__menu a[href$="/makaba/makaba.fcgi?task=images_feed"], .cntnt .adminbar__menu a[href$="/makaba/makaba.fcgi?task=images_adult_feed"], .cntnt .adminbar__menu a[href$="/abu/res/42375.html"], .cntnt .adminbar__menu a[href$="/boardrequest.html"], .cntnt .adminbar__menu a[href$="/makaba/stickers/"], .cntnt .adminbar__cat a[href$="/catalog.html"] {display: none;}
  223. .cntnt .adminbar__menu {float: left; margin-bottom: 0 !important;}
  224. #adminbar__more {display: none;}
  225. .adminbar__exp {display: inline-block;}
  226.  
  227. .centered {padding: 0 8px;}
  228.  
  229. .welcomefriend {color: var(--theme_default_logo);}
  230. .logo, #title {color: var(--theme_default_logo); font-family: unset;}
  231.  
  232. .alert {background: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); border-radius: 2px; box-shadow: 0 1px 3px 0 var(--theme_default_shadow2)}
  233.  
  234. hr {border-color: transparent;}
  235. .hr, .box-data .data, hr.dotted {border-color: var(--theme_default_border);}
  236. #postform + hr, .norm-reply + hr {display: none;}
  237. .thread::after {display: none;}
  238. .thread + .thread::before {content: ""; display: block; border-top: 1px solid var(--theme_default_border); margin: 25px 0;}
  239.  
  240. .nav-arrows, .na {background-color: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); border-radius: 2px; box-shadow: 0 1px 6px 0 var(--theme_default_shadow2); height: 34px; width: 34px; right: 15px; transition: .1s; z-index: 970;}
  241. .nav-arrows:hover, .nav-arrows:active, .na:hover, .na:active {background: var(--theme_default_altpostbg);}
  242. .up-nav-arrow, .na_type_up {background-image: none;}
  243. .down-nav-arrow, .na_type_down {background-image: none; bottom: 40px;}
  244.  
  245. .rmenu, #plashque, #mobile-plashque, .logo img, .logo br, .moneymoneymoney, .moneymoneymoney + hr {display: none;}
  246.  
  247. .cntnt__right {padding: 1px;}
  248. .cntnt__right, .content__right {margin-top: 15px; padding-bottom: 15px;}
  249. .content__left_sticky, .cntnt__left_sticky {scrollbar-color: var(--theme_default_scroll) var(--theme_default_postbg); scrollbar-width: thin;}
  250. .cntnt__left, .content__left {background: var(--theme_default_bg); border-right: 1px solid var(--theme_default_border); padding-right: 5px; position: fixed; top: 0; left: -330px; width: 335px; z-index: 200; transition: .3s;}
  251. .cntnt__left:hover, .content__left:hover {left: 0;}
  252.  
  253. .menu {line-height: unset;}
  254. dl.menu dt {background: var(--theme_default_postbg); border-color: var(--theme_default_border); border-radius: 14px; padding: 4px 12px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); display: inline-block; margin-bottom: 5px; transition: .1s;}
  255. dl.menu dt:hover {background: var(--theme_default_btnbghover);}
  256. dl.menu dd {border-left: none; margin-left: 0;}
  257. dl.menu a {border: 1px solid transparent; color: var(--theme_default_text); display: block; padding: 3px 6px; border-radius: 2px;}
  258. dl.menu a:hover {background: var(--theme_default_postbg); border-color: var(--theme_default_border); box-shadow: 0 1px 3px 0 var(--theme_default_shadow);}
  259.  
  260. .fm {font-size: 0.92em; margin: 5px;}
  261. .fm__header {background-color: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); border-radius: 14px; box-shadow: 0 1px 3px 0 var(--theme_default_shadow); color: var(--theme_default_text); display: inline-block; cursor: pointer; padding: 4px 12px; user-select: none; text-decoration: none; transition: .1s;}
  262. .fm__header:hover {background: var(--theme_default_btnbghover); box-shadow: 0 2px 6px 0 var(--theme_default_shadow);}
  263. .fm__sub {padding-left: 5px;}
  264. .fm__sub a {border: 1px solid transparent; color: var(--theme_default_text); display: block; padding: 3px 6px; border-radius: 2px;}
  265. .fm__sub a:hover {background: var(--theme_default_postbg); border-color: var(--theme_default_border); box-shadow: 0 1px 3px 0 var(--theme_default_shadow);}
  266.  
  267. .thread_wrap {border-color: transparent; border: 1px solid var(--theme_default_border); border-radius: 3px; box-shadow: 0 1px 3px 0 var(--theme_default_shadow);}
  268. .thread_wrap::after {background: linear-gradient(to bottom, var(--theme_default_threadafter) 0%,var(--theme_default_threadafter2) 100%);}
  269. .thread_wrap, .thread_wrap > .thread {background: var(--theme_default_postbg);}
  270. .thread_wrap > .thread {border: none;}
  271. .thread_wrap.expandble:hover {box-shadow: none; border: none;}
  272. .thread_wrap.expandble:hover .thread {border-radius: 3px; border: 1px solid var(--theme_default_border); box-shadow: 0 1px 3px 0 var(--theme_default_shadow);}
  273.  
  274. #hideFm {color: var(--theme_default_text);}
  275. #hideFm:hover {color: var(--theme_default_link);}
  276.  
  277. .reply-label-wrapper > .desktop, .newpost__wrapper > .desktop {display: none;}
  278. .reply-label-wrapper {font-size: 1em;}
  279.  
  280. .newpost {text-align: center;}
  281. .mobile.reply-label-top, .mobile.reply-label-bot, .mobile.newpost__label_top, .mobile.newpost__label_bot {background-color: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); border-radius: 17px; box-shadow: 0 1px 3px 0 var(--theme_default_shadow); color: var(--theme_default_text); display: inline-block; font-size: 1.1em; cursor: pointer; padding: 5px 14px; user-select: none; text-decoration: none; transition: .1s;}
  282. .mobile.reply-label-top:hover, .mobile.reply-label-bot:hover, .mobile.newpost__label_top:hover, .mobile.newpost__label_bot:hover {background: var(--theme_default_btnbghover); box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);}
  283.  
  284. .board-tags {font-size: 0.92em; margin-top: 10px;}
  285.  
  286. .search {font-size: 1em;}
  287. .thread-nav {color: transparent; font-size: 0.92em;}
  288. .thread-nav a {color: var(--theme_default_navlink);}
  289. .thread-nav a:hover {color: var(--theme_default_navhover);}
  290. .thread-nav span {color: var(--theme_default_text);}
  291.  
  292. .thread__oppost {margin-bottom: 8px;}
  293. .rainbow-alt {animation-name: none; background: none; color: var(--theme_default_text); font-size: inherit; font-weight: normal;}
  294. .rainbow-alt::after {display: none;}
  295. .oppost, .post_type_oppost {background: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); border-radius: 2px; box-shadow: 0 1px 3px 0 var(--theme_default_shadow); display: inline-block; min-width: 33em;}
  296.  
  297. .mess-post, .thread__missed {color: var(--theme_default_alttext); display: block; font-size: 0.92em;}
  298.  
  299. .post-wrapper, .thread__post {margin: 8px;}
  300. .post {padding: 0 0 4px;}
  301. .post__message_op {overflow: auto;}
  302. .post .post-message, .post__message {margin: 8px 20px; scrollbar-color: var(--theme_default_scroll) var(--theme_default_postbg); scrollbar-width: thin;}
  303. .post .images-single + blockquote {margin: 0 20px 8px;}
  304.  
  305. #posts-form > .reply.post, .post_preview {border-color: var(--theme_default_border) !important; box-shadow: 0 1px 6px var(--theme_default_shadow2);}
  306. .post_type_reply::before {display: none;}
  307. .reply, .post_type_reply {background: var(--theme_default_postbg); border-color: var(--theme_default_border); border-radius: 2px; box-shadow: 0 1px 3px 0 var(--theme_default_shadow); margin-left: 0; min-width: 24em; transition: box-shadow .15s;}
  308. .post_withimg {min-width: 500px;}
  309. .post-details, .post__details {color: var(--theme_default_alttext2); font-size: .92em; padding: 4px 8px;}
  310. .post .post-title, .post__title {color: var(--theme_default_title);}
  311. .reply.hiclass, .post_type_highlight {background: var(--theme_default_postbghighlight); border-color: var(--theme_default_postborderhighlight); box-shadow: 0 1px 6px 0 var(--theme_default_postshadowhighlight);}
  312. .reply.hidden-thread-box, .hidden-post-box {border-color: var(--theme_default_border) !important; box-shadow: none; color: var(--theme_default_alttext); padding: 2px 4px;}
  313. .hidden-post-box > .post-details {border-bottom: none; margin-bottom: 0; padding: 2px 4px;}
  314.  
  315. .new-posts-marker .post {border-bottom: 2px solid var(--theme_default_link);}
  316. .reply-posts-marker .post, .post_type_replied {border-left: 2px dashed var(--theme_default_link);}
  317. .watched-posts-marker .post, .post_type_watched {border-left: 2px solid var(--theme_default_link);}
  318.  
  319. /* Dollchan */
  320. .de-post-counter-you {color: var(--theme_default_link);}
  321. .de-mypost {box-shadow: 6px 0 2px -2px var(--theme_default_postshadowhighlight), -6px 0 2px -2px var(--theme_default_postshadowhighlight) !important;}
  322. .de-mypost-reply::before {display: block !important; border-color: var(--theme_default_postborderhighlight) !important;}
  323.  
  324. .ophui, .post__ophui {color: var(--theme_default_ophui);}
  325. .postertrip {color: var(--theme_default_ophui);}
  326. span.adm, .post__adm, .post__pomyanem {color: var(--theme_default_spectext) !important;}
  327.  
  328. .reflink a, a.post__reflink {color: var(--theme_default_alttext);}
  329. .reflink a:hover, a.post__reflink:hover {color: var(--theme_default_link);}
  330.  
  331. a.post-reply-link {color: var(--theme_default_replylink);}
  332. a.post-reply-link:hover {color: var(--theme_default_hover);}
  333.  
  334. .like-div .like-icon, .dislike-div .dislike-icon {color: var(--theme_default_alttext2);}
  335. .like-div:hover .like-icon, .like-div-checked .like-icon {color: var(--theme_default_link);}
  336. .dislike-div:hover .dislike-icon, .dislike-div-checked .dislike-icon, .dislike-caption {color: var(--theme_default_red);}
  337. .like-count, .dislike-count, .post__rate_type_like, .post__rate_type_dislike {color: var(--theme_default_alttext2); font-weight: normal;}
  338. .like-caption, .dislike-caption {display: none;}
  339. .fa-thumbs-down::before {content: "\f088";}
  340. .media-meta-youtube-icon {color: var(--theme_default_red); margin: 0 2px;}
  341. .media-expand-button, .media-hide-button {color: var(--theme_default_alttext);}
  342. .media-expand-button:hover, .media-hide-button:hover {color: var(--theme_default_text);}
  343.  
  344. body.replypage .reply .reflink::before, .post__number {color: var(--theme_default_alttext2) !important;}
  345. .unkfunc {color: var(--theme_default_postnum);}
  346.  
  347. .spoiler {background: var(--theme_default_spoiler); color: var(--theme_default_alttext2); transition: .1s;}
  348. .spoiler a {background: var(--theme_default_spoiler); color: var(--theme_default_altlink); transition: .1s;}
  349. .spoiler:hover {background: var(--theme_default_spoiler); color: var(--theme_default_text);}
  350. .spoiler:hover a {color: var(--theme_default_link);}
  351. .spoiler::after {display: none !important;}
  352.  
  353. .post__btn {height: 16px; width: 16px; margin-right: 3px; margin-bottom: -2px;}
  354. path[fill="#ececec"] {fill: var(--theme_default_alttext2) !important;}
  355. #icon__pinned path[fill="#ececec"], #icon__infinity path[fill="#ececec"], #icon__closed path[fill="#ececec"] {fill: var(--theme_default_link) !important;}
  356. #icon__star path, #icon__expand path, #icon__expandimg path, #icon__hide path, #icon__report path, #icon__addmenu path, #icon__pinned path, #icon__infinity path, #icon__closed path {fill: transparent;}
  357.  
  358. /* Image Filter Off */
  359. .media-thumbnail img {border-radius: 2px; box-shadow: 0 1px 6px 0 var(--theme_default_shadow3);}
  360. .img.preview, .post__file-preview, .thumb {border-radius: 2px;}
  361. .thumb {box-shadow: none; max-width: 230px; height: auto;}
  362. .post .image, .post__image {margin: 0 0 0 17px;}
  363. .post .webm-file, .post__file-webm {border: none; border-bottom: 2px dashed var(--theme_default_alttext2);}
  364. .post .file-attr, .post__file-attr {font-size: .8em; padding: 2px 0; color: var(--theme_default_alttext);}
  365. .post .file-attr .filesize, .post__filezise {height: 15px;}
  366. .post .file-attr a, .post__file-attr a {display: block; opacity: 0; height: 15px; margin-bottom: -15px; width: max-content; width: -moz-max-content;}
  367.  
  368. figure {position: relative;}
  369. figure:hover > .file-attr a, figure:hover > .post__file-attr a {opacity: 1;}
  370. figure:hover > .file-attr .filesize, figure:hover > .post__file-attr .post__filezise {visibility: hidden;}
  371.  
  372. .modal {background: var(--theme_default_postbg); border-radius: 2px; border-color: var(--theme_default_border); box-shadow: 0 1px 6px var(--theme_default_shadow2); padding: 4px 0;}
  373. .mod-ban, .mod-report {padding: 4px;}
  374. .modal a {font-family: unset; color: var(--theme_default_text); padding: 4px 10px;}
  375. .modal a:hover {background: var(--theme_default_altpostbg); color: var(--theme_default_text);}
  376. #modReportFormComment {margin-right: 4px;}
  377. .mod-ban, .modal_type_report {padding: 3px;}
  378.  
  379. .ABU-refmap, .post__refmap {color: var(--theme_default_alttext); font-size: 80%; font-style: italic; padding: 0 8px;}
  380. .ABU-refmap a, .post__refmap a {color: var(--theme_default_altlink);}
  381. .ABU-refmap a:hover, .post__refmap a:hover {color: var(--theme_default_althover);}
  382.  
  383. #fullscreen-container {background: var(--theme_default_altbg) !important; box-shadow: 0 6px 16px rgba(0,0,0,.24); padding: 0; margin: 4px;}
  384.  
  385. .warningcover {background: none repeat scroll 0% 0% var(--theme_default_bg);}
  386. .warningbox {background: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); border-radius: 2px; box-shadow: 0 6px 16px rgba(0,0,0,.14); margin-top: -50px; overflow: auto;}
  387.  
  388. .sticker {scrollbar-color: var(--theme_default_scroll) var(--theme_default_postbg); scrollbar-width: thin;}
  389. .qr {background: var(--theme_default_postbg); border-radius: 2px; border-color: var(--theme_default_border); box-shadow: 0 6px 16px var(--theme_default_shadow3); padding: 4px;}
  390. .qr-settings {font-size: 0.92em;}
  391. .qr-reply {font-size: 1em;}
  392. .qr .qr-header, .qr__header {background: none; border: none; font-weight: bold; padding: 3px;}
  393. .qr .qr-close, .qr__close {margin: -5px; padding: 5px;}
  394. .qr-reply input.qmail {width: 357px; margin-right: 3px;}
  395. .qr-reply .qcomment {margin-top: 3px;}
  396. #qr-CommentToolbar {margin: 2px 0 0;}
  397. #qr-CommentToolbar, #CommentToolbar {position: relative;}
  398. #qr-CommentToolbar span, #CommentToolbar span {display: inline-block; height: 18px; transition: .1s;}
  399. .qr-reply .qr-vk-public, .rules-area, .kupi-passcode-suka, .rules {display: none;}
  400. .qr-sticker .sticker img {border: 1px solid transparent;}
  401. .qr-sticker .sticker img:hover {background: var(--theme_default_altpostbg); border-color: var(--theme_default_border);}
  402. .qr-settings #setting-editor-textarea-textarea {font-family: Consolas, monospace;}
  403. .qr-settings thead tr, .qr-settings tbody tr:last-child {background-color: var(--theme_default_tabletd);}
  404. .qr-settings .hiderules-table td {border-color: var(--theme_default_tabletd);}
  405. .settings__prefs {margin-left: 12px;}
  406. .settings__label select {line-height: 16px; margin-left: 4px;}
  407. .qr-footer, .bb .bb-footer {font-size: 12px;}
  408. .qr-footer hr, .qr__footer hr, .bb hr {border-color: var(--theme_default_border); margin: 8px 0px 4px;}
  409. .qr-reply .captcha-box {margin-top: 4px;}
  410. .qr-reply .captcha-image img {margin-bottom: 0; image-rendering: unset;}
  411. .qr-reply .captcha-box, #postform td .captcha-box {font-family: unset; font-size: 13px;}
  412. .captcha-image img {border-radius: 2px; margin-bottom: 4px;}
  413.  
  414. .captcha-image img, #unban-captcha-div, .qr-settings .setting-edit-btn, .settings__edit, .square-toolbar-button img {filter: var(--theme_default_invert);}
  415.  
  416. .qr .postform {width: auto;}
  417. .postform {font-size: 0.92em;}
  418. #postform td.label {color: var(--theme_default_alttext);}
  419. #postform .box {background: none; box-shadow: none;}
  420.  
  421. textarea {min-height: 60px; max-height: 600px; scrollbar-color: var(--theme_default_scroll) var(--theme_default_postbg); scrollbar-width: thin;}
  422.  
  423. input[type="checkbox"].turnmeoff {display: none;}
  424. input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--theme_default_altbtnbg); border-radius: 2px; border: 1px solid var(--theme_default_altborder); height: 13px; width: 13px;}
  425. input[type="checkbox"]:checked {border: 1px solid var(--theme_default_altborder); box-shadow: inset 0 0 0 2px var(--theme_default_altbtnbg), inset 0 0 0 6px var(--theme_default_alttext);}
  426. button[disabled], html input[disabled] {background: var(--theme_default_btnbg) !important; color: var(--theme_default_alttext2);}
  427. input[type="text"], input[type="password"], textarea, .input {background: var(--theme_default_altbtnbg); border-radius: 2px; border-color: var(--theme_default_btnborder); color: var(--theme_default_inputtext); padding: 3px 6px; transition: border .1s, background .1s;}
  428. input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input:focus {background: var(--theme_default_altbtnbghover); border-color: var(--theme_default_btnborder);}
  429. input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder {color: var(--theme_default_alttext);}
  430. input[type="button"], input[type="submit"], .arch-searchform input[type="submit"] {background: var(--theme_default_btnbg); border-color: var(--theme_default_border); border-radius: 2px; color: var(--theme_default_btntext); padding: 3px 6px; transition: .1s; outline: none;}
  431. input[type="button"]:hover, input[type="submit"]:hover, .arch-searchform input[type="submit"]:hover, input[type="button"]:focus, input[type="submit"]:focus, .arch-searchform input[type="submit"]:focus {background: var(--theme_default_btnbghover);}
  432. .oekaki-width, .oekaki-height {width: 40px;}
  433. .error {border-color: var(--theme_default_red) !important;}
  434.  
  435. select {background: var(--theme_default_altbtnbg); border: 1px solid var(--theme_default_border); border-radius: 2px; color: var(--theme_default_text); padding: 1px 4px; outline: none;}
  436. select:focus {border-color: var(--theme_default_altborder);}
  437. optgroup {background: var(--theme_default_tabletd);}
  438. .mselect {background: var(--theme_default_altbtnbg); border-color: var(--theme_default_border); padding: 0 4px;}
  439. .mselect, select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-right-width: 8px;}
  440. .settings-setting-multibox.mselect {margin-left: 4px;}
  441.  
  442. .markup {padding: 1px 3px; opacity: 0;}
  443. .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);}
  444. .m-bold::before {content: "B"; font-size: 14px; font-weight: bold; line-height: 18px; position: absolute; height: 18px; width: 22px; text-align: center;}
  445. .m-italic::before {content: "I"; font-size: 14px; font-style: italic; line-height: 18px; position: absolute; height: 18px; width: 22px; text-align: center;}
  446. .m-quote {color: var(--theme_default_postnum);}
  447. .m-quote:hover {color: var(--theme_default_postnum2);}
  448. .m-quote::before {content: ">"; font-size: 14px; line-height: 18px; position: absolute; height: 18px; width: 22px; text-align: center;}
  449. .m-underline::before {content: "U"; font-size: 14px; line-height: 16px;; position: absolute; height: 18px; width: 22px; text-decoration: underline; text-align: center;}
  450. .m-overline::before {content: "O"; font-size: 14px; line-height: 20px; position: absolute; height: 18px; width: 22px; text-decoration: overline; text-align: center;}
  451. .m-spoiler {color: var(--theme_default_alttext2); width: 31px;}
  452. .m-spoiler:hover {color: var(--theme_default_text);}
  453. .m-spoiler img {width: 31px; height: 18px;}
  454. .m-spoiler::before {background: var(--theme_default_spoiler); content: "SP"; font-size: 14px; line-height: 18px; position: absolute; margin-top: 1px; height: 16px; width: 31px; text-align: center;}
  455. .m-strike::before {content: "S"; font-size: 14px; line-height: 18px; position: absolute; height: 18px; width: 22px; text-decoration: line-through; text-align: center;}
  456. .m-sup::before {content: "sp"; font-size: 13px; line-height: 10px; position: absolute; height: 18px; width: 22px; text-align: center;}
  457. .m-sub::before {content: "sb"; font-size: 13px; line-height: 18px; position: absolute; height: 18px; width: 22px; text-align: center;}
  458.  
  459. .message-sticker-btn {left: 6px !important; bottom: 6px !important;}
  460. .message-byte-len {bottom: 6px !important;}
  461.  
  462. .form-files-box .form-files-limits, .filer__limits {color: var(--theme_default_drag); margin-bottom: 2px;}
  463. .form-files-box .form-files-drag-area, .filer__drag-area {border-color: var(--theme_default_drag); border-radius: 2px; color: var(--theme_default_drag);}
  464. .form-files-box .form-files-drag-area.hover, .filer__drag-area_hover {background-color: transparent; border-color: var(--theme_default_link); color: var(--theme_default_alttext);}
  465. .form-files-box .input-thumbnail-box, .filer__thumb {border: 1px solid var(--theme_default_border); border-radius: 2px; box-shadow: 0 1px 3px 0 var(--theme_default_shadow); color: var(--theme_default_alttext); overflow: hidden;}
  466. .form-files-box .input-thumbnail-box, .filer__thumb, .form-files-box .input-thumbnail-meta, .filer__meta {background: var(--theme_default_postbg);}
  467. .form-files-box .input-thumbnail-size, .filer__size {margin-left: 4px;}
  468. .form-files-box .input-thumbnail-delete {color: var(--theme_default_text);}
  469.  
  470. .literally .lc-picker, .literally .horz-toolbar, .literally .lc-options .lc-font-settings {background-color: var(--theme_default_postbg);}
  471. .literally .lc-picker, .literally.toolbar-at-top .lc-options {border-color: var(--theme_default_border);}
  472. .literally .lc-picker .toolbar-button.selected:not(.disabled) {background-color: var(--theme_default_postbghighlight); border-color: var(--theme_default_postborderhighlight) !important;}
  473. .literally .lc-picker .toolbar-button:hover:not(.disabled) {border-color: var(--theme_default_border);}
  474. .literally .color-well-color-container {background-color: transparent !important; border-color: var(--theme_default_border);}
  475. .literally .color-well-color-container:hover:not(.disabled) {border-color: var(--theme_default_link);}
  476. .literally .horz-toolbar .square-toolbar-button {border-color: var(--theme_default_border);}
  477. .literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) {background-color: var(--theme_default_postbghighlight); border-color: var(--theme_default_postborderhighlight) !important;}
  478. .literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) {border-color: var(--theme_default_altborder);}
  479. .lc-font-settings select {line-height: 16px; margin-right: 4px;}
  480. .square-toolbar-button circle {fill: var(--theme_default_text);}
  481. .literally .color-well {padding-bottom: 2px; border-radius: 2px 0 0 2px;}
  482. .literally .color-well.open {background-color: var(--theme_default_altpostbg);}
  483. .literally .color-picker-popup {background-color: var(--theme_default_postbg);}
  484.  
  485. .qr-oekaki-footer, .qr__footer_oekaki {border-top: 1px solid var(--theme_default_border); padding-top: 4px;}
  486.  
  487. .settings-wrap {background-color: var(--theme_default_postbg); border: 1px solid var(--theme_default_border); -moz-box-shadow: 0 6px 16px var(--theme_default_shadow3); -webkit-box-shadow: 0 6px 16px var(--theme_default_shadow3); box-shadow: 0 6px 16px var(--theme_default_shadow3);}
  488. .settings-wrap .title {color: var(--theme_default_text);}
  489. .settings-wrap .title, .rowelems {border-bottom: none;}
  490. .rowelems input[type="text"] {border-color: var(--theme_default_border); color: var(--theme_default_text);}
  491. .rowelems input[type="text"]:focus {border-color: var(--theme_default_altborder);}
  492.  
  493. .bb {background: var(--theme_default_postbg); border-color: var(--theme_default_border); border-radius: 2px 2px 0 0; box-shadow: 0 1px 6px var(--theme_default_shadow2); right: 10px;}
  494. .bb .bb-header-text-new {color: var(--theme_default_link);}
  495. .bb.favorites, .bb_type_favorites {right: 165px; z-index: 978;}
  496. .bb.boardstats, .bb_type_boardstats {z-index: 979;}
  497. .bb .boardstats-row, .bb__row {margin: 5px;}
  498. .bb__bstitle + span {float: right; min-width: 65px;}
  499.  
  500. .nb {display: none;}
  501. .nb__switcher_active {color: var(--theme_default_text) !important;}
  502. .nb + hr, .footer .board-info, .footer__info, .adminbar-bottom {display: none;}
  503.  
  504. .bb.favorites, .bb_type_favorites {border: 1px solid var(--theme_default_border); border-right: none; border-radius: 2px 0 0 2px; top: 50%; right: 0; bottom: unset; margin-top: 6px; min-width: 60px;}
  505. .bb.boardstats, .bb_type_boardstats {border: 1px solid var(--theme_default_border); border-right: none; border-radius: 2px 0 0 2px; top: 50%; right: 0; bottom: unset; margin-top: -30px; min-width: 60px;}
  506.  
  507. .bb .bb-header, #boardstats-header.bb__header, #favorites-header.bb__header {padding: 0;}
  508.  
  509. #favorites-header .bb-header-text, #favorites-header.bb__header, #boardstats-header .bb-header-text, #boardstats-header.bb__header {font-size: 0;}
  510. #favorites-arrow-down, #boardstats-arrow-down {display: none;}
  511.  
  512. #boardstats-header .bb-header-text::before, #boardstats-header.bb__header::before {content: "⇅"; font-size: 18px;}
  513. #favorites-header .bb-header-text::before, #favorites-header.bb__header::before {content: "★"; font-size: 18px;}
  514.  
  515. .pager {background: var(--theme_default_postbg); border: none; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: var(--theme_default_alttext2);}
  516. .pager strong {color: var(--theme_default_text);}
  517.  
  518. @media only screen and (max-width: 480px) and (orientation:portrait),  only screen and (max-width: 540px) and (orientation:landscape){
  519. body {font-size: .86em; line-height: 1.46;}
  520.  
  521. header, .catalog, .cntnt {padding: 0;}
  522. header > div {padding: 10px;}
  523. .adminbar {padding: 0;}
  524. .adminbar__boards {background: var(--theme_default_postbg); border-top: 1px solid var(--theme_default_postbg); border-bottom: none; box-shadow: none; font-size: 14px; padding: 6px; position: fixed; width: unset; left: 0; right: 100px; top: unset; bottom: 0; transform: none; z-index: 982;}
  525. .adminbar__boards_sticky {display: unset; transform: none;}
  526. .adminbar .menu {background: var(--theme_default_postbg); border-top: 1px solid var(--theme_default_border); border-bottom: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); top: unset; bottom: 0; z-index: 980;}
  527.  
  528. .boardname {margin-top: 0;}
  529.  
  530. a.adminbar__slink, #settings {display: inline-block; font-size: 0;}
  531.  
  532. .thread-nav-mob:nth-of-type(4) > a.button-mob:nth-of-type(4) {display: none !important;}
  533. a[onclick*="updateThread(); return false;"]
  534. {background: var(--theme_default_postbg) !important; border: none; border-radius: 0; position: fixed; left: 0; right: 50px; bottom: 0; z-index: 981; padding: 0; margin: 0; text-align: right;}
  535.  
  536. .up-nav-arrow, .na_type_up {top: 20px;}
  537. .down-nav-arrow, .na_type_down {bottom: 60px;}
  538.  
  539. .cntnt {margin-top: 5px;}
  540. .cntnt__right {padding: 1px; padding-bottom: 50px;}
  541. .reply-label {margin: 0;}
  542. .norm-reply, .newpost {background: var(--theme_default_postbg); border-radius: 0; border: none; box-shadow: 0 0 6px var(--theme_default_shadow2); left: 0; right: 0; top: 0; bottom: unset; padding: 0; position: fixed; z-index: 980;}
  543.  
  544. .mobile.reply-label-top, .mobile.reply-label-bot, .mobile.newpost__label_top, .mobile.newpost__label_bot {background: var(--theme_default_postbg) !important; border: none; border-top: 1px solid var(--theme_default_border); border-radius: 0; box-shadow: 0 -1px 6px 0 var(--theme_default_shadow2); width: 100%;}
  545. .mobile.reply-label-top, .mobile.newpost__label_top {font-size: 0 !important; text-align: right; position: fixed; right: 0; bottom: 0; z-index: 980;}
  546.  
  547. #postform {height: calc(100vh - 40px); padding: 0 5px; overflow: auto;}
  548. #postform > hr, footer .norm-reply, footer .newpost, .logo + hr {display: none;}
  549.  
  550. .alert {left: 4px; right: unset;}
  551.  
  552. .mcontent, .board-data {width: auto;}
  553. .hboardlist .column {width: 50%;}
  554. .board-list-table .board-title, .board-list-table .board-posts {width: auto;}
  555.  
  556. a.button-mob {background: var(--theme_default_postbg); border-color: var(--theme_default_border); color: var(--theme_default_text); font-weight: normal;}
  557.  
  558. .oppost, .post_type_oppost {background: var(--theme_default_postbg); border-left: none; border-right: none; border-radius: 0; display: block; min-width: unset; width: 100%;}
  559. .oppost-options-mob {background: none; display: block !important; padding: 4px 8px;}
  560. .post .post-details, .post__details {background: none;}
  561. .like-div, .dislike-div {margin-left: 0; margin-right: 10px;}
  562.  
  563. .oppost-wrapper, .thread__oppost {margin-bottom: 0;}
  564. .post-wrapper, .thread__post {padding: 0; margin: 5px;}
  565. .post-wrapper:last-child .reply {border-bottom: 1px solid var(--theme_default_border)}
  566. .post .post-message, .post__message {margin: 1em;}
  567. .post .images-single + blockquote {margin: 0 1em 0.6em;}
  568. .post .images .image-link a, .post__image-link {float: none;}
  569. .post .image {vertical-align: top;}
  570. figure:hover > .file-attr .filesize, figure:hover > .post__file-attr .post__filezise {visibility: visible !important;}
  571.  
  572. .modal_type_report {font-size: 1em;}
  573.  
  574. #postform table {width: 100%; padding-top: 5px; padding-bottom: 60px;}
  575. .postform, .qr {font-size: 1em;}
  576. .postform_qr {min-width: unset;}
  577. .qr {border-radius: 0; border-top: none; border-left: none; border-right: none; left: 0 !important; top: 0 !important; padding: 5px; position: fixed; width: 100%; height: calc(100vh); overflow: auto; z-index: 983;}
  578. .qr-reply .qcomment {width: 100%;}
  579. .qr-reply .captcha-image img {width: 200px;}
  580. .settings__header {margin: 0; padding: 5px 0;}
  581. .settings__row {padding: 2px 0;}
  582. .qr-settings #setting-editor-textarea-textarea {min-height: 200px;}
  583. #e-mail, #tags {margin-bottom: 2px;}
  584. .qr-footer, .bb .bb-footer {padding: 0 5px 5px;}
  585.  
  586. input[type="text"], input[type="password"], textarea, input[type="button"], input[type="submit"], select {min-height: 26px;}
  587. input[type="checkbox"] {height: 16px; width: 16px;}
  588. input[type="checkbox"]:checked {box-shadow: inset 0 0 0 2px var(--theme_default_altbtnbg), inset 0 0 0 8px var(--theme_default_alttext);}
  589. .mselect {min-height: unset; width: 80px; padding: 2px 4px; position: fixed; left: 90px; bottom: 8px;}
  590.  
  591. .ABU-refmap, .post__refmap {font-size: 85%;}
  592.  
  593. #qr-CommentToolbar span, #CommentToolbar span {height: 24px;}
  594. .markup {padding: 4px 5px;}
  595. .m-bold::before {font-size: 18px; line-height: 24px; height: 24px; width: 26px;}
  596. .m-italic::before {font-size: 18px; font-style: italic; line-height: 24px; height: 24px; width: 26px;}
  597. .m-quote::before {font-size: 18px; line-height: 24px; height: 24px; width: 26px;}
  598. .m-underline::before {font-size: 18px; line-height: 20px; height: 24px; width: 26px;}
  599. .m-overline::before {font-size: 18px; line-height: 24px; height: 24px; width: 26px;}
  600. .m-spoiler {width: 35px;}
  601. .m-spoiler img {height: 24px; width: 35px;}
  602. .m-spoiler::before {font-size: 18px; line-height: 22px; height: 20px; width: 35px;}
  603. .m-strike::before {font-size: 18px; line-height: 24px; height: 24px; width: 26px;}
  604. .m-sup::before {font-size: 15px; line-height: 16px; height: 24px; width: 26px;}
  605. .m-sub::before {font-size: 15px; line-height: 24px; height: 24px; width: 26px;}
  606.  
  607. .warningbox {top: 0; left: 0; bottom: 0; right: 0; width: unset; margin-top: 0; margin-left: 0; border: none; border-radius: 0;}
  608.  
  609. #report-form::before {display: none !important;}
  610. #report-form input {display: inline-block !important;}
  611. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement