Guest User

2ch Reborn Dark

a guest
Oct 13th, 2018
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 17.08 KB | None | 0 0
  1. ::-webkit-scrollbar {width: 12px; height: 12px;}
  2. ::-webkit-scrollbar-button {width: 0px; height: 0px;}
  3. ::-webkit-scrollbar-thumb {background: #78808a; border-radius: 6px; border: 2px solid #313438;}
  4. ::-webkit-scrollbar-thumb:active {background: #5f666e;}
  5. ::-webkit-scrollbar-track {background: #313438;}
  6. ::-webkit-scrollbar-corner {background: #313438;}
  7.  
  8. @font-face {font-family: Trebuchet MS; src: url('/makaba/templates/font/trebuc.eot'); src: url('/makaba/templates/font/trebuc.woff') format('woff'), url('/makaba/templates/font/trebuc.ttf') format('truetype');}
  9.  
  10. html, body {background: #242629; color: #ddd; font-family: 'Trebuchet MS', sans-serif !important; line-height: 1.3;}
  11.  
  12. a, .a-link-emulator, a:link, a:visited {color: #6699cc; text-decoration: none; transition: color .1s;}
  13. a:hover, .a-link-emulator:hover {color: #8db3d9;}
  14. .postscontainer a:hover {text-decoration: none;}
  15. a[href*="youtube.com"] {border-bottom: none;}
  16. a[href$="sage"], a[href$="Sage"], a[href$="SAGE"] {color: #ff6464;}
  17. a[onclick*="updateThread(); return false;"]{font-size: 0;}
  18. a[onclick*="updateThread(); return false;"]:before {content: "\f021"; font: normal normal normal 14px/1 FontAwesome;}
  19. .hashlink {color: #7d96b0 !important;}
  20. .hashlink:hover {color: #9dafc2 !important;}
  21.  
  22. .top-user-boards {color: #8f509d;}
  23.  
  24. .hdescription, .hdescription-stats, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {color: #ddd; font-family: 'Trebuchet MS', sans-serif;}
  25. .postscontainer {background: #313438; border: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); border-radius: 3px;}
  26. .hboardlist .column .boardsubj {color: #adb2b8;}
  27. .mainpage .pager {background: none; box-shadow: none; color: #ddd;}
  28. .ui-widget.ui-widget-content {border: none;}
  29. .ui-widget-content {background: #313438; border: none; color: #ddd;}
  30. .ui-widget-header {background: #242629; border: none; border-radius: 0;}
  31. .cloudheader {background: #414448; border-color: #414448;}
  32. .cloudheader .cloudoption {color: #adb2b8;}
  33. .cloudheader .cloudoption:hover {color: #ddd;}
  34. #tabbed li {background: #414448; border-color: #414448;}
  35. #tabbed li.ui-tabs-active a {color: #ddd;}
  36. .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: #adb2b8;}
  37. .table .thead .th {border: none;}
  38. .table .tbody .tr:nth-of-type(2n) {background: #414448;}
  39. .board-speed {color: #adb2b8;}
  40. .box {background: #313438; border: none;}
  41.  
  42. .wraper.mainpage {margin: 0 10px;}
  43. .content, .board-data {max-width: 1000px; width: auto;}
  44.  
  45. .settings-wrap {border-radius: 3px; font-family: 'Trebuchet MS', sans-serif;}
  46.  
  47. #postbtn-favorite-bottom {font-size: 0;}
  48. #postbtn-favorite-bottom:before {content: "\f006"; font: normal normal normal 14px/1 FontAwesome;}
  49.  
  50. .adminbar__boards_sticky {display: none;}
  51. .adminbar__boards_hovered {transform: none;}
  52. .adminbar__boards {color: #626870;}
  53. .adminbar a {color: #ddd;}
  54. .adminbar a:hover {color: #6699cc;}
  55. .adminbar .menu {padding: 5px;}
  56. .adminbar__menu {border-bottom: none;}
  57. .adminbar__menu a {margin: 0 2px;}
  58. #edit-boards {font-size: 0;}
  59. #edit-boards:before {content:"+"; font: 14px/1 'Trebuchet MS', sans-serif;}
  60. .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;}
  61. .adminbar-top .adminbar__menu {float: left;}
  62.  
  63. .centered {padding: 0 8px;}
  64.  
  65. .mainlogo {background: url("http://immage.biz/images/2018/10/06/Skon.png") no-repeat scroll 0 0 transparent; color: #6699cc !important;}
  66. .welcomefriend {color: #6699cc;}
  67. .logo {color: #6699cc; font-family: 'Trebuchet MS', sans-serif;}
  68.  
  69. #ABU-alertbox {font-family: 'Trebuchet MS', sans-serif; margin: 6px;}
  70. #ABU-alertbox > .reply {border: none !important; margin: 2px !important;}
  71.  
  72. hr {border-color: #0000;}
  73. .hr, .box-data .data {border-color: #494e54;}
  74.  
  75. .nav-arrows {filter: invert(1);}
  76. .down-nav-arrow {bottom: 40px;}
  77.  
  78. .rmenu, #plashque, #mobile-plashque, .logo img, .logo br, .moneymoneymoney {display: none;}
  79.  
  80. header, .catalog, .cntnt {max-width: 980px; margin: 0 auto; padding: 0 10px;}
  81. .cntnt {margin-top: 10px;}
  82. .cntnt__left {background: #242629; border-color: #494e54; padding-right: 5px; position: fixed; top: 0; left: -330px; width: 335px; z-index: 200; transition: .3s;}
  83. .cntnt__left:hover {left: 0;}
  84.  
  85. .fm__header {background-color: #313438; border-radius: 13px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #ddd; display: inline-block; cursor: pointer; padding: 5px 12px; user-select: none; text-decoration: none; transition: .1s;}
  86. .fm {margin: 5px;}
  87. .fm__header:hover {background: #414448; box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);}
  88. .fm__sub {padding-left: 5px;}
  89. .fm__sub a {display: block; color: #ddd; padding: 4px 6px; border-radius: 3px;}
  90. .fm__sub a:hover {background: #313438; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  91.  
  92. .thread_wrap {border-color: #313438; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  93. .thread_wrap:after {background: linear-gradient(to bottom, rgba(49, 52, 56, 0.02) 0%,rgba(49, 52, 56, 0.13) 30%,rgba(49, 52, 56, 0.62) 52%,rgba(49, 52, 56, 0.94) 74%,rgb(49, 52, 56) 100%);}
  94. .thread_wrap, .thread_wrap > .thread {background: #313438;}
  95. .thread_wrap.expandble:hover {box-shadow: none;}
  96. .thread_wrap.expandble:hover .thread {box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  97.  
  98. #hideFm {color: #ddd;}
  99. #hideFm:hover {color: #6699cc;}
  100.  
  101. .reply-label-wrapper > .desktop {display: none;}
  102. .reply-label-wrapper {font-size: 1em;}
  103.  
  104. .mobile.reply-label-top, .mobile.reply-label-bot {background-color: #313438; border-radius: 16px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #ddd; display: inline-block; font-size: 1.1em; cursor: pointer; padding: 6px 14px; user-select: none; text-decoration: none; transition: .1s;}
  105. .mobile.reply-label-top:hover, .mobile.reply-label-bot:hover {background: #414448; box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);}
  106.  
  107. .board-tags {margin-top: 10px;}
  108.  
  109. .thread-nav {color: #0000;}
  110. .thread-nav div[style="float:right"] {color: #626870;}
  111. .thread-nav a {color: #ddd;}
  112. .thread-nav a:hover {color: #6699cc;}
  113. .thread-nav span {color: #ddd;}
  114.  
  115. .oppost-wrapper {overflow: unset; margin-bottom: 10px;}
  116. .oppost {background: #313438; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); border-radius: 3px; display: inline-block; max-width: 65em;}
  117.  
  118. .post-wrapper {margin: 10px 0;}
  119. .post {padding: 0 0 4px;}
  120. .post .post-message {margin: 0.7em 25px;}
  121.  
  122. .reply-posts-marker .post {border-color:  #6699cc;}
  123. .watched-posts-marker .post {border-color: #6699cc;}
  124. .new-posts-marker .post {border-color: #6699cc;}
  125.  
  126. #posts-form > .reply.post {border: none !important; box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);}
  127. .reply, .post_type_reply {background: #313438; border: none; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); min-width: 24em; transition: box-shadow .15s;}
  128. .post.hiclass {background: #313438; box-shadow: 0 1px 6px 1px rgba(102, 153, 204, .6), 0 0 0 1px #6699cc;}
  129. .reply.hidden-thread-box, .hidden-post-box {border-color: #adb2b8 !important; padding: 2px 4px;}
  130.  
  131. .mess-post {color: #adb2b8; display: block; padding: 0 8px; margin-top: 10px;}
  132.  
  133. .post .post-details {color: #78808a;}
  134. .post .post-details, .post_type_reply .post__details {border-bottom: 1px solid #383c40; font-size: .9em; padding: 4px 8px; margin-bottom: 4px;}
  135. .post .post-title {color: #b6cbe3;}
  136. .ophui {color: #44944b;}
  137.  
  138. input[type="checkbox"].turnmeoff {display: none;}
  139. input[type="checkbox"] {filter: invert(1);}
  140.  
  141. .reflink a {color: #adb2b8;}
  142. .reflink a:hover {color: #6699cc;}
  143.  
  144. .like-div .like-icon, .dislike-div .dislike-icon {color: #78808a;}
  145. .like-count, .dislike-count {color: #78808a; font-weight: normal;}
  146. .like-caption, .dislike-caption {display: none;}
  147. .fa-thumbs-down::before {content: "\f088";}
  148. .media-meta-youtube-icon {color: #ff3434;}
  149. .media-expand-button, .media-hide-button {color: #adb2b8;}
  150. .media-expand-button:hover, .media-hide-button:hover {color: #ddd;}
  151.  
  152. body.replypage .reply .reflink:before {color: #adb2b8 !important;}
  153. .unkfunc {color: #57b35f;}
  154. /*.unkfunc {color: #79a0c1;}*/
  155. /*.unkfunc {color: #009e5a;}*/
  156.  
  157. .spoiler, .spoiler a {background: #494e54; color: #494e54; transition: .1s;}
  158. .spoiler:hover {color: #ddd;}
  159. .spoiler:hover a {color: #6699cc;}
  160.  
  161. .postbtn-favorite.fa-star {color: #6699cc;}
  162. .postbtn-exp, .postbtn-report {display: none;}
  163. .postbtn-expall {background: none;}
  164. .postbtn-expall:before {color: #78808a; content: "\f065"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; width: 14px; text-align: center;}
  165. .postbtn-hide {background: none;}
  166. .postbtn-hide:before {color: #78808a; content: "\f147"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; width: 14px; text-align: center;}
  167. .postbtn-options {background: none;}
  168. .postbtn-options:before {color: #78808a; content: "\f142"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; width: 14px; text-align: center;}
  169. .sticky-img {filter: grayscale(1);}
  170.  
  171. .img.preview, .thumb {border-radius: 3px;}
  172. .thumb {box-shadow: none; max-width: 230px; height: auto;}
  173. .post .image {vertical-align: top;}
  174. .post .webm-file {border: none; border-bottom: 2px dashed #78808a;}
  175. .post .file-attr {background: rgba(0,0,0,.4); border-radius: 3px; padding: 1px 2px; position: absolute; top: 0; opacity: 0; transition: .1s;}
  176. .post .file-attr .filesize {display: none;}
  177. .post .file-attr a {color: #fff; display: block; max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none;}
  178. .post .file-attr a:hover {text-decoration: underline;}
  179.  
  180. figure {position: relative;}
  181. figure:hover > .file-attr {opacity: 1;}
  182.  
  183. .modal {background: #313438; border-radius: 3px; border: none; box-shadow: 0 1px 6px 0 rgba(0,0,0,.2); padding: 4px 0;}
  184. .mod-ban, .mod-report {padding: 4px;}
  185. .modal a {font-family: 'Trebuchet MS', sans-serif; color: #ddd; padding: 4px 10px;}
  186. .modal a:hover {background: #414448; color: #ddd;}
  187. #modReportFormComment {margin-right: 4px;}
  188.  
  189. .ABU-refmap {color: #adb2b8; font-style: italic; padding: 0 8px;}
  190. .ABU-refmap a {color: #7d96b0;}
  191. .ABU-refmap a:hover {color: #9dafc2;}
  192.  
  193. #fullscreen-container {background: #626870 !important; border-radius: 3px; box-shadow: 0 6px 16px rgba(0,0,0,.24); padding: 0; margin: 4px;}
  194. #fullscreen-container img, #fullscreen-container video {border-radius: 3px;}
  195.  
  196. .warningcover {background: none repeat scroll 0% 0% #242629;}
  197. .warningbox {background: #313438; border: none; border-radius: 3px; box-shadow: 0 6px 16px rgba(0,0,0,.24); top: 50%;}
  198.  
  199. .qr {background: #313438; border-radius: 3px; border: none; box-shadow: 0 6px 16px rgba(0,0,0,.24); padding: 4px;}
  200. .qr .qr-header {background: none; border: none; font-weight: bold; padding: 3px;}
  201. .qr .qr-close {color: #0000; font-size: 0;}
  202. .qr .qr-close:before {content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; color: #ddd;}
  203. .qr-reply input.qmail {width: 357px; margin-right: 3px;}
  204. .qr-reply .qcomment {margin-top: 3px;}
  205. #qr-CommentToolbar {margin: 2px 0 0;}
  206. #qr-CommentToolbar span, #CommentToolbar span {display: inline-block; height: 16px;}
  207. .qr-reply .qr-vk-public, .rules-area, .kupi-passcode-suka {display: none;}
  208. .qr-sticker .sticker img:hover {background: #414448;}
  209. .qr-settings #setting-editor-textarea-textarea {font-family: Consolas, monospace;}
  210. .qr-settings thead tr, .qr-settings tbody tr:last-child {background-color: #414448;}
  211. .qr-settings .hiderules-table td {border-color: #414448;}
  212. .qr-footer, .bb .bb-footer {font-size: 12px; padding: 0 5px;}
  213. .qr-footer hr, .bb hr {border-color: #494e54; margin: 8px 0px 4px;}
  214. .qr-reply .captcha-box {margin-top: 4px;}
  215. .qr-reply .captcha-image img {margin-bottom: 0; image-rendering: unset;}
  216. .qr-reply .captcha-box, #postform td .captcha-box {font-family: 'Trebuchet MS', sans-serif; font-size: 13px;}
  217. .captcha-image img {border-radius: 3px; filter: invert(1); margin-bottom: 4px;}
  218.  
  219. #postform td.label {font-size: 0; visibility: hidden;}
  220. #postform .box {background: none;}
  221.  
  222. textarea {min-height: 60px;}
  223.  
  224. button[disabled], html input[disabled] {background: #313438 !important; color: #5d656e;}
  225. input[type="text"], input[type="password"], textarea {background: #313438; border-radius: 3px; border-color: #494e54; color: #ddd; padding: 3px 6px; transition: border .1s;}
  226. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color: #626870;}
  227. input[type="button"], input[type="submit"] {background: #313438; border-color: #494e54; border-radius: 3px; color: #ddd; padding: 3px 6px; transition: .1s;}
  228. input[type="button"]:hover, input[type="submit"]:hover {background: #414448;}
  229.  
  230. select {background: #313438; border: 1px solid #494e54; border-radius: 3px; color: #ddd; padding: 2px 4px;}
  231. .mselect {background: #313438; border-color: #494e54; padding: 0 4px;}
  232. .mselect, select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-right-width: 8px;}
  233. .settings-setting-multibox.mselect {margin-left: 4px;}
  234.  
  235. .markup {padding: 0 2px; opacity: 0;}
  236. .m-bold {background: url(http://immage.biz/images/2018/10/13/SkXi.png) no-repeat 50%;}
  237. .m-italic {background: url(http://immage.biz/images/2018/10/13/SkXu.png) no-repeat 50%;}
  238. .m-quote {background: url(http://immage.biz/images/2018/10/13/SkaI.png) no-repeat 50%;}
  239. .m-underline {background: url(http://immage.biz/images/2018/10/13/SkX4.png) no-repeat 50%;}
  240. .m-overline {background: url(http://immage.biz/images/2018/10/13/SkXr.png) no-repeat 50%;}
  241. .m-spoiler {background: url(http://immage.biz/images/2018/10/13/SkXC.png) no-repeat 50%;}
  242. .m-strike {background: url(http://immage.biz/images/2018/10/13/SkXg.png) no-repeat 50%;}
  243. .m-sup {background: url(http://immage.biz/images/2018/10/13/SkXX.png) no-repeat 50%;}
  244. .m-sub {background: url(http://immage.biz/images/2018/10/13/SkXa.png) no-repeat 50%;}
  245.  
  246. .message-sticker-btn {left: 6px !important; bottom: 6px !important;}
  247. .message-byte-len {bottom: 6px !important;}
  248.  
  249. .form-files-box .form-files-limits {color: #adb2b8; margin-bottom: 2px;}
  250. .form-files-box .form-files-drag-area {border-color: #626870; border-radius: 3px; color: #626870;}
  251. .form-files-box .input-thumbnail-box {border: none; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #adb2b8; overflow: hidden;}
  252. .form-files-box .input-thumbnail-box, .form-files-box .input-thumbnail-meta {background: #313438;}
  253. .form-files-box .input-thumbnail-size {margin-left: 4px;}
  254. .form-files-box .input-thumbnail-delete {color: #ddd;}
  255.  
  256. .literally .lc-picker, .literally .horz-toolbar {background-color: #fff;}
  257. .literally .lc-picker, .literally.toolbar-at-top .lc-options {border-color: #ddd;}
  258.  
  259. .qr-oekaki-footer {border-top: 1px solid #ddd; padding-top: 4px;}
  260.  
  261. .settings-wrap {background-color: #313438;}
  262. .settings-wrap .title {color: #ddd;}
  263. .settings-wrap .title, .rowelems {border-bottom: none;}
  264. #unban-captcha-div {filter: invert(1);}
  265. .rowelems input[type="text"] {border-color: #494e54; color: #ddd;}
  266. .rowelems input[type="text"]:focus {border-color: #626870;}
  267.  
  268. .bb {background: #313438; border: none; border-radius: 3px 3px 0 0; box-shadow: 0 0 6px 0 rgba(0,0,0,.2); right: 20px;}
  269. .bb.favorites {right: 175px; z-index: 1009;}
  270. .bb.boardstats {z-index: 1010;}
  271. .bb .boardstats-row {margin: 5px;}
  272.  
  273. .fa {font: normal normal normal 14px/1 FontAwesome, 'Trebuchet MS', sans-serif;}
  274. .fa-bar-chart, .fa-eye {float: right; min-width: 65px;}
  275.  
  276. .nb, .footer .board-info, .adminbar-bottom {display: none;}
  277. .footer div[style="float: right; margin: 0 0 0.5em 0;"]{float:left!important}
  278.  
  279. .pager {background: #313438; border: none; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #78808a;}
  280. .pager strong {color: #ddd;}
  281.  
  282. @media only screen and (max-width: 480px) and (orientation:portrait),  only screen and (max-width: 540px) and (orientation:landscape){
  283. .adminbar__boards, .menu {background: none; border-bottom: none; position: static;}
  284.  
  285. .content, .board-data {width: auto;}
  286. .hboardlist .column {width: 50%;}
  287. .board-list-table .board-title, .board-list-table .board-posts {width: auto;}
  288.  
  289. .button-mob {background: none; border: none; color: #ddd !important; font-weight: normal;}
  290. .mobile.reply-label-top, .mobile.reply-label-bot {border: none;}
  291.  
  292. .oppost {width: 100%;}
  293. .oppost-options-mob {background: none;}
  294. .oppost-options-mob .mess-post-mob {margin-left: 1em;}
  295. .oppost-options-mob .hide-view {margin-right: 1em;}
  296. .oppost-options-mob .hide-view a {color: #6699cc !important;}
  297. .post .post-details {background: none;}
  298. .ananimas span, .ananimas a {font-size: 12px;}
  299. .like-div, .dislike-div {margin-left: 0; margin-right: 10px;}
  300.  
  301. .post-wrapper {padding: 0;}
  302. .post .post-message {margin: 1em;}
  303. .post .post-title {float: left;}.post .file-attr {display: none;}
  304. .post .images-single + blockquote {margin: 0 1em 0.6em;}
  305. .post .images .image-link a {float: none;}
  306.  
  307. #postform table {width: 100%;}
  308. .postform, .qr {font-size: 1em;}
  309. .qr-reply input.qmail {width: 207px;}
  310. .qr-reply .qcomment {width: 100%;}
  311. .qr-reply .captcha-image img {width: 200px;}
  312. }
Advertisement
Add Comment
Please, Sign In to add comment