API tools faq
paste
Advertisement
Guest User

2ch Reborn Normie

a guest
Nov 13th, 2018
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 41.06 KB | None | 0 0
raw download clone embed print report
  1. /* cyrillic-ext */
  2. @font-face {
  3.   font-family: 'PT Sans';
  4.   font-style: italic;
  5.   font-weight: 400;
  6.   src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format('woff2');
  7.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  8. }
  9. /* cyrillic */
  10. @font-face {
  11.   font-family: 'PT Sans';
  12.   font-style: italic;
  13.   font-weight: 400;
  14.   src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format('woff2');
  15.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  16. }
  17. /* latin-ext */
  18. @font-face {
  19.   font-family: 'PT Sans';
  20.   font-style: italic;
  21.   font-weight: 400;
  22.   src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format('woff2');
  23.   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;
  24. }
  25. /* latin */
  26. @font-face {
  27.   font-family: 'PT Sans';
  28.   font-style: italic;
  29.   font-weight: 400;
  30.   src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizYRExUiTo99u79D0e0x8mI.woff2) format('woff2');
  31.   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. }
  33. /* cyrillic-ext */
  34. @font-face {
  35.   font-family: 'PT Sans';
  36.   font-style: italic;
  37.   font-weight: 700;
  38.   src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format('woff2');
  39.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  40. }
  41. /* cyrillic */
  42. @font-face {
  43.   font-family: 'PT Sans';
  44.   font-style: italic;
  45.   font-weight: 700;
  46.   src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format('woff2');
  47.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  48. }
  49. /* latin-ext */
  50. @font-face {
  51.   font-family: 'PT Sans';
  52.   font-style: italic;
  53.   font-weight: 700;
  54.   src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format('woff2');
  55.   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  56. }
  57. /* latin */
  58. @font-face {
  59.   font-family: 'PT Sans';
  60.   font-style: italic;
  61.   font-weight: 700;
  62.   src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format('woff2');
  63.   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;
  64. }
  65. /* cyrillic-ext */
  66. @font-face {
  67.   font-family: 'PT Sans';
  68.   font-style: normal;
  69.   font-weight: 400;
  70.   src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  71.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  72. }
  73. /* cyrillic */
  74. @font-face {
  75.   font-family: 'PT Sans';
  76.   font-style: normal;
  77.   font-weight: 400;
  78.   src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  79.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  80. }
  81. /* latin-ext */
  82. @font-face {
  83.   font-family: 'PT Sans';
  84.   font-style: normal;
  85.   font-weight: 400;
  86.   src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  87.   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;
  88. }
  89. /* latin */
  90. @font-face {
  91.   font-family: 'PT Sans';
  92.   font-style: normal;
  93.   font-weight: 400;
  94.   src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  95.   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;
  96. }
  97. /* cyrillic-ext */
  98. @font-face {
  99.   font-family: 'PT Sans';
  100.   font-style: normal;
  101.   font-weight: 700;
  102.   src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
  103.   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  104. }
  105. /* cyrillic */
  106. @font-face {
  107.   font-family: 'PT Sans';
  108.   font-style: normal;
  109.   font-weight: 700;
  110.   src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
  111.   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  112. }
  113. /* latin-ext */
  114. @font-face {
  115.   font-family: 'PT Sans';
  116.   font-style: normal;
  117.   font-weight: 700;
  118.   src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2');
  119.   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;
  120. }
  121. /* latin */
  122. @font-face {
  123.   font-family: 'PT Sans';
  124.   font-style: normal;
  125.   font-weight: 700;
  126.   src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
  127.   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;
  128. }
  129. :root {
  130.     --background: #eeeff0;
  131.     --background2: #959799;
  132.     --background3: #babdbf;
  133.     --background4: #d4d7d9;
  134.     --background5: #f5f6f7;
  135.     --background6: #fff;
  136.     --table-td: #eeeff0;
  137.     --input-text-bg: #fff;
  138.     --input-input-bg: #fafbfc;
  139.     --a-color: #08c;
  140.     --a-hover-color: #069;
  141.     --a-alt-color: #69c;
  142.     --a-alt-hover-color: #326699;
  143.     --logo-color: #08c;
  144.     --nav-a-color: #33363a;
  145.     --nav-a-hover-color: #08c;
  146.     --reply-a-color: #08c;
  147.     --sage: #ff6464;
  148.     --twit-a-color: #3b94d9;
  149.     --twit-action: #697882;
  150.     --twit-action-hover: #1da1f2;
  151.     --twit-action-focus: #e0245e;
  152.     --spoiler: #d4d7d9;
  153.     --text-color: #33363a;
  154.     --text2-color: #666b76;
  155.     --text3-color: #999da7;
  156.     --text4-color: #aaadaf;
  157.     --text5-color: #fff;
  158.     --text6-color: #8f509d;
  159.     --text7-color: #ff3434;
  160.     --border-color: #aaadaf;
  161.     --border2-color: #b8bbc2;
  162.     --border3-color: #cccfd1;
  163.     --border4-color: #fff;
  164.     --hiclass: #08c;
  165.     --hiclass-shadow: rgba(0,136,204,.6);
  166.     --hiclass-bg: #f0f8fc;
  167.     --transparency: transparent;
  168.     --post-title: #2b4b6e;
  169.     --ophui: #46a367;
  170.     --unkfunc: #44944b;
  171.     --unkfunc2: #54a45b;
  172.     --btn-3-after: rgba(0,0,0,.05);
  173.     --invert: unset;
  174.     --thread-after: rgba(255,255,255,.02);
  175.     --thread2-after: rgba(255,255,255,.13);
  176.     --thread3-after: rgba(255,255,255,.62);
  177.     --thread4-after: rgba(255,255,255,.94);
  178.     --thread5-after: rgb(255,255,255);
  179.     --shadow: 0 1px 3px 0 rgba(0,0,0,.05);
  180.     --shadow2: 0 1px 6px 0 rgba(0,0,0,.1);
  181.     --shadow3: 0 6px 16px rgba(0,0,0,.14);
  182. }
  183.  
  184. .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="%2308c" 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(--logo-color) !important; padding: 0 0 0 50px;}
  185.  
  186. .captcha-image img, #unban-captcha-div {filter: var(--invert);}
  187. input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--input-text-bg); border-radius: 2px; border: 1px solid var(--border2-color); height: 13px; width: 13px;}
  188. input[type="checkbox"]:checked {border: 1px solid var(--border2-color); box-shadow: inset 0 0 0 2px var(--input-text-bg), inset 0 0 0 6px var(--text2-color);}
  189. input[type="checkbox"].turnmeoff {display: none;}
  190.  
  191. ::-webkit-scrollbar {width: 14px; height: 14px;}
  192. ::-webkit-scrollbar-button {width: 0px; height: 0px;}
  193. ::-webkit-scrollbar-thumb {background: var(--background3); border-radius: 3px; border: 2px solid var(--border4-color);}
  194. ::-webkit-scrollbar-thumb:active {background: var(--background2);}
  195. ::-webkit-scrollbar-track {background: var(--background6);}
  196. ::-webkit-scrollbar-corner {background: var(--background6);}
  197.  
  198. html, body {background: var(--background); color: var(--text-color); font-family: 'PT Sans', 'Trebuchet MS', sans-serif !important;}
  199. body {font-size: 0.9em;}
  200.  
  201. header, .catalog, .cntnt {max-width: 980px; margin: 0 auto; padding: 0 10px;}
  202. @media only screen and (min-width: 1480px) and (orientation:portrait),  only screen and (min-width: 1480px) and (orientation:landscape){
  203. header, .catalog, .cntnt {max-width: 1080px; margin: 0 auto; padding: 0 10px;}
  204. }
  205. @media only screen and (min-width: 1680px) and (orientation:portrait),  only screen and (min-width: 1680px) and (orientation:landscape){
  206. header, .catalog, .cntnt {max-width: 1280px; margin: 0 auto; padding: 0 10px;}
  207. }
  208. @media only screen and (min-width: 1880px) and (orientation:portrait),  only screen and (min-width: 1880px) and (orientation:landscape){
  209. header, .catalog, .cntnt {max-width: 1480px; margin: 0 auto; padding: 0 10px;}
  210. }
  211.  
  212. .pace .pace-progress {background: var(--a-alt-color);}
  213.  
  214. a, .a-link-emulator, a:link, a:visited {color: var(--a-color); text-decoration: none; transition: color .1s;}
  215. a:hover, .a-link-emulator:hover {color: var(--a-hover-color);}
  216. .postscontainer a:hover {text-decoration: none;}
  217. a[href*="youtube.com"] {border-bottom: none;}
  218. a[href$="sage"], a[href$="Sage"], a[href$="SAGE"] {color: var(--sage);}
  219. a[onclick*="updateThread(); return false;"]{font-size: 0;}
  220. a[onclick*="updateThread(); return false;"]:before {content: "\f021"; font: normal normal normal 14px/1 FontAwesome; padding: 4px; margin: -4px;}
  221. a.hashlink {color: var(--a-alt-color);}
  222. a.hashlink:hover {color: var(--a-alt-hover-color);}
  223.  
  224. .to-button {border: 1px solid var(--border3-color) !important; box-shadow: none !important; color: var(--text-color) !important; height: 48px; padding: 0 0 0 16px;}
  225. .to-button:hover {background: var(--background5) !important;}
  226. .to-button-h {border: 1px solid var(--a-color) !important;}
  227.  
  228. .btn {color: var(--text-color) !important;}
  229. .btn-3 {background: var(--background5);}
  230. .btn-3:hover {background: var(--background5); color: var(--text2-color) !important;}
  231. .btn-3e::after {background: var(--btn-3-after);}
  232.  
  233. .pr-tags-container > a {background-color: var(--background6); border: 1px solid var(--border3-color); color: var(--text-color); padding: 6px 10px;}
  234. .pr-tags-container > a:hover {background-color: var(--background5); color: var(--text-color);}
  235.  
  236. font[color="red"], font[color="#ff0000"], .closed-board, .archive-thread {color: var(--text7-color);}
  237. .top-user-boards {color: var(--text6-color);}
  238.  
  239. .hdescription, .hdescription-stats, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {color: var(--text-color); font-family: 'PT Sans', 'Trebuchet MS', sans-serif;}
  240. .postscontainer {background: var(--background6); border-color: var(--border3-color); box-shadow: var(--shadow); border-radius: 2px;}
  241. .hboardlist .column .boardsubj {color: var(--text2-color);}
  242. .mainpage .pager {background: none; box-shadow: none; color: var(--text-color);}
  243. .hnews .news-posts-count {color: var(--text3-color);}
  244. .ui-widget.ui-widget-content {border: none;}
  245. .ui-widget-content {background: var(--background6); border-color: var(--border3-color); color: var(--text-color);}
  246. .ui-widget-header {background: var(--background); border: none; border-radius: 0;}
  247. .cloudheader {background: var(--background6); border-color: var(--transparency);}
  248. .cloudheader .cloudoption {color: var(--text2-color);}
  249. .cloudheader .cloudoption:hover {color: var(--text-color);}
  250. #tabbed li {background: var(--background6); border-color: var(--border3-color);}
  251. #tabbed li.ui-tabs-active {margin-bottom: -1px; padding-bottom: 1px;}
  252. #tabbed li.ui-tabs-active a {color: var(--text-color);}
  253. .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(--text2-color);}
  254. .table .thead .th {border: none;}
  255. .table .tbody .tr:nth-of-type(2n) {background: var(--table-td);}
  256. .board-speed, .arch-threadnum {color: var(--text2-color);}
  257. .box {background: var(--background6); border: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  258.  
  259. .wraper.mainpage {margin: 0 10px;}
  260. .content, .board-data {max-width: 1000px; width: auto;}
  261.  
  262. .settings-wrap {border-radius: 2px; font-family: 'PT Sans', 'Trebuchet MS', sans-serif;}
  263.  
  264. #postbtn-favorite-bottom {font-size: 0;}
  265. #postbtn-favorite-bottom:before {content: "\f006"; font: normal normal normal 14px/1 FontAwesome; padding: 4px; margin: -4px;}
  266.  
  267. .adminbar__boards_sticky {display: none;}
  268. .adminbar__boards_hovered {transform: none;}
  269. .adminbar__boards {color: var(--text4-color);}
  270. .adminbar a {color: var(--nav-a-color);}
  271. .adminbar a:hover {color: var(--nav-a-hover-color);}
  272. .adminbar .menu {padding: 5px;}
  273. .adminbar__menu {border-bottom: none;}
  274. .adminbar__menu a {margin: 0 2px;}
  275. #edit-boards {font-size: 0;}
  276. #edit-boards:before {content:"+"; font: 14px/1 'PT Sans', 'Trebuchet MS', sans-serif;}
  277. .adminbar-top a[href$="/m.html"], .adminbar-top a[href$="/contacts.html"], .adminbar-top a[href$="/catalog.html"], .adminbar-top a[href$="/donate.html"], .adminbar-top a[href$="/market.html"], .adminbar-top a[href$="/makaba/makaba.fcgi?task=images_feed"], .adminbar-top a[href$="/makaba/makaba.fcgi?task=images_adult_feed"], .adminbar-top a[href$="/abu/res/42375.html"], .adminbar-top a[href$="/boardrequest.html"], .adminbar-top a[href$="/makaba/stickers/"], .adminbar-top a[href$="/price.html"] {display: none;}
  278. .adminbar-top .adminbar__menu {float: left;}
  279.  
  280. .centered {padding: 0 8px;}
  281.  
  282. .welcomefriend {color: var(--logo-color);}
  283. .logo {color: var(--logo-color); font-family: 'PT Sans', 'Trebuchet MS', sans-serif;}
  284.  
  285. #ABU-alertbox {font-family: 'PT Sans', 'Trebuchet MS', sans-serif; margin: 6px;}
  286. #ABU-alertbox > .reply {border-color: var(--border3-color) !important; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); margin: 2px !important;}
  287.  
  288. hr {border-color: var(--transparency);}
  289. .hr, .box-data .data, hr.dotted {border-color: var(--border3-color);}
  290. #postform + hr, .norm-reply + hr {display: none;}
  291. hr + .thread {border-top: 1px solid var(--border3-color); margin-top: 20px; padding-top: 30px;}
  292.  
  293. .nav-arrows {background-color: var(--background6); border: 1px solid var(--border3-color); border-radius: 2px; box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); height: 34px; width: 34px; right: 15px; transition: .1s; z-index: 970;}
  294. .nav-arrows:hover, .nav-arrows:active {background: var(--background5);}
  295. .up-nav-arrow {background-image: none;}
  296. .up-nav-arrow:before {content: "\f106"; display: block; font: normal normal normal 22px/32px FontAwesome; text-align: center; width: 32px;}
  297. .down-nav-arrow {background-image: none; bottom: 40px;}
  298. .down-nav-arrow:before {content: "\f107"; display: block; font: normal normal normal 22px/32px FontAwesome; text-align: center; width: 32px;}
  299.  
  300. .rmenu, #plashque, #mobile-plashque, .logo img, .logo br, .moneymoneymoney, .moneymoneymoney + hr {display: none;}
  301.  
  302. .cntnt {margin-top: 15px;}
  303. .cntnt__right {padding-bottom: 15px;}
  304. .cntnt__left {background: var(--background); border-color: var(--border3-color); padding-right: 5px; position: fixed; top: 0; left: -330px; width: 335px; z-index: 200; transition: .3s;}
  305. .cntnt__left:hover {left: 0;}
  306.  
  307. .menu {line-height: unset;}
  308. dl.menu dt {background: var(--background6); border-color: var(--border3-color); 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;}
  309. dl.menu dt:hover {background: var(--background5);}
  310. dl.menu dd {border-left: none; margin-left: 0;}
  311. dl.menu a {border: 1px solid var(--transparency); color: var(--text-color); display: block; padding: 3px 6px; border-radius: 2px;}
  312. dl.menu a:hover {background: var(--background6); border-color: var(--border3-color); box-shadow: var(--shadow);}
  313.  
  314. .fm__header {background-color: var(--background6); border: 1px solid var(--border3-color); border-radius: 14px; box-shadow: var(--shadow); color: var(--text-color); display: inline-block; cursor: pointer; padding: 4px 12px; user-select: none; text-decoration: none; transition: .1s;}
  315. .fm {margin: 5px;}
  316. .fm__header:hover {background: var(--background5); box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);}
  317. .fm__sub {padding-left: 5px;}
  318. .fm__sub a {border: 1px solid var(--transparency); color: var(--text-color); display: block; padding: 3px 6px; border-radius: 2px;}
  319. .fm__sub a:hover {background: var(--background6); border-color: var(--border3-color); box-shadow: var(--shadow);}
  320.  
  321. .thread_wrap {border-color: var(--transparency); border: 1px solid var(--border3-color); border-radius: 3px; box-shadow: var(--shadow);}
  322. .thread_wrap:after {background: linear-gradient(to bottom, var(--thread-after) 0%,var(--thread2-after) 30%,var(--thread3-after) 52%,var(--thread4-after) 74%,var(--thread5-after) 100%);}
  323. .thread_wrap, .thread_wrap > .thread {background: var(--background6);}
  324. .thread_wrap > .thread {border: none;}
  325. .thread_wrap.expandble:hover {box-shadow: none; border: none;}
  326. .thread_wrap.expandble:hover .thread {border-radius: 3px; border: 1px solid var(--border3-color); box-shadow: var(--shadow);}
  327.  
  328. #hideFm {color: var(--text-color);}
  329. #hideFm:hover {color: var(--a-color);}
  330.  
  331. .reply-label-wrapper > .desktop {display: none;}
  332. .reply-label-wrapper {font-size: 1em;}
  333.  
  334. .mobile.reply-label-top, .mobile.reply-label-bot {background-color: var(--background6); border: 1px solid var(--border3-color); border-radius: 17px; box-shadow: var(--shadow); color: var(--text-color); display: inline-block; font-size: 1.1em; cursor: pointer; padding: 5px 14px; user-select: none; text-decoration: none; transition: .1s;}
  335. .mobile.reply-label-top:hover, .mobile.reply-label-bot:hover {background: var(--background5); box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);}
  336.  
  337. .board-tags {margin-top: 10px;}
  338.  
  339. .thread-nav {color: var(--transparency);}
  340. .thread-nav div[style="float:right"] {color: var(--text4-color);}
  341. .thread-nav a {color: var(--nav-a-color);}
  342. .thread-nav a:hover {color: var(--nav-a-hover-color);}
  343. .thread-nav span {color: var(--text-color);}
  344.  
  345. .oppost {background: var(--background6); border: 1px solid var(--border3-color); border-radius: 2px; box-shadow: var(--shadow); display: inline-block; min-width: 33em;}
  346.  
  347. .mess-post {color: var(--text2-color); display: block; padding: 0 10px;}
  348.  
  349. .post-wrapper {margin: 10px;}
  350. .post {padding: 0 0 4px;}
  351. .post .post-message {margin: 8px 20px;}
  352. .post .images-single + blockquote {margin: 0 20px 8px;}
  353.  
  354. #posts-form > .reply.post {border-color: var(--border3-color) !important; box-shadow: var(--shadow2);}
  355. .reply, .post_type_reply {background: var(--background6); border-color: var(--border3-color); border-radius: 2px; box-shadow: var(--shadow); min-width: 24em; transition: box-shadow .15s;}
  356. .post .post-details {color: var(--text3-color);}
  357. .post .post-details, .reply .post-details, .post_type_reply .post__details {font-size: .9em; padding: 4px 8px;}
  358. .post .post-title {color: var(--post-title);}
  359. .reply.hiclass {background: var(--hiclass-bg); border-color: var(--hiclass); box-shadow: 0 1px 6px 0 var(--hiclass-shadow);}
  360. .reply.hidden-thread-box, .hidden-post-box {border-color: var(--border3-color) !important; box-shadow: none; color: var(--text2-color); padding: 2px 4px;}
  361. .hidden-post-box > .post-details {border-bottom: none; margin-bottom: 0; padding: 2px 4px;}
  362.  
  363. .new-posts-marker .post {border-bottom-color: var(--a-color);}
  364. .reply-posts-marker .post {border-left-color: var(--a-color);}
  365. .watched-posts-marker .post {border-left-color: var(--a-color);}
  366.  
  367. .ophui {color: var(--ophui);}
  368. span.adm {color: var(--text6-color) !important;}
  369.  
  370. .reflink a {color: var(--text2-color);}
  371. .reflink a:hover {color: var(--a-color);}
  372.  
  373. a.post-reply-link {color: var(--reply-a-color);}
  374. a.post-reply-link:hover {color: var(--a-hover-color);}
  375.  
  376. .like-div .like-icon, .dislike-div .dislike-icon {color: var(--text3-color);}
  377. .like-div:hover .like-icon, .like-div-checked .like-icon {color: var(--a-color);}
  378. .dislike-div:hover .dislike-icon, .dislike-div-checked .dislike-icon, .dislike-caption {color: var(--text7-color);}
  379. .like-count, .dislike-count {color: var(--text3-color); font-weight: normal;}
  380. .like-caption, .dislike-caption {display: none;}
  381. .fa-thumbs-down::before {content: "\f088";}
  382. .media-meta-youtube-icon {color: var(--text7-color); margin: 0 2px;}
  383. .media-expand-button, .media-hide-button {color: var(--text2-color);}
  384. .media-expand-button:hover, .media-hide-button:hover {color: var(--text-color);}
  385.  
  386. body.replypage .reply .reflink:before {color: var(--text3-color) !important;}
  387. .unkfunc {color: var(--unkfunc);}
  388.  
  389. .spoiler, .spoiler a {background: var(--spoiler); color: var(--text3-color); transition: .1s;}
  390. .spoiler:hover {color: var(--text-color);}
  391. .spoiler:hover a {color: var(--a-color);}
  392.  
  393. .postbtn-favorite.fa-star {color: var(--a-color);}
  394. .postbtn-exp, .postbtn-report {display: none;}
  395. .postbtn-expall {background: none;}
  396. .postbtn-expall:before {color: var(--text3-color); content: "\f00e"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: absolute; width: 14px; text-align: center;}
  397. .postbtn-hide {background: none;}
  398. .postbtn-hide:before {color: var(--text3-color); content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: absolute; width: 14px; text-align: center;}
  399. .postbtn-options {background: none;}
  400. .postbtn-options:before {color: var(--text3-color); content: "\f0da"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: absolute; width: 14px; text-align: center;}
  401. .sticky-img {filter: grayscale(1);}
  402.  
  403. /* Image Filter Off */
  404. #media-thumbnail {background: none; border: none; padding: 0;}
  405. #media-thumbnail img {border-radius: 2px; box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);}
  406. .img.preview, .thumb {border-radius: 2px;}
  407. .thumb {box-shadow: none; max-width: 230px; height: auto;}
  408. .post .webm-file {border: none; border-bottom: 2px dashed var(--text3-color);}
  409. .post .file-attr {font-size: .8em; padding: 2px 0; color: var(--text2-color);}
  410. .post .file-attr .filesize {height: 14px;}
  411. .post .file-attr a {display: block; opacity: 0; height: 14px; margin-bottom: -14px;}
  412.  
  413. figure {position: relative;}
  414. figure:hover > .file-attr a {opacity: 1;}
  415. figure:hover > .file-attr .filesize {visibility: hidden;}
  416.  
  417. .modal {background: var(--background6); border-radius: 2px; border-color: var(--border3-color); box-shadow: var(--shadow2); padding: 4px 0;}
  418. .mod-ban, .mod-report {padding: 4px;}
  419. .modal a {font-family: 'PT Sans', 'Trebuchet MS', sans-serif; color: var(--text-color); padding: 3px 10px;}
  420. .modal a:hover {background: var(--background5); color: var(--text-color);}
  421. #modReportFormComment {margin-right: 4px;}
  422.  
  423. .ABU-refmap {color: var(--text2-color); font-size: 80%; font-style: italic; padding: 0 8px;}
  424. .ABU-refmap a {color: var(--a-alt-color);}
  425. .ABU-refmap a:hover {color: var(--a-alt-hover-color);}
  426.  
  427. #fullscreen-container {background: var(--background4) !important; box-shadow: 0 6px 16px rgba(0,0,0,.24); padding: 0; margin: 4px;}
  428.  
  429. .warningcover {background: none repeat scroll 0% 0% var(--background);}
  430. .warningbox {background: var(--background6); border: 1px solid var(--border3-color); border-radius: 2px; box-shadow: 0 6px 16px rgba(0,0,0,.14); margin-top: -50px;}
  431.  
  432. .qr {background: var(--background6); border-radius: 2px; border-color: var(--border3-color); box-shadow: var(--shadow3); padding: 4px;}
  433. .qr .qr-header, .qr__header {background: none; border: none; font-weight: bold; padding: 3px;}
  434. .qr .qr-close, .qr__close {color: var(--transparency); font-size: 0; margin: -5px; padding: 5px;}
  435. .qr .qr-close:before, .qr__close:before {content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; color: var(--text-color);}
  436. .qr-reply input.qmail {width: 357px; margin-right: 3px;}
  437. .qr-reply .qcomment {margin-top: 3px;}
  438. #qr-CommentToolbar {margin: 2px 0 0;}
  439. #qr-CommentToolbar, #CommentToolbar {position: relative;}
  440. #qr-CommentToolbar span, #CommentToolbar span {display: inline-block; height: 18px; transition: .1s;}
  441. .qr-reply .qr-vk-public, .rules-area, .kupi-passcode-suka {display: none;}
  442. .qr-sticker .sticker img {border: 1px solid var(--transparency);}
  443. .qr-sticker .sticker img:hover {background: var(--background5); border-color: var(--border3-color);}
  444. .qr-settings #setting-editor-textarea-textarea {font-family: Consolas, monospace;}
  445. .qr-settings thead tr, .qr-settings tbody tr:last-child {background-color: var(--table-td);}
  446. .qr-settings .hiderules-table td {border-color: var(--table-td);}
  447. .qr-settings .settings-category {margin-left: 12px;}
  448. .qr-settings .setting-edit-btn {background: none;}
  449. .qr-settings .setting-edit-btn:before {content: "\f044"; font: normal normal normal 14px/1 FontAwesome; color: var(--text-color);}
  450. .qr-footer, .bb .bb-footer {font-size: 12px;}
  451. .qr-footer hr, .bb hr {border-color: var(--border3-color); margin: 8px 0px 4px;}
  452. .qr-reply .captcha-box {margin-top: 4px;}
  453. .qr-reply .captcha-image img {margin-bottom: 0; image-rendering: unset;}
  454. .qr-reply .captcha-box, #postform td .captcha-box {font-family: 'PT Sans', 'Trebuchet MS', sans-serif; font-size: 13px;}
  455. .captcha-image img {border-radius: 2px; margin-bottom: 4px;}
  456. .settings-category-expand, .settings-category-contract {font-size: 0;}
  457. .settings-category-expand:before {content: "\f107"; font: normal normal normal 14px/1 FontAwesome;}
  458. .settings-category-contract:before {content: "\f106"; font: normal normal normal 14px/1 FontAwesome;}
  459.  
  460. #postform td.label, .toolbar-area td:first-child {display: none;}
  461. #postform .box {background: none; box-shadow: none;}
  462.  
  463. textarea {min-height: 60px; max-height: 600px;}
  464.  
  465. button[disabled], html input[disabled] {background: var(--input-input-bg) !important; color: var(--text3-color);}
  466. input[type="text"], input[type="password"], textarea {background: var(--input-text-bg); border-radius: 2px; border-color: var(--border3-color); color: var(--text-color); padding: 2px 6px; transition: border .1s;}
  467. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color: var(--border2-color);}
  468. input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder {color: var(--text2-color);}
  469. input[type="button"], input[type="submit"], .arch-searchform input[type="submit"] {background: var(--input-input-bg); border-color: var(--border3-color); border-radius: 2px; color: var(--text-color); padding: 2px 6px; transition: .1s;}
  470. 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(--background5);}
  471. .error {border-color: var(--text7-color) !important;}
  472.  
  473. select {background: var(--input-text-bg); border: 1px solid var(--border3-color); border-radius: 2px; color: var(--text-color); padding: 1px 4px;}
  474. optgroup {background: var(--table-td);}
  475. .mselect {background: var(--input-text-bg); border-color: var(--border3-color); padding: 0 4px;}
  476. .mselect, select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-right-width: 8px;}
  477. .settings-setting-multibox.mselect {margin-left: 4px;}
  478.  
  479. .markup {padding: 1px 3px; opacity: 0;}
  480. .m-bold:hover, .m-italic:hover, .m-underline:hover, .m-overline:hover, .m-strike:hover, .m-sup:hover, .m-sub:hover {color: var(--a-color);}
  481. .m-bold:before {content: "\f032"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  482. .m-italic:before {content: "\f033"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  483. .m-quote {color: var(--unkfunc);}
  484. .m-quote:hover {color: var(--unkfunc2);}
  485. .m-quote:before {content: "\f054"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  486. .m-underline:before {content: "\f0cd"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  487. .m-overline:before {content: "O"; font: bold 14px/20px serif; position: absolute; height: 18px; width: 22px; text-decoration: overline; text-align: center;}
  488. .m-spoiler {color: var(--text3-color); width: 31px;}
  489. .m-spoiler:hover {color: var(--text-color);}
  490. .m-spoiler img {width: 31px; height: 18px;}
  491. .m-spoiler:before {background: var(--spoiler); border-radius: 2px; content: "SP"; font: normal normal normal 14px/1 FontAwesome, 'PT Sans', 'Trebuchet MS', sans-serif; position: absolute; margin-top: 2px; height: 14px; width: 31px; text-align: center;}
  492. .m-strike:before {content: "\f0cc"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  493. .m-sup:before {content: "\f12b"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  494. .m-sub:before {content: "\f12c"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  495.  
  496. .message-sticker-btn {left: 6px !important; bottom: 6px !important;}
  497. .message-byte-len {bottom: 6px !important;}
  498.  
  499. .form-files-box .form-files-limits {color: var(--text3-color); margin-bottom: 2px;}
  500. .form-files-box .form-files-drag-area {border-color: var(--border-color); border-radius: 2px; color: var(--text4-color);}
  501. .form-files-box .form-files-drag-area.hover {background-color: var(--transparency); border-color: var(--a-color); color: var(--text2-color);}
  502. .form-files-box .input-thumbnail-box {border: 1px solid var(--border3-color); border-radius: 2px; box-shadow: var(--shadow); color: var(--text2-color); overflow: hidden;}
  503. .form-files-box .input-thumbnail-box, .form-files-box .input-thumbnail-meta {background: var(--background6);}
  504. .form-files-box .input-thumbnail-size {margin-left: 4px;}
  505. .form-files-box .input-thumbnail-delete {color: var(--text-color);}
  506.  
  507. .literally .lc-picker, .literally .horz-toolbar {background-color: var(--background6);}
  508. .literally .lc-picker, .literally.toolbar-at-top .lc-options {border-color: var(--border3-color);}
  509.  
  510. .qr-oekaki-footer {border-top: 1px solid var(--border3-color); padding-top: 4px;}
  511.  
  512. .settings-wrap {background-color: var(--background6); border: 1px solid var(--border3-color); -moz-box-shadow: var(--shadow3); -webkit-box-shadow: var(--shadow3); box-shadow: var(--shadow3);}
  513. .settings-wrap .title {color: var(--text-color);}
  514. .settings-wrap .title, .rowelems {border-bottom: none;}
  515. .rowelems input[type="text"] {border-color: var(--border3-color); color: var(--text-color);}
  516. .rowelems input[type="text"]:focus {border-color: var(--border2-color);}
  517.  
  518. .bb {background: var(--background6); border-color: var(--border3-color); border-radius: 2px 2px 0 0; box-shadow: var(--shadow2); right: 10px;}
  519. .bb .bb-header-text-new {color: var(--a-color);}
  520. .bb.favorites {right: 165px; z-index: 978;}
  521. .bb.boardstats {z-index: 979;}
  522. .bb .boardstats-row {margin: 5px;}
  523.  
  524. .fa-bar-chart, .fa-eye {font: normal normal normal 14px/1 FontAwesome, 'PT Sans', 'Trebuchet MS', sans-serif; float: right; min-width: 65px;}
  525.  
  526. .nb, .nb + hr, .footer .board-info, .adminbar-bottom {display: none;}
  527. .footer div[style="float: right; margin: 0 0 0.5em 0;"]{float:left!important}
  528.  
  529. .bb.favorites {border: 1px solid var(--border3-color); border-right: none; border-radius: 2px 0 0 2px; top: 50%; right: 0; bottom: unset; margin-top: 15px; min-width: 60px;}
  530. #favorites-header .bb-header-text::before {content: "\f005"; font: normal normal normal 14px/1 FontAwesome;}
  531. .bb.boardstats {border: 1px solid var(--border3-color); border-right: none; border-radius: 2px 0 0 2px; top: 50%; right: 0; bottom: unset; margin-top: -20px; min-width: 60px;}
  532. #boardstats-header .bb-header-text::before {content: "\f0cb"; font: normal normal normal 14px/1 FontAwesome;}
  533.  
  534. #favorites-header .bb-header-text, #boardstats-header .bb-header-text {font-size: 0;}
  535. #favorites-arrow-down, #boardstats-arrow-down {display: none;}
  536.  
  537. .footer div[style="float: right; margin: 0 0 0.5em 0;"] {background: var(--background6); border: 1px solid var(--border3-color); border-right: none; border-radius: 2px 0 0 2px; box-shadow: var(--shadow2); position: fixed; top: 50%; right: 0; height: 32px; margin-top: -55px !important; min-width: 60px; z-index: 979;}
  538.  
  539. #report-form {padding: 3px;}
  540. #report-form input {display: none;}
  541. #report-form:before {content: "\f071"; font: normal normal normal 14px/24px FontAwesome; position: absolute; width: 54px; text-align: center;}
  542.  
  543. .footer div[style="float: right; margin: 0 0 0.5em 0;"]:hover #report-form:before {display: none;}
  544. .footer div[style="float: right; margin: 0 0 0.5em 0;"]:hover > #report-form input {display: inline-block;}
  545. .footer div[style="float: right; margin: 0 0 0.5em 0;"]:focus-within #report-form:before {display: none;}
  546. .footer div[style="float: right; margin: 0 0 0.5em 0;"]:focus-within > #report-form input {display: inline-block;}
  547.  
  548. .pager {background: var(--background6); border: none; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: var(--text3-color);}
  549. .pager strong {color: var(--text-color);}
  550.  
  551. @media only screen and (max-width: 480px) and (orientation:portrait),  only screen and (max-width: 540px) and (orientation:landscape){
  552. body {font-size: .85em;}
  553.  
  554. header, .catalog, .cntnt {padding: 0;}
  555. header > div {padding: 10px;}
  556. .adminbar {padding: 0;}
  557. .adminbar__boards {background: var(--background6); border-top: 1px solid var(--background6); border-bottom: none; box-shadow: none; font-size: 14px; width: unset; left: 0; right: 100px; top: unset; bottom: 0; z-index: 982;}
  558. .adminbar__boards_sticky {display: unset; transform: none;}
  559. .adminbar .menu {background: var(--background6); border-top: 1px solid var(--border3-color); border-bottom: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); top: unset; bottom: 0; z-index: 980;}
  560.  
  561. a.adminbar__slink:before {content: "\f015"; font: normal normal normal 20px/24px FontAwesome; padding: 6px;}
  562. a.adminbar__slink, #settings {font-size: 0;}
  563. #settings:before {content: "\f013"; font: normal normal normal 20px/32px FontAwesome; padding: 6px;}
  564.  
  565. .thread-nav-mob:nth-of-type(4) > a.button-mob:nth-of-type(4) {display: none !important;}
  566. a[onclick*="updateThread(); return false;"]
  567. {background: var(--background6) !important; border: none; border-radius: 0; position: fixed; left: 0; right: 50px; bottom: 0; z-index: 981; padding: 0; margin: 0; text-align: right;}
  568. a[onclick*="updateThread(); return false;"]::before
  569. {font: normal normal normal 20px/32px FontAwesome;}
  570.  
  571. .up-nav-arrow {top: 20px;}
  572. .down-nav-arrow {bottom: 60px;}
  573.  
  574. .cntnt {margin-top: 5px;}
  575. .cntnt__right {padding-bottom: 50px;}
  576. .reply-label {margin: 0;}
  577. .norm-reply {background: var(--background6); border-radius: 0; border: none; box-shadow: 0 0 6px 0 rgba(0,0,0,.1); left: 0; right: 0; top: 0; bottom: unset; padding: 0; position: fixed; z-index: 980;}
  578.  
  579. .mobile.reply-label-top, .mobile.reply-label-bot {background: var(--background6) !important; border: none; border-top: 1px solid var(--border3-color); border-radius: 0; box-shadow: 0 -1px 6px 0 rgba(0,0,0,.05); width: 100%;}
  580. .mobile.reply-label-top:hover, a[onclick*="updateThread(); return false;"]:hover {color: var(--a-color);}
  581. .mobile.reply-label-top {font-size: 0 !important; text-align: right; position: fixed; right: 0; bottom: 0; z-index: 980;}
  582. .mobile.reply-label-top:before {content: "\f044"; font: normal normal normal 20px/32px FontAwesome;}
  583.  
  584. #postform {height: calc(100vh - 40px); padding: 0 5px; overflow: auto;}
  585. #postform > hr, footer .norm-reply, .logo + hr {display: none;}
  586.  
  587. #ABU-alertbox {min-width: 160px; left: 0; right: unset;}
  588.  
  589. .content, .board-data {width: auto;}
  590. .hboardlist .column {width: 50%;}
  591. .board-list-table .board-title, .board-list-table .board-posts {width: auto;}
  592.  
  593. a.button-mob {background: var(--background6); border-color: var(--border3-color); color: var(--text-color); font-weight: normal;}
  594.  
  595. hr + .thread {margin-top: 0; padding-top: 0;}
  596. .thread {border-top: 1px solid var(--border3-color);}
  597.  
  598. .oppost, .post_type_oppost {background: var(--background6); border: none; border-radius: 0; display: block; min-width: unset; width: 100%;}
  599. .oppost-options-mob {background: none; display: block !important; padding: 4px 8px;}
  600. .post .post-details, .post__details {background: none;}
  601. .like-div, .dislike-div {margin-left: 0; margin-right: 10px;}
  602.  
  603. .oppost-wrapper {margin-bottom: 0;}
  604. .post-wrapper {padding: 0; margin: 0;}
  605. .reply, .post_type_reply {border-left: none; border-right: none; border-bottom: none;}
  606. .post-wrapper:last-child .reply {border-bottom: 1px solid var(--border3-color)}
  607. .post .post-message {margin: 1em;}
  608. .post .images-single + blockquote {margin: 0 1em 0.6em;}
  609. .post .images .image-link a {float: none;}
  610. .post .image {vertical-align: top;}
  611. figure:hover > .file-attr .filesize {visibility: visible !important;}
  612.  
  613. .reply, .post_type_reply {border-radius: 0;}
  614. .reply, .post_type_reply {border-top: 1px solid var(--border3-color); box-shadow: none;}
  615. .reply.hiclass {border-color: var(--border3-color); box-shadow: none;}
  616.  
  617. #postform table {width: 100%; padding-top: 5px; padding-bottom: 60px;}
  618. .postform, .qr {font-size: 1em;}
  619. .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;}
  620. .qr-reply input.qmail {width: 207px;}
  621. .qr-reply .qcomment {width: 100%;}
  622. .qr-reply .captcha-image img {width: 200px;}
  623. .qr-settings .settings-category-name {font-size: 14px; margin: 0; padding: 5px 0;}
  624. .qr-settings .settings-setting-row {padding: 2px 0;}
  625. .qr-settings #setting-editor-textarea-textarea {min-height: 200px;}
  626. #e-mail, #tags {margin-bottom: 2px;}
  627. .qr-footer, .bb .bb-footer {padding: 0 5px 5px;}
  628.  
  629. input[type="text"], input[type="password"], textarea, input[type="button"], input[type="submit"], select {min-height: 26px;}
  630. input[type="checkbox"] {height: 16px; width: 16px;}
  631. input[type="checkbox"]:checked {box-shadow: inset 0 0 0 2px var(--input-text-bg), inset 0 0 0 8px var(--text2-color);}
  632. .mselect {min-height: unset; width: 80px; padding: 2px 4px;}
  633.  
  634. .ABU-refmap {font-size: 85%;}
  635.  
  636. #qr-CommentToolbar span, #CommentToolbar span {height: 24px;}
  637. .markup {padding: 4px 5px;}
  638. .m-bold:before {font: normal normal normal 18px/24px FontAwesome; height: 24px; width: 26px;}
  639. .m-italic:before {font: normal normal normal 18px/24px FontAwesome; height: 24px; width: 26px;}
  640. .m-quote:before {font: normal normal normal 18px/24px FontAwesome; height: 24px; width: 26px;}
  641. .m-underline:before {font: normal normal normal 18px/24px FontAwesome; height: 24px; width: 26px;}
  642. .m-overline:before {font: bold 18px/24px serif; height: 24px; width: 26px;}
  643. .m-spoiler {width: 35px;}
  644. .m-spoiler img {height: 24px; width: 35px;}
  645. .m-spoiler:before {font: normal normal normal 18px/22px FontAwesome, 'PT Sans', 'Trebuchet MS', sans-serif; height: 20px; width: 35px;}
  646. .m-strike:before {font: normal normal normal 18px/24px FontAwesome; height: 24px; width: 26px;}
  647. .m-sup:before {font: normal normal normal 18px/24px FontAwesome; height: 24px; width: 26px;}
  648. .m-sub:before {font: normal normal normal 18px/24px FontAwesome; height: 24px; width: 26px;}
  649.  
  650. .warningbox {top: 0; left: 0; bottom: 0; right: 0; width: unset; margin-top: 0; margin-left: 0; border: none; border-radius: 0;}
  651.  
  652. .form-files-box .form-files-drag-area {font-size: 14px; height: 30px; margin-bottom: 2px;}
  653.  
  654. .footer div[style="float: right; margin: 0 0 0.5em 0;"] {background: none !important; border: none !important; box-shadow: none !important; float: left !important; position: unset !important; margin-top: unset !important; margin: 0 !important;}
  655. #report-form::before {display: none !important;}
  656. #report-form input {display: inline-block !important;}
  657. }
  658. /* Для твитов. Работает лишь в Firefox */
  659. .SandboxRoot body {background: var(--transparency);}
  660. .EmbeddedTweet {background: var(--background6); border-color: var(--border3-color);}
  661. .EmbeddedTweet--mediaForward .EmbeddedTweet-tweet {border-color: var(--border3-color);}
  662. .EmbeddedTweet:hover, .EmbeddedTweet--mediaForward:hover .EmbeddedTweet-tweet {border-color: var(--border2-color);}
  663. .EmbeddedTweet a {transition: 0s;}
  664. .EmbeddedTweet a:hover {color: var(--twit-a-color);}
  665. .Identity-screenName, .Tweet-inReplyTo, .Tweet-alert, .Tweet-metadata {color: var(--twit-action);}
  666. .Tweet--compact {box-shadow: none;}
  667. .Tweet--compact .Tweet-ancestorContainer::after {border-color: var(--border2-color);}
  668. .TweetAction, .TweetAction:visited {color: var(--twit-action) !important;}
  669. .TweetAction--profile:active, .TweetAction--profile:focus, .TweetAction--profile:hover, .TweetAction--replyEdge:active, .TweetAction--replyEdge:focus, .TweetAction--replyEdge:hover {color: var(--twit-action-hover) !important;}
  670. .TweetAction--heartEdge:active, .TweetAction--heartEdge:focus, .TweetAction--heartEdge:hover {color: var(--twit-action-focus) !important;}
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!