Guest User

Untitled

a guest
Oct 23rd, 2021
105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.39 KB | None | 0 0
  1. ::-webkit-scrollbar {width: 12px; height: 12px;}
  2. ::-webkit-scrollbar-button {width: 0px; height: 0px;}
  3. ::-webkit-scrollbar-thumb {background: #677287; border-radius: 4px; border: 2px solid #282a36;}
  4. ::-webkit-scrollbar-thumb:active {background: #525b6c;}
  5. ::-webkit-scrollbar-track {background: #282a36;}
  6. ::-webkit-scrollbar-corner {background: #282a36;}
  7.  
  8. html, body {background: #1e1f29; color: #dadee6; font-family: 'Trebuchet MS', sans-serif !important; line-height: 1.3;background-image:url("https://i.postimg.cc/fW5L22zp/141871-televideniye-hime-vyrezat-animaciya-devuska-multfilm-3840x2160-4.jpg");
  9.  
  10. background-size: cover;
  11. background-attachment: fixed;
  12. background-color: #414A3E;
  13. background-position: 100% 100%;
  14. background-repeat: no-repeat;
  15.  
  16. color: #FFFFE0;
  17. margin: 0;
  18. }
  19.  
  20. header, .catalog, .cntnt {max-width: 980px; margin: 0 auto; padding: 0 10px;}
  21. @media only screen and (min-width: 1480px) and (orientation:portrait), only screen and (min-width: 1480px) and (orientation:landscape){
  22. header, .catalog, .cntnt {max-width: 1080px; margin: 0 auto; padding: 0 10px;}
  23. }
  24. @media only screen and (min-width: 1680px) and (orientation:portrait), only screen and (min-width: 1680px) and (orientation:landscape){
  25. header, .catalog, .cntnt {max-width: 1280px; margin: 0 auto; padding: 0 10px;}
  26. }
  27. @media only screen and (min-width: 1880px) and (orientation:portrait), only screen and (min-width: 1880px) and (orientation:landscape){
  28. header, .catalog, .cntnt {max-width: 1480px; margin: 0 auto; padding: 0 10px;}
  29. }
  30.  
  31. .pace .pace-progress {background: #b07498;}
  32.  
  33. a, .a-link-emulator, a:link, a:visited {color: #e675b9; text-decoration: none; transition: color .1s;}
  34. a:hover, .a-link-emulator:hover {color: #ed9fce;}
  35. .postscontainer a:hover {text-decoration: none;}
  36. a[href*="youtube.com"] {border-bottom: none;}
  37. a[href$="sage"], a[href$="Sage"], a[href$="SAGE"] {color: #ff6464;}
  38. a[onclick*="updateThread(); return false;"]{font-size: 0;}
  39. a[onclick*="updateThread(); return false;"]:before {content: "\f021"; font: normal normal normal 14px/1 FontAwesome;}
  40. .hashlink {color: #b07498 !important;}
  41. .hashlink:hover {color: #c295b0 !important;}
  42.  
  43. .to-button {border: 1px solid #3c4052 !important; box-shadow: none !important; color: #dadee6 !important; height: 48px; padding: 0 0 0 16px;}
  44. .to-button:hover {background: #363a4a !important;}
  45. .to-button-h {border: 1px solid #e675b9 !important;}
  46.  
  47. .btn {color: #c1bfbf !important;}
  48. .btn-3 {background: #363a4a;}
  49. .btn-3:hover {background: #363a4a; color: #EEDACB !important;}
  50. .btn-3e::after {background: rgba(255,255,255,.05);}
  51.  
  52. font[color="red"], font[color="#ff0000"], .closed-board, .archive-thread {color: #ff3434;}
  53. .top-user-boards {color: #a86eb5;}
  54.  
  55. .hdescription, .hdescription-stats, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {color: #dadee6; font-family: 'Trebuchet MS', sans-serif;}
  56. .postscontainer {background: #282a36; border: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); border-radius: 3px;}
  57. .hboardlist .column .boardsubj {color: #9fa9bd;}
  58. .mainpage .pager {background: none; box-shadow: none; color: #dadee6;}
  59. .hnews .news-posts-count {color: #677287;}
  60. .ui-widget.ui-widget-content {border: none;}
  61. .ui-widget-content {background: #282a36; border: none; color: #dadee6;}
  62. .ui-widget-header {background: #1e1f29; border: none; border-radius: 0;}
  63. .cloudheader {background: #363a4a; border-color: #363a4a;}
  64. .cloudheader .cloudoption {color: #9fa9bd;}
  65. .cloudheader .cloudoption:hover {color: #dadee6;}
  66. #tabbed li {background: #363a4a; border-color: #363a4a;}
  67. #tabbed li.ui-tabs-active a {color: #dadee6;}
  68. .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: #9fa9bd;}
  69. .table .thead .th {border: none;}
  70. .table .tbody .tr:nth-of-type(2n) {background: #363a4a;}
  71. .board-speed, .arch-threadnum {color: #9fa9bd;}
  72. .box {background: #282a36; border: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  73.  
  74. .wraper.mainpage {margin: 0 10px;}
  75. .content, .board-data {max-width: 1000px; width: auto;}
  76.  
  77. .settings-wrap {border-radius: 3px; font-family: 'Trebuchet MS', sans-serif;}
  78.  
  79. #postbtn-favorite-bottom {font-size: 0;}
  80. #postbtn-favorite-bottom:before {content: "\f006"; font: normal normal normal 14px/1 FontAwesome;}
  81.  
  82. .adminbar__boards_sticky {display: none;}
  83. .adminbar__boards_hovered {transform: none;}
  84. .adminbar__boards {color: #515770;}
  85. .adminbar a {color: #dadee6;}
  86. .adminbar a:hover {color: #e675b9;}
  87. .adminbar .menu {padding: 5px;}
  88. .adminbar__menu {border-bottom: none;}
  89. .adminbar__menu a {margin: 0 2px;}
  90. #edit-boards {font-size: 0;}
  91. #edit-boards:before {content:"+"; font: 14px/1 'Trebuchet MS', sans-serif;}
  92. .adminbar-top a[href$="/m.html"], .adminbar-top a[href$="/contacts.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;}
  93. .adminbar-top .adminbar__menu {float: left;}
  94.  
  95. .centered {padding: 0 8px;}
  96.  
  97. .mainlogo, a.logo {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAyCAYAAAA9ZNlkAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmpJREFUeNrF009IVFEUx3FFzeEFbWpTkH8Ia1UQ9G/RomXoRor2FbSQol2LFhJJ0KJdUAghFJROmRqO+a9/uishMHdJWG5q0yZoamLK029iRk/Xd+89587rtfjs5p3fd5g3NfPb79YoTAEpdcfdIqI/NOPHAsaXIJNEQATLAQEdtpss4J7EFSClMddNTUAbFJTj32GHMKDfB9+kn5R6fHdZwIBLJ5DSe4g8d0UBeHsHlgICOn3j0oCegPEJybgRkI3TCniRsqSAFzXbZrm3zlpA0/04OSClq5ZbsVjAA1MHkNIyRDG3rGwBGXgXEHBCM24EDHLdQErTxg0RFvCwohXyQCka5AEjKY9/hM0YHio5CpSildJm+ScYboRFoBTdYO/AyEWgFL2FiAfkUxwvwgHg/4JHWoeBAl2q3GEBo1rngQK8gvrKnWoCbgeMf4Wd/A4LyGktACl1mXdWA940jWlE8BNIYRxqzVss4LHGISCFz7A17lZowFllwHHbLRYwrtEHJHTHdYsFTGjMAwl8gE2uWyEBGSgKxn/BEd89FjAptR9I4JrkHguYkuoC8liARsk9FjAtdQvIoQB7pPdYwBOp10AOFxS31AEb4IdjfAbqAgOeSuwDsvgCLcI7q1jAM4kzQBYnhTf+og3otYwPhYwbAc8l5oAMn2CL8Pl11gKaX/g0QAGIWYF2wbNWmoC9xnhJbzXjRsCMz2kgZhE2Cp5z0gTcZONFOFjtuDbgJQu4nMS4ETDrUg/fAOOzc9Dg+byYNGB3eTwPu5Ia1wScKgecS3JcE3AdJqH2fwXkYFvS49KAOmj/F+M84Df+K/n9MkafbwAAAABJRU5ErkJggg==') no-repeat scroll 0 0 transparent; color: #e675b9 !important;}
  98. .welcomefriend {color: #e675b9;}
  99. .logo {color: #e675b9; font-family: 'Trebuchet MS', sans-serif;}
  100.  
  101. #ABU-alertbox {font-family: 'Trebuchet MS', sans-serif; margin: 6px;}
  102. #ABU-alertbox > .reply {border: none !important; margin: 2px !important;}
  103.  
  104. hr {border-color: #0000;}
  105. .hr, .box-data .data, hr.dotted {border-color: #3c4052;}
  106.  
  107. .nav-arrows {filter: invert(1);}
  108. .down-nav-arrow {bottom: 40px;}
  109.  
  110. .rmenu, #plashque, #mobile-plashque, .logo img, .logo br, .moneymoneymoney {display: none;}
  111.  
  112. .cntnt {margin-top: 10px;}
  113. .cntnt__left {background: #1e1f29; border-color: #3c4052; padding-right: 5px; position: fixed; top: 0; left: -330px; width: 335px; z-index: 200; transition: .3s;}
  114. .cntnt__left:hover {left: 0;}
  115.  
  116. .menu {line-height: unset;}
  117. dl.menu dt {background: #282a36; border: none; border-radius: 13px; padding: 5px 12px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); display: inline-block; margin-bottom: 5px; transition: .1s;}
  118. dl.menu dt:hover {background: #363a4a;}
  119. dl.menu dd {border-left: none; margin-left: 0;}
  120. dl.menu a {display: block; color: #dadee6; padding: 4px 6px; border-radius: 3px;}
  121. dl.menu a:hover {background: #282a36; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  122.  
  123. .fm__header {background-color: #282a36; border-radius: 13px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #dadee6; display: inline-block; cursor: pointer; padding: 5px 12px; user-select: none; text-decoration: none; transition: .1s;}
  124. .fm {margin: 5px;}
  125. .fm__header:hover {background: #363a4a; box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);}
  126. .fm__sub {padding-left: 5px;}
  127. .fm__sub a {display: block; color: #dadee6; padding: 4px 6px; border-radius: 3px;}
  128. .fm__sub a:hover {background: #282a36; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  129.  
  130. .thread_wrap {border-color: #282a36; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  131. .thread_wrap:after {background: linear-gradient(to bottom, rgba(40,42,54,.02) 0%,rgba(40,42,54,.13) 30%,rgba(40,42,54,.62) 52%,rgba(40,42,54,.94) 74%,rgb(40,42,54) 100%);}
  132. .thread_wrap, .thread_wrap > .thread {background: #282a36;}
  133. .thread_wrap.expandble:hover {box-shadow: none;}
  134. .thread_wrap.expandble:hover .thread {border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  135.  
  136. #hideFm {color: #dadee6;}
  137. #hideFm:hover {color: #e675b9;}
  138.  
  139. .reply-label-wrapper > .desktop {display: none;}
  140. .reply-label-wrapper {font-size: 1em;}
  141.  
  142. .mobile.reply-label-top, .mobile.reply-label-bot {background-color: #282a36; border-radius: 16px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #dadee6; display: inline-block; font-size: 1.1em; cursor: pointer; padding: 6px 14px; user-select: none; text-decoration: none; transition: .1s;}
  143. .mobile.reply-label-top:hover, .mobile.reply-label-bot:hover {background: #363a4a; box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);}
  144.  
  145. .board-tags {margin-top: 10px;}
  146.  
  147. .thread-nav {color: #0000;}
  148. .thread-nav div[style="float:right"] {color: #515770;}
  149. .thread-nav a {color: #dadee6;}
  150. .thread-nav a:hover {color: #e675b9;}
  151. .thread-nav span {color: #dadee6;}
  152.  
  153. .oppost-wrapper {overflow: unset; margin-bottom: 10px;}
  154. .oppost {background: #282a36; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); border-radius: 3px; display: inline-block; max-width: 65em;}
  155.  
  156. .post-wrapper {margin: 10px 0;}
  157. .post {padding: 0 0 4px;}
  158. .post .post-message {margin: 0.7em 25px;}
  159.  
  160. .reply-posts-marker .post {border-color: #e675b9;}
  161. .watched-posts-marker .post {border-color: #e675b9;}
  162. .new-posts-marker .post {border-color: #e675b9;}
  163.  
  164. #posts-form > .reply.post {border: none !important; box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);}
  165. .reply, .post_type_reply {background: #282a36; border: none; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); min-width: 24em; transition: box-shadow .15s;}
  166. .post.hiclass {background: #282a36; box-shadow: 0 1px 6px 1px rgba(230,117,185,.6), 0 0 0 1px #e675b9;}
  167. .reply.hidden-thread-box, .hidden-post-box {border-color: #3c4052 !important; box-shadow: none; color: #9fa9bd; padding: 2px 4px;}
  168.  
  169. .mess-post {color: #9fa9bd; display: block; padding: 0 8px; margin-top: 10px;}
  170.  
  171. .post .post-details {color: #677287;}
  172. .post .post-details, .post_type_reply .post__details {border-bottom: 1px solid #303241; font-size: .9em; padding: 4px 8px; margin-bottom: 4px;}
  173. .post .post-title {color: #b6cbe3;}
  174. .ophui {color: #52fa7c;}
  175. span.mod {color: #5499de;}
  176. span.adm {color: #a86eb5 !important;}
  177.  
  178. input[type="checkbox"] {filter: invert(1);}
  179. input[type="checkbox"].turnmeoff {display: none;}
  180.  
  181. .reflink a {color: #9fa9bd;}
  182. .reflink a:hover {color: #e675b9;}
  183.  
  184. .like-div .like-icon, .dislike-div .dislike-icon {color: #677287;}
  185. .like-div:hover .like-icon, .like-div-checked .like-icon {color: #e675b9;}
  186. .dislike-div:hover .dislike-icon, .dislike-div-checked .dislike-icon, .dislike-caption {color: #ff3434;}
  187. .like-count, .dislike-count {color: #677287; font-weight: normal;}
  188. .like-caption, .dislike-caption {display: none;}
  189. .fa-thumbs-down::before {content: "\f088";}
  190. .media-meta-youtube-icon {color: #ff3434;}
  191. .media-expand-button, .media-hide-button {color: #9fa9bd;}
  192. .media-expand-button:hover, .media-hide-button:hover {color: #dadee6;}
  193.  
  194. body.replypage .reply .reflink:before {color: #9fa9bd !important;}
  195. .unkfunc {color: #52fa7c;}
  196.  
  197. .spoiler, .spoiler a {background: #4e5c85; color: #4e5c85; transition: .1s;}
  198. .spoiler:hover {color: #dadee6;}
  199. .spoiler:hover a {color: #e675b9;}
  200.  
  201. .postbtn-favorite.fa-star {color: #e675b9;}
  202. .postbtn-exp, .postbtn-report {display: none;}
  203. .postbtn-expall {background: none;}
  204. .postbtn-expall:before {color: #677287; content: "\f065"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; width: 14px; text-align: center;}
  205. .postbtn-hide {background: none;}
  206. .postbtn-hide:before {color: #677287; content: "\f147"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; width: 14px; text-align: center;}
  207. .postbtn-options {background: none;}
  208. .postbtn-options:before {color: #677287; content: "\f142"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; width: 14px; text-align: center;}
  209. .sticky-img {filter: grayscale(1);}
  210.  
  211. #media-thumbnail {background: none; border: none; padding: 0;}
  212. #media-thumbnail img {border-radius: 3px; box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);}
  213. .img.preview, .thumb {border-radius: 3px;}
  214. .thumb {box-shadow: none; max-width: 230px; height: auto;}
  215. .post .images .image-link a {min-width: 90px;}
  216. .post .webm-file {border: none; border-bottom: 2px dashed #9da1ab;}
  217. .post .file-attr {padding: 2px 0; color: #9fa9bd;}
  218. .post .file-attr .filesize {height: 14px;}
  219. .post .file-attr a {background: rgba(0,0,0,.4); border-radius: 3px; color: #fff; display: block; max-width: 100px; overflow: hidden; opacity: 0;text-overflow: ellipsis; padding: 0 3px; position: absolute; top: 18px; text-decoration: none; transition: .1s; white-space: nowrap;}
  220. .post .file-attr a:hover {text-decoration: underline;}
  221.  
  222. figure {position: relative;}
  223. figure:hover > .file-attr a {opacity: 1;}
  224.  
  225. .modal {background: #282a36; border-radius: 3px; border: none; box-shadow: 0 1px 6px 0 rgba(0,0,0,.2); padding: 4px 0;}
  226. .mod-ban, .mod-report {padding: 4px;}
  227. .modal a {font-family: 'Trebuchet MS', sans-serif; color: #dadee6; padding: 4px 10px;}
  228. .modal a:hover {background: #363a4a; color: #dadee6;}
  229. #modReportFormComment {margin-right: 4px;}
  230.  
  231. .ABU-refmap {color: #9fa9bd; font-style: italic; padding: 0 8px;}
  232. .ABU-refmap a {color: #b07498;}
  233. .ABU-refmap a:hover {color: #c295b0;}
  234.  
  235. #fullscreen-container {background: #3c4052 !important; border-radius: 3px; box-shadow: 0 6px 16px rgba(0,0,0,.24); padding: 0; margin: 4px;}
  236. #fullscreen-container img, #fullscreen-container video {border-radius: 3px;}
  237.  
  238. .warningcover {background: none repeat scroll 0% 0% #1e1f29;}
  239. .warningbox {background: #282a36; border: none; border-radius: 3px; box-shadow: 0 6px 16px rgba(0,0,0,.24); top: 50%;}
  240.  
  241. .qr {background: #282a36; border-radius: 3px; border: none; box-shadow: 0 6px 16px rgba(0,0,0,.24); padding: 4px;}
  242. .qr .qr-header {background: none; border: none; font-weight: bold; padding: 3px;}
  243. .qr .qr-close {color: #0000; font-size: 0;}
  244. .qr .qr-close:before {content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; color: #dadee6;}
  245. .qr-reply input.qmail {width: 357px; margin-right: 3px;}
  246. .qr-reply .qcomment {margin-top: 3px;}
  247. #qr-CommentToolbar {margin: 2px 0 0;}
  248. #qr-CommentToolbar span, #CommentToolbar span {display: inline-block; height: 16px;}
  249. .qr-reply .qr-vk-public, .rules-area, .kupi-passcode-suka {display: none;}
  250. .qr-sticker .sticker img:hover {background: #363a4a;}
  251. .qr-settings .setting-edit-btn {filter: invert(1);}
  252. .qr-settings #setting-editor-textarea-textarea {font-family: Consolas, monospace;}
  253. .qr-settings thead tr, .qr-settings tbody tr:last-child {background-color: #363a4a;}
  254. .qr-settings .hiderules-table td {border-color: #363a4a;}
  255. .qr-footer, .bb .bb-footer {font-size: 12px; padding: 0 5px;}
  256. .qr-footer hr, .bb hr {border-color: #3c4052; margin: 8px 0px 4px;}
  257. .qr-reply .captcha-box {margin-top: 4px;}
  258. .qr-reply .captcha-image img {margin-bottom: 0; image-rendering: unset;}
  259. .qr-reply .captcha-box, #postform td .captcha-box {font-family: 'Trebuchet MS', sans-serif; font-size: 13px;}
  260. .captcha-image img {border-radius: 3px; filter: invert(1); margin-bottom: 4px;}
  261.  
  262. #postform td.label {font-size: 0; visibility: hidden;}
  263. #postform .box {background: none; box-shadow: none;}
  264.  
  265. textarea {min-height: 60px; max-height: 600px;}
  266.  
  267. button[disabled], html input[disabled] {background: #282a36 !important; color: #515770;}
  268. input[type="text"], input[type="password"], textarea {background: #282a36; border-radius: 3px; border-color: #3c4052; color: #dadee6; padding: 3px 6px; transition: border .1s;}
  269. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color: #515770;}
  270. input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder {color: #adb2b8;}
  271. input[type="button"], input[type="submit"], .arch-searchform input[type="submit"] {background: #282a36; border-color: #3c4052; border-radius: 3px; color: #dadee6; padding: 3px 6px; transition: .1s;}
  272. input[type="button"]:hover, input[type="submit"]:hover {background: #363a4a;}
  273.  
  274. select {background: #282a36; border: 1px solid #3c4052; border-radius: 3px; color: #dadee6; padding: 2px 4px;}
  275. .mselect {background: #282a36; border-color: #3c4052; padding: 0 4px;}
  276. .mselect, select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-right-width: 8px;}
  277. .settings-setting-multibox.mselect {margin-left: 4px;}
  278.  
  279. .markup {padding: 0 2px; opacity: 0;}
  280. .m-bold {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAnElEQVR42mP4//8/AyWYgWoGbNq06R8Q/8eD9wCxG04DNm7c6IGsAVkRkF8FFf+6fv16AZxewGXA2rVrJWHiQIvSKDXAg2QDkLywDW8sEAhEEP4LxI2rVq1iJskFW7ZssQWKXUfyRg5JBkDlApDkD5BjgAiS/HuSDQA6OxRJfi9JCQko5wgUuwKV+wUME2NykvInkM3ImqmbmcjFAJx49ZY8y0GxAAAAAElFTkSuQmCC') no-repeat 50%;}
  281. .m-italic {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAh0lEQVR42mP4//8/AyWYgSYGbNq06T8hTLQLNm/ebAbV9HPjxo3iJHsBqGkJ1IDFJIfB1q1bJUA2gwwAuYRkA4Ca6qG2nyA5FmbOnMkK1PgcakAUyQaANEE1PwcZRo4BJ6B+ryc5HSBHHSggyUlIi0EGgKKQ5JQISiyEog6rAaQkX9pnJlIwAAaJ9I2r8KKtAAAAAElFTkSuQmCC') no-repeat 50%;}
  282. .m-quote {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAANUlEQVR42mNgGJ4g6FfNKiA2osQARyB+OnwM8QPiB0BsQokhE4D4Pf1dQFEYDJxmqqREugIArjBDfJjIVb0AAAAASUVORK5CYII=') no-repeat 50%;}
  283. .m-underline {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAZUlEQVR42mPYPK2PgRLMQHUDNm3a9B+EsYmPGjCiDHgIUrxt2zYZmNiGDRtkgWIPiDWgBOqKbSBDoJq3b9y4sZgoA/7//8+4efPmVKCmS0D8FYgvAnEKWJwueYFsA2ChTyyG6QMALVUURr11OJQAAAAASUVORK5CYII=') no-repeat 50%;}
  284. .m-overline {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAiUlEQVR42mPYPK2PAYQ3bdr0n1gM0wPCDMgccjCGwP///xk3b96cCrTpMhB/BeJLQJwCFifGAKDmUqhTtwDZ0tu2bZMBsrdt3LixmCgDgIofggwAaYSJbdiwQRYo9oBYAzACCiY+agAdDaA4GkugrtgGMgSqeTvRCQkpKV+CJuWLpCVlSjMTqRgAu8QcDXaKy0wAAAAASUVORK5CYII=') no-repeat 50%;}
  285. .m-spoiler {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAQCAYAAADj5tSrAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIElEQVR42mNgGHbAL6b1P7XxqCWjloxaMmoJrS0Z8gAA/YQlZ3i9I3AAAAAASUVORK5CYII=') no-repeat 50%;}
  286. .m-strike {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAAA7ElEQVR42mP4//8/AyWYgSYGbNq0SRGIlwLxXSB+C8SbN27caEiUAUCFekAN3zZv3lwKxNJAdhgQfwDiS0QZAFS4DIh/rVq1ihMmBjQoBCj2n1gD9oAUA13SW19fzwQSA9FAsV3EeqEXZAAUHwTi4G3btrETHYhbtmxRAmoKQMZAQ+1grsFpAJKtRGGi0wFQMRcwEGuArmgA4iSCXgAqngDUpI1mSDnU5gvExMIBoE2HgNHIhuwKIP4JxKeIMWAVNBoPAbHfunXrxDZs2OACFPsL5AcRY4AIEHcD8T6ghpvQpLwXGDvu9MtMpGAAqIDikVwg/ewAAAAASUVORK5CYII=') no-repeat 50%;}
  287. .m-sup {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAAA6ElEQVR42mNgGLRg06ZN54D4zbZt29hhYs9Kd/6H4jtArIJT84YNG8yBmj8D8aPNmzeHIBsApZcCcSE+2+cA8Tyg5jYgvQ2LC0B4ClbNGzdu5AVq+gTE9kCXaAHpv0Ash+YCVSD+gMuATKCG+/X19UxQ11wCuqQGzQU/gbgFl/PPAg1pQDKwEih2D2YgoZA3BeJ/W7ZsUYKJbd26VR7kDaArnAkaAFQ0C6j4Pw68FK/mVatW8UADLxJLuIQCxb8DXSaIz/npoISzf/9+DiyGswHlXgFdmI3TAKAtZ4C4F4/3JoBSJ8PwAwDUwMnCawFxRQAAAABJRU5ErkJggg==') no-repeat 50%;}
  288. .m-sub {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAzUlEQVR42mNgGLRg06ZN54D4zbZt29hJ1rxhwwZzoObPQPxo8+bNIeTYPgeI5wE1twHpbSRp3rhxIy9Q0ycgtge6RAtI/wViOVIMyARquF9fX88Edc0loEtqSAo8oCENSAZWAsXuEqvZFIj/bdmyRQkmtnXrVnmQN4gyAOjUWUDF/7FhkPyz0p3/ofgOEKugaF61ahUPNPAicVkA0gyllwJxIbrz00EJZ//+/Rz4DEDCU9BD/wwQ9+LzIpILVIH4A8kJDMn2n0DcMjgyHQDCEK51gHEB5AAAAABJRU5ErkJggg==') no-repeat 50%;}
  289.  
  290. .message-sticker-btn {left: 6px !important; bottom: 6px !important;}
  291. .message-byte-len {bottom: 6px !important;}
  292.  
  293. .form-files-box .form-files-limits {color: #677287; margin-bottom: 2px;}
  294. .form-files-box .form-files-drag-area {border-color: #515770; border-radius: 3px; color: #515770;}
  295. .form-files-box .input-thumbnail-box {border: none; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #9fa9bd; overflow: hidden;}
  296. .form-files-box .input-thumbnail-box, .form-files-box .input-thumbnail-meta {background: #282a36;}
  297. .form-files-box .input-thumbnail-size {margin-left: 4px;}
  298. .form-files-box .input-thumbnail-delete {color: #dadee6;}
  299.  
  300. .literally .lc-picker, .literally .horz-toolbar {background-color: #282a36;}
  301. .literally .lc-picker, .literally.toolbar-at-top .lc-options {border-color: #3c4052;}
  302.  
  303. .qr-oekaki-footer {border-top: 1px solid #3c4052; padding-top: 4px;}
  304.  
  305. .settings-wrap {background-color: #282a36;}
  306. .settings-wrap .title {color: #dadee6;}
  307. .settings-wrap .title, .rowelems {border-bottom: none;}
  308. #unban-captcha-div {filter: invert(1);}
  309. .rowelems input[type="text"] {border-color: #3c4052; color: #dadee6;}
  310. .rowelems input[type="text"]:focus {border-color: #515770;}
  311.  
  312. .bb {background: #282a36; border: none; border-radius: 3px 3px 0 0; box-shadow: 0 0 6px 0 rgba(0,0,0,.2); right: 20px;}
  313. .bb .bb-header-text-new {color: #e675b9;}
  314. .bb.favorites {right: 175px; z-index: 1009;}
  315. .bb.boardstats {z-index: 1010;}
  316. .bb .boardstats-row {margin: 5px;}
  317.  
  318. .fa {font: normal normal normal 14px/1 FontAwesome, 'Trebuchet MS', sans-serif;}
  319. .fa-bar-chart, .fa-eye {float: right; min-width: 65px;}
  320.  
  321. .nb, .footer .board-info, .adminbar-bottom {display: none;}
  322. .footer div[style="float: right; margin: 0 0 0.5em 0;"]{float:left!important}
  323.  
  324. .pager {background: #282a36; border: none; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #677287;}
  325. .pager strong {color: #dadee6;}
  326.  
  327. @media only screen and (max-width: 480px) and (orientation:portrait), only screen and (max-width: 540px) and (orientation:landscape){
  328. .adminbar__boards, .menu {background: none; border-bottom: none; position: static;}
  329.  
  330. .content, .board-data {width: auto;}
  331. .hboardlist .column {width: 50%;}
  332. .board-list-table .board-title, .board-list-table .board-posts {width: auto;}
  333.  
  334. .button-mob {background: none; border: none; color: #dadee6 !important; font-weight: normal;}
  335. .mobile.reply-label-top, .mobile.reply-label-bot {border: none;}
  336.  
  337. .oppost {width: 100%;}
  338. .oppost-options-mob {background: none;}
  339. .oppost-options-mob .mess-post-mob {margin-left: 1em;}
  340. .oppost-options-mob .hide-view {margin-right: 1em;}
  341. .oppost-options-mob .hide-view a {color: #e675b9 !important;}
  342. .post .post-details {background: none;}
  343. .ananimas span, .ananimas a {font-size: 12px;}
  344. .like-div, .dislike-div {margin-left: 0; margin-right: 10px;}
  345.  
  346. .post-wrapper {padding: 0;}
  347. .post .post-message {margin: 1em;}
  348. .post .post-title {float: left;}
  349. .post .images-single + blockquote {margin: 0 1em 0.6em;}
  350. .post .images .image-link a {float: none;}
  351. .post .image {vertical-align: top;}
  352.  
  353. #postform table {width: 100%;}
  354. .postform, .qr {font-size: 1em;}
  355. .qr-reply input.qmail {width: 207px;}
  356. .qr-reply .qcomment {width: 100%;}
  357. .qr-reply .captcha-image img {width: 200px;}
  358. }
  359. /* Для твитов. Работает лишь в Firefox */
  360. .SandboxRoot body {background: #0000;}
  361. .EmbeddedTweet {background: #282a36; border-color: #3c4052;}
  362. .EmbeddedTweet--mediaForward .EmbeddedTweet-tweet {border-color: #3c4052;}
  363. .EmbeddedTweet:hover, .EmbeddedTweet--mediaForward:hover .EmbeddedTweet-tweet {border-color: #515770;}
  364. .EmbeddedTweet a {transition: 0s;}
  365. .EmbeddedTweet a:hover {color: #3b94d9;}
  366. .Identity-screenName, .Tweet-inReplyTo, .Tweet-alert, .Tweet-metadata {color: #9fa9bd;}
  367. .Tweet--compact {box-shadow: none;}
  368. .Tweet--compact .Tweet-ancestorContainer::after {border-color: #515770;}
  369. .TweetAction, .TweetAction:visited {color: #9fa9bd !important;}
  370. .TweetAction--profile:active, .TweetAction--profile:focus, .TweetAction--profile:hover, .TweetAction--replyEdge:active, .TweetAction--replyEdge:focus, .TweetAction--replyEdge:hover {color: #1da1f2 !important;}
  371. .TweetAction--heartEdge:active, .TweetAction--heartEdge:focus, .TweetAction--heartEdge:hover {color: #e0245e !important;}
  372. .Icon--heartEdge {background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path class="icon" fill="%23adb2b8" d="M12 21.638h-.014C9.403 21.59 1.95 14.856 1.95 8.478c0-3.064 2.525-5.754 5.403-5.754 2.29 0 3.83 1.58 4.646 2.73.813-1.148 2.353-2.73 4.644-2.73 2.88 0 5.404 2.69 5.404 5.755 0 6.375-7.454 13.11-10.037 13.156H12zM7.354 4.225c-2.08 0-3.903 1.988-3.903 4.255 0 5.74 7.035 11.596 8.55 11.658 1.52-.062 8.55-5.917 8.55-11.658 0-2.267-1.822-4.255-3.902-4.255-2.528 0-3.94 2.936-3.952 2.965-.23.562-1.156.562-1.387 0-.015-.03-1.426-2.965-3.955-2.965z"/></svg>');}
  373. .Icon--replyEdge {background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="icon" fill="%23adb2b8" d="M14.046 2.242l-4.148-.01h-.002c-4.374 0-7.8 3.427-7.8 7.802 0 4.098 3.186 7.206 7.465 7.37v3.828c0 .108.045.286.12.403.143.225.385.347.633.347.138 0 .277-.038.402-.118.264-.168 6.473-4.14 8.088-5.506 1.902-1.61 3.04-3.97 3.043-6.312v-.017c-.006-4.368-3.43-7.788-7.8-7.79zm3.787 12.972c-1.134.96-4.862 3.405-6.772 4.643V16.67c0-.414-.334-.75-.75-.75h-.395c-3.66 0-6.318-2.476-6.318-5.886 0-3.534 2.768-6.302 6.3-6.302l4.147.01h.002c3.532 0 6.3 2.766 6.302 6.296-.003 1.91-.942 3.844-2.514 5.176z"/></svg>');}
  374. .Icon--profile {background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="icon" fill="%23adb2b8" d="M12 11.816c1.355 0 2.872-.15 3.84-1.256.814-.93 1.078-2.368.806-4.392-.38-2.825-2.117-4.512-4.646-4.512S7.734 3.343 7.354 6.17c-.272 2.022-.008 3.46.806 4.39.968 1.107 2.485 1.256 3.84 1.256zM8.84 6.368c.162-1.2.787-3.212 3.16-3.212s2.998 2.013 3.16 3.212c.207 1.55.057 2.627-.45 3.205-.455.52-1.266.743-2.71.743s-2.255-.223-2.71-.743c-.507-.578-.657-1.656-.45-3.205zm11.44 12.868c-.877-3.526-4.282-5.99-8.28-5.99s-7.403 2.464-8.28 5.99c-.172.692-.028 1.4.395 1.94.408.52 1.04.82 1.733.82h12.304c.693 0 1.325-.3 1.733-.82.424-.54.567-1.247.394-1.94zm-1.576 1.016c-.126.16-.316.246-.552.246H5.848c-.235 0-.426-.085-.552-.246-.137-.174-.18-.412-.12-.654.71-2.855 3.517-4.85 6.824-4.85s6.114 1.994 6.824 4.85c.06.242.017.48-.12.654z"/></svg>');}
Add Comment
Please, Sign In to add comment