API tools faq
paste
Advertisement
Guest User

2ch Reborn Dark Pink

a guest
Oct 23rd, 2018
188
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 25.57 KB | None | 0 0
raw download clone embed print report
  1. :root {
  2.     --background: #24252f;
  3.     --background2: #5f6879;
  4.     --background3: #778297;
  5.     --background4: #494d5f;
  6.     --background5: #3e4252;
  7.     --background6: #3e4252;
  8.     --background7: #31333f;
  9.     --a-color: #e675cd;
  10.     --a-hover-color: #ed9fdc;
  11.     --a-alt-color: #b074a3;
  12.     --a-alt-hover-color: #c295b8;
  13.     --sage: #ff6464;
  14.     --twit-a-color: #3b94d9;
  15.     --twit-action: #adb2b8;
  16.     --twit-action-hover: #1da1f2;
  17.     --twit-action-focus: #e0245e;
  18.     --spoiler: #495370;
  19.     --text-color: #d9dde5;
  20.     --text2-color: #adb7cb;
  21.     --text3-color: #788398;
  22.     --text4-color: #626881;
  23.     --text5-color: #fff;
  24.     --text6-color: #a86eb5;
  25.     --text7-color: #ff3434;
  26.     --border-color: #626881;
  27.     --border2-color: #626881;
  28.     --border3-color: #494d5f;
  29.     --border4-color: #3b3d4c;
  30.     --border5-color: #31333f;
  31.     --hiclass: rgba(230,117,205,.6);
  32.     --transparency: #0000;
  33.     --post-title: #b6cbe3;
  34.     --ophui: #0bdb50;
  35.     --unkfunc: #51fc7c;
  36.     --unkfunc2: #81fca0;
  37.     --btn-3-after: rgba(255,255,255,.05);
  38.     --invert: invert(1);
  39.     --thread-after: rgba(40,42,54,.02);
  40.     --thread2-after: rgba(40,42,54,.13);
  41.     --thread3-after: rgba(40,42,54,.62);
  42.     --thread4-after: rgba(40,42,54,.94);
  43.     --thread5-after: rgb(40,42,54);
  44. }
  45.  
  46. .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;}
  47.  
  48. .nav-arrows, input[type="checkbox"], .qr-settings .setting-edit-btn, .captcha-image img, #unban-captcha-div {filter: var(--invert);}
  49.  
  50. input[type="checkbox"].turnmeoff {display: none;}
  51.  
  52. ::-webkit-scrollbar {width: 14px; height: 14px;}
  53. ::-webkit-scrollbar-button {width: 0px; height: 0px;}
  54. ::-webkit-scrollbar-thumb {background: var(--background3); border-radius: 3px; border: 2px solid var(--border5-color);}
  55. ::-webkit-scrollbar-thumb:active {background: var(--background2);}
  56. ::-webkit-scrollbar-track {background: var(--background7);}
  57. ::-webkit-scrollbar-corner {background: var(--background7);}
  58.  
  59. html, body {background: var(--background); color: var(--text-color); font-family: 'Trebuchet MS', sans-serif !important; line-height: 1.3;}
  60. body {font-size: 0.9em;}
  61.  
  62. header, .catalog, .cntnt {max-width: 980px; margin: 0 auto; padding: 0 10px;}
  63. @media only screen and (min-width: 1480px) and (orientation:portrait),  only screen and (min-width: 1480px) and (orientation:landscape){
  64. header, .catalog, .cntnt {max-width: 1080px; margin: 0 auto; padding: 0 10px;}
  65. }
  66. @media only screen and (min-width: 1680px) and (orientation:portrait),  only screen and (min-width: 1680px) and (orientation:landscape){
  67. header, .catalog, .cntnt {max-width: 1280px; margin: 0 auto; padding: 0 10px;}
  68. }
  69. @media only screen and (min-width: 1880px) and (orientation:portrait),  only screen and (min-width: 1880px) and (orientation:landscape){
  70. header, .catalog, .cntnt {max-width: 1480px; margin: 0 auto; padding: 0 10px;}
  71. }
  72.  
  73. .pace .pace-progress {background: var(--a-alt-color);}
  74.  
  75. a, .a-link-emulator, a:link, a:visited {color: var(--a-color); text-decoration: none; transition: color .1s;}
  76. a:hover, .a-link-emulator:hover {color: var(--a-hover-color);}
  77. .postscontainer a:hover {text-decoration: none;}
  78. a[href*="youtube.com"] {border-bottom: none;}
  79. a[href$="sage"], a[href$="Sage"], a[href$="SAGE"] {color: var(--sage);}
  80. a[onclick*="updateThread(); return false;"]{font-size: 0;}
  81. a[onclick*="updateThread(); return false;"]:before {content: "\f021"; font: normal normal normal 14px/1 FontAwesome; padding: 4px; margin: -4px;}
  82. .hashlink {color: var(--a-alt-color) !important;}
  83. .hashlink:hover {color: var(--a-alt-hover-color) !important;}
  84.  
  85. .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;}
  86. .to-button:hover {background: var(--background5) !important;}
  87. .to-button-h {border: 1px solid var(--a-color) !important;}
  88.  
  89. .btn {color: var(--text-color) !important;}
  90. .btn-3 {background: var(--background5);}
  91. .btn-3:hover {background: var(--background5); color: var(--text2-color) !important;}
  92. .btn-3e::after {background: var(--btn-3-after);}
  93.  
  94. font[color="red"], font[color="#ff0000"], .closed-board, .archive-thread {color: var(--text7-color);}
  95. .top-user-boards {color: var(--text6-color);}
  96.  
  97. .hdescription, .hdescription-stats, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {color: var(--text-color); font-family: 'Trebuchet MS', sans-serif;}
  98. .postscontainer {background: var(--background7); border: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); border-radius: 2px;}
  99. .hboardlist .column .boardsubj {color: var(--text2-color);}
  100. .mainpage .pager {background: none; box-shadow: none; color: var(--text-color);}
  101. .hnews .news-posts-count {color: var(--text3-color);}
  102. .ui-widget.ui-widget-content {border: none;}
  103. .ui-widget-content {background: var(--background7); border: none; color: var(--text-color);}
  104. .ui-widget-header {background: var(--background); border: none; border-radius: 0;}
  105. .cloudheader {background: var(--background7); border-color: var(--transparency);}
  106. .cloudheader .cloudoption {color: var(--text2-color);}
  107. .cloudheader .cloudoption:hover {color: var(--text-color);}
  108. #tabbed li {background: var(--background7); border-color: var(--transparency);}
  109. #tabbed li.ui-tabs-active a {color: var(--text-color);}
  110. .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);}
  111. .table .thead .th {border: none;}
  112. .table .tbody .tr:nth-of-type(2n) {background: var(--background);}
  113. .board-speed, .arch-threadnum {color: var(--text2-color);}
  114. .box {background: var(--background7); border: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  115.  
  116. .wraper.mainpage {margin: 0 10px;}
  117. .content, .board-data {max-width: 1000px; width: auto;}
  118.  
  119. .settings-wrap {border-radius: 2px; font-family: 'Trebuchet MS', sans-serif;}
  120.  
  121. #postbtn-favorite-bottom {font-size: 0;}
  122. #postbtn-favorite-bottom:before {content: "\f006"; font: normal normal normal 14px/1 FontAwesome; padding: 4px; margin: -4px;}
  123.  
  124. .adminbar__boards_sticky {display: none;}
  125. .adminbar__boards_hovered {transform: none;}
  126. .adminbar__boards {color: var(--text4-color);}
  127. .adminbar a {color: var(--text-color);}
  128. .adminbar a:hover {color: var(--a-color);}
  129. .adminbar .menu {padding: 5px;}
  130. .adminbar__menu {border-bottom: none;}
  131. .adminbar__menu a {margin: 0 2px;}
  132. #edit-boards {font-size: 0;}
  133. #edit-boards:before {content:"+"; font: 14px/1 'Trebuchet MS', sans-serif;}
  134. .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;}
  135. .adminbar-top .adminbar__menu {float: left;}
  136.  
  137. .centered {padding: 0 8px;}
  138.  
  139. .welcomefriend {color: var(--a-color);}
  140. .logo {color: var(--a-color); font-family: 'Trebuchet MS', sans-serif;}
  141.  
  142. #ABU-alertbox {font-family: 'Trebuchet MS', sans-serif; margin: 6px;}
  143. #ABU-alertbox > .reply {border: none !important; margin: 2px !important;}
  144.  
  145. hr {border-color: var(--transparency);}
  146. .hr, .box-data .data, hr.dotted {border-color: var(--border3-color);}
  147.  
  148. .down-nav-arrow {bottom: 40px;}
  149.  
  150. .rmenu, #plashque, #mobile-plashque, .logo img, .logo br, .moneymoneymoney {display: none;}
  151.  
  152. .cntnt {margin-top: 10px;}
  153. .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;}
  154. .cntnt__left:hover {left: 0;}
  155.  
  156. .menu {line-height: unset;}
  157. dl.menu dt {background: var(--background7); 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;}
  158. dl.menu dt:hover {background: var(--background5);}
  159. dl.menu dd {border-left: none; margin-left: 0;}
  160. dl.menu a {display: block; color: var(--text-color); padding: 4px 6px; border-radius: 2px;}
  161. dl.menu a:hover {background: var(--background7); box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  162.  
  163. .fm__header {background-color: var(--background7); border-radius: 13px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: var(--text-color); display: inline-block; cursor: pointer; padding: 5px 12px; user-select: none; text-decoration: none; transition: .1s;}
  164. .fm {margin: 5px;}
  165. .fm__header:hover {background: var(--background5); box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);}
  166. .fm__sub {padding-left: 5px;}
  167. .fm__sub a {display: block; color: var(--text-color); padding: 4px 6px; border-radius: 2px;}
  168. .fm__sub a:hover {background: var(--background7); box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  169.  
  170. .thread_wrap {border-color: var(--transparency); border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  171. .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%);}
  172. .thread_wrap, .thread_wrap > .thread {background: var(--background7);}
  173. .thread_wrap.expandble:hover {box-shadow: none;}
  174. .thread_wrap.expandble:hover .thread {border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
  175.  
  176. #hideFm {color: var(--text-color);}
  177. #hideFm:hover {color: var(--a-color);}
  178.  
  179. .reply-label-wrapper > .desktop {display: none;}
  180. .reply-label-wrapper {font-size: 1em;}
  181.  
  182. .mobile.reply-label-top, .mobile.reply-label-bot {background-color: var(--background7); border-radius: 16px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: var(--text-color); display: inline-block; font-size: 1.1em; cursor: pointer; padding: 6px 14px; user-select: none; text-decoration: none; transition: .1s;}
  183. .mobile.reply-label-top:hover, .mobile.reply-label-bot:hover {background: var(--background5); box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);}
  184.  
  185. .board-tags {margin-top: 10px;}
  186.  
  187. .thread-nav {color: var(--transparency);}
  188. .thread-nav div[style="float:right"] {color: var(--text4-color);}
  189. .thread-nav a {color: var(--text-color);}
  190. .thread-nav a:hover {color: var(--a-color);}
  191. .thread-nav span {color: var(--text-color);}
  192.  
  193. .oppost-wrapper {overflow: unset; margin-bottom: 10px;}
  194. .oppost {background: var(--background7); box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); border-radius: 2px; display: inline-block; max-width: 85em;}
  195.  
  196. .post-wrapper {margin: 10px 0;}
  197. .post {padding: 0 0 4px;}
  198. .post .post-message {margin: 0.7em 25px;}
  199.  
  200. .reply-posts-marker .post {border-color: var(--a-color);}
  201. .watched-posts-marker .post {border-color: var(--a-color);}
  202. .new-posts-marker .post {border-color: var(--a-color);}
  203.  
  204. #posts-form > .reply.post {border-color: var(--border3-color) !important; box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);}
  205. .reply, .post_type_reply {background: var(--background7); border: none; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); min-width: 24em; transition: box-shadow .15s;}
  206. .post.hiclass {background: var(--background7); box-shadow: 0 1px 6px 1px var(--hiclass), 0 0 0 1px var(--a-color);}
  207. .reply.hidden-thread-box, .hidden-post-box {border-color: var(--border3-color) !important; box-shadow: none; color: var(--text2-color); padding: 2px 4px;}
  208.  
  209. .mess-post {color: var(--text2-color); display: block; padding: 0 8px; margin-top: 10px;}
  210.  
  211. .post .post-details {color: var(--text3-color);}
  212. .post .post-details, .post_type_reply .post__details {border-bottom: 1px solid var(--border4-color); font-size: .9em; padding: 4px 8px; margin-bottom: 4px;}
  213. .post .post-title {color: var(--post-title);}
  214. .ophui {color: var(--ophui);}
  215. span.adm {color: var(--text6-color) !important;}
  216.  
  217. .reflink a {color: var(--text2-color);}
  218. .reflink a:hover {color: var(--a-color);}
  219.  
  220. .like-div .like-icon, .dislike-div .dislike-icon {color: var(--text3-color);}
  221. .like-div:hover .like-icon, .like-div-checked .like-icon {color: var(--a-color);}
  222. .dislike-div:hover .dislike-icon, .dislike-div-checked .dislike-icon, .dislike-caption {color: var(--text7-color);}
  223. .like-count, .dislike-count {color: var(--text3-color); font-weight: normal;}
  224. .like-caption, .dislike-caption {display: none;}
  225. .fa-thumbs-down::before {content: "\f088";}
  226. .media-meta-youtube-icon {color: var(--text7-color);}
  227. .media-expand-button, .media-hide-button {color: var(--text2-color);}
  228. .media-expand-button:hover, .media-hide-button:hover {color: var(--text-color);}
  229.  
  230. body.replypage .reply .reflink:before {color: var(--text2-color) !important;}
  231. .unkfunc {color: var(--unkfunc);}
  232.  
  233. .spoiler, .spoiler a {background: var(--spoiler); color: var(--spoiler); transition: .1s;}
  234. .spoiler:hover {color: var(--text-color);}
  235. .spoiler:hover a {color: var(--a-color);}
  236.  
  237. .postbtn-favorite.fa-star {color: var(--a-color);}
  238. .postbtn-exp, .postbtn-report {display: none;}
  239. .postbtn-expall {background: none;}
  240. .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;}
  241. .postbtn-hide {background: none;}
  242. .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;}
  243. .postbtn-options {background: none;}
  244. .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;}
  245. .sticky-img {filter: grayscale(1);}
  246.  
  247. #media-thumbnail {background: none; border: none; padding: 0;}
  248. #media-thumbnail img {border-radius: 2px; box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);}
  249. .img.preview, .thumb {border-radius: 2px;}
  250. .thumb {box-shadow: none; max-width: 230px; height: auto;}
  251. .post .images .image-link a {min-width: 90px;}
  252. .post .webm-file {border: none; border-bottom: 2px dashed var(--text3-color);}
  253. .post .file-attr {font-size: .8em; padding: 2px 0; color: var(--text2-color);}
  254. .post .file-attr .filesize {height: 14px;}
  255. .post .file-attr a {background: rgba(0,0,0,.4); border-radius: 2px; color: var(--text5-color); display: block; max-width: 100px; overflow: hidden; opacity: 0;text-overflow: ellipsis; padding: 0 3px; position: absolute; top: 18px; transition: .1s; white-space: nowrap;}
  256. .post .file-attr a:hover {background: rgba(0,0,0,.6);}
  257.  
  258. figure {position: relative;}
  259. figure:hover > .file-attr a {opacity: 1;}
  260.  
  261. .modal {background: var(--background7); border-radius: 2px; border-color: var(--border3-color); box-shadow: 0 1px 6px 0 rgba(0,0,0,.2); padding: 4px 0;}
  262. .mod-ban, .mod-report {padding: 4px;}
  263. .modal a {font-family: 'Trebuchet MS', sans-serif; color: var(--text-color); padding: 4px 10px;}
  264. .modal a:hover {background: var(--background5); color: var(--text-color);}
  265. #modReportFormComment {margin-right: 4px;}
  266.  
  267. .ABU-refmap {color: var(--text2-color); font-size: 75%; font-style: italic; padding: 0 8px;}
  268. .ABU-refmap a {color: var(--a-alt-color);}
  269. .ABU-refmap a:hover {color: var(--a-alt-hover-color);}
  270.  
  271. #fullscreen-container {background: var(--background4) !important; box-shadow: 0 6px 16px rgba(0,0,0,.24); padding: 0; margin: 4px; z-index: 1020;}
  272.  
  273. .warningcover {background: none repeat scroll 0% 0% var(--background);}
  274. .warningbox {background: var(--background7); border: none; border-radius: 2px; box-shadow: 0 6px 16px rgba(0,0,0,.24); top: 50%;}
  275.  
  276. .qr {background: var(--background7); border-radius: 2px; border-color: var(--border3-color); box-shadow: 0 6px 16px rgba(0,0,0,.14); padding: 4px;}
  277. .qr .qr-header {background: none; border: none; font-weight: bold; padding: 3px;}
  278. .qr .qr-close {color: var(--transparency); font-size: 0;}
  279. .qr .qr-close:before {content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; color: var(--text-color);}
  280. .qr-reply input.qmail {width: 357px; margin-right: 3px;}
  281. .qr-reply .qcomment {margin-top: 3px;}
  282. #qr-CommentToolbar {margin: 2px 0 0;}
  283. #qr-CommentToolbar span, #CommentToolbar span {display: inline-block; height: 18px;}
  284. .qr-reply .qr-vk-public, .rules-area, .kupi-passcode-suka {display: none;}
  285. .qr-sticker .sticker img {border: 1px solid var(--transparency);}
  286. .qr-sticker .sticker img:hover {background: var(--background5); border-color: var(--border3-color);}
  287. .qr-settings #setting-editor-textarea-textarea {font-family: Consolas, monospace;}
  288. .qr-settings thead tr, .qr-settings tbody tr:last-child {background-color: var(--background6);}
  289. .qr-settings .hiderules-table td {border-color: var(--background);}
  290. .qr-footer, .bb .bb-footer {font-size: 12px; padding: 0 5px;}
  291. .qr-footer hr, .bb hr {border-color: var(--border3-color); margin: 8px 0px 4px;}
  292. .qr-reply .captcha-box {margin-top: 4px;}
  293. .qr-reply .captcha-image img {margin-bottom: 0; image-rendering: unset;}
  294. .qr-reply .captcha-box, #postform td .captcha-box {font-family: 'Trebuchet MS', sans-serif; font-size: 13px;}
  295. .captcha-image img {border-radius: 2px; margin-bottom: 4px;}
  296.  
  297. #postform td.label {font-size: 0; visibility: hidden;}
  298. #postform .box {background: none; box-shadow: none;}
  299.  
  300. textarea {min-height: 60px; max-height: 600px;}
  301.  
  302. button[disabled], html input[disabled] {background: var(--background7) !important; color: var(--text3-color);}
  303. input[type="text"], input[type="password"], textarea {background: var(--background7); border-radius: 2px; border-color: var(--border3-color); color: var(--text-color); padding: 3px 6px; transition: border .1s;}
  304. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color: var(--border2-color);}
  305. input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder {color: var(--text2-color);}
  306. input[type="button"], input[type="submit"], .arch-searchform input[type="submit"] {background: var(--background7); border-color: var(--border3-color); border-radius: 2px; color: var(--text-color); padding: 3px 6px; transition: .1s;}
  307. input[type="button"]:hover, input[type="submit"]:hover {background: var(--background5);}
  308.  
  309. select {background: var(--background7); border: 1px solid var(--border3-color); border-radius: 2px; color: var(--text-color); padding: 2px 4px;}
  310. .mselect {background: var(--background7); border-color: var(--border3-color); padding: 0 4px;}
  311. .mselect, select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-right-width: 8px;}
  312. .settings-setting-multibox.mselect {margin-left: 4px;}
  313.  
  314. .markup {padding: 1px 3px; opacity: 0;}
  315. .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);}
  316. .m-bold:before {content: "\f032"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  317. .m-italic:before {content: "\f033"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  318. .m-quote {color: var(--unkfunc);}
  319. .m-quote:hover {color: var(--unkfunc2);}
  320. .m-quote:before {content: "\f054"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  321. .m-underline:before {content: "\f0cd"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  322. .m-overline:before {content: "O"; font: bold 14px/1.4 serif; position: absolute; height: 18px; width: 22px; text-decoration: overline; text-align: center;}
  323. .m-spoiler {color: var(--spoiler); width: 22px;}
  324. .m-spoiler:hover {color: var(--text4-color);}
  325. .m-spoiler img {width: 22px; height: 18px;}
  326. .m-spoiler:before {content: "\f0c8"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  327. .m-strike:before {content: "\f0cc"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  328. .m-sup:before {content: "\f12b"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  329. .m-sub:before {content: "\f12c"; font: normal normal normal 14px/18px FontAwesome; position: absolute; height: 18px; width: 22px; text-align: center;}
  330.  
  331. .message-sticker-btn {left: 6px !important; bottom: 6px !important;}
  332. .message-byte-len {bottom: 6px !important;}
  333.  
  334. .form-files-box .form-files-limits {color: var(--text3-color); margin-bottom: 2px;}
  335. .form-files-box .form-files-drag-area {border-color: var(--border-color); border-radius: 2px; color: var(--text4-color);}
  336. .form-files-box .input-thumbnail-box {border: none; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: var(--text2-color); overflow: hidden;}
  337. .form-files-box .input-thumbnail-box, .form-files-box .input-thumbnail-meta {background: var(--background7);}
  338. .form-files-box .input-thumbnail-size {margin-left: 4px;}
  339. .form-files-box .input-thumbnail-delete {color: var(--text-color);}
  340.  
  341. .literally .lc-picker, .literally .horz-toolbar {background-color: var(--background7);}
  342. .literally .lc-picker, .literally.toolbar-at-top .lc-options {border-color: var(--border3-color);}
  343.  
  344. .qr-oekaki-footer {border-top: 1px solid var(--border3-color); padding-top: 4px;}
  345.  
  346. .settings-wrap {background-color: var(--background7);}
  347. .settings-wrap .title {color: var(--text-color);}
  348. .settings-wrap .title, .rowelems {border-bottom: none;}
  349. .rowelems input[type="text"] {border-color: var(--border3-color); color: var(--text-color);}
  350. .rowelems input[type="text"]:focus {border-color: var(--border2-color);}
  351.  
  352. .bb {background: var(--background7); border-color: var(--border3-color); border-radius: 2px 2px 0 0; box-shadow: 0 0 6px 0 rgba(0,0,0,.1); right: 20px;}
  353. .bb .bb-header-text-new {color: var(--a-color);}
  354. .bb.favorites {right: 175px; z-index: 1009;}
  355. .bb.boardstats {z-index: 1010;}
  356. .bb .boardstats-row {margin: 5px;}
  357.  
  358. .fa {font: normal normal normal 14px/1 FontAwesome, 'Trebuchet MS', sans-serif;}
  359. .fa-bar-chart, .fa-eye {float: right; min-width: 65px;}
  360.  
  361. .nb, .footer .board-info, .adminbar-bottom {display: none;}
  362. .footer div[style="float: right; margin: 0 0 0.5em 0;"]{float:left!important}
  363.  
  364. .pager {background: var(--background7); border: none; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: var(--text3-color);}
  365. .pager strong {color: var(--text-color);}
  366.  
  367. @media only screen and (max-width: 480px) and (orientation:portrait),  only screen and (max-width: 540px) and (orientation:landscape){
  368. .adminbar__boards, .menu {background: none; border-bottom: none; position: static;}
  369.  
  370. .content, .board-data {width: auto;}
  371. .hboardlist .column {width: 50%;}
  372. .board-list-table .board-title, .board-list-table .board-posts {width: auto;}
  373.  
  374. .button-mob {background: none; border: none; color: var(--text-color) !important; font-weight: normal;}
  375. .mobile.reply-label-top, .mobile.reply-label-bot {border: none;}
  376.  
  377. .oppost {width: 100%;}
  378. .oppost-options-mob {background: none;}
  379. .oppost-options-mob .mess-post-mob {margin-left: 1em;}
  380. .oppost-options-mob .hide-view {margin-right: 1em;}
  381. .oppost-options-mob .hide-view a {color: var(--a-color) !important;}
  382. .post .post-details {background: none;}
  383. .ananimas span, .ananimas a {font-size: 12px;}
  384. .like-div, .dislike-div {margin-left: 0; margin-right: 10px;}
  385.  
  386. .post-wrapper {padding: 0;}
  387. .post .post-message {margin: 1em;}
  388. .post .post-title {float: left;}
  389. .post .images-single + blockquote {margin: 0 1em 0.6em;}
  390. .post .images .image-link a {float: none;}
  391. .post .image {vertical-align: top;}
  392.  
  393. #postform table {width: 100%;}
  394. .postform, .qr {font-size: 1em;}
  395. .qr-reply input.qmail {width: 207px;}
  396. .qr-reply .qcomment {width: 100%;}
  397. .qr-reply .captcha-image img {width: 200px;}
  398. }
  399. /* Для твитов. Работает лишь в Firefox */
  400. .SandboxRoot body {background: var(--transparency);}
  401. .EmbeddedTweet {background: var(--background7); border-color: var(--border3-color);}
  402. .EmbeddedTweet--mediaForward .EmbeddedTweet-tweet {border-color: var(--border3-color);}
  403. .EmbeddedTweet:hover, .EmbeddedTweet--mediaForward:hover .EmbeddedTweet-tweet {border-color: var(--border2-color);}
  404. .EmbeddedTweet a {transition: 0s;}
  405. .EmbeddedTweet a:hover {color: var(--twit-a-color);}
  406. .Identity-screenName, .Tweet-inReplyTo, .Tweet-alert, .Tweet-metadata {color: var(--twit-action);}
  407. .Tweet--compact {box-shadow: none;}
  408. .Tweet--compact .Tweet-ancestorContainer::after {border-color: var(--border2-color);}
  409. .TweetAction, .TweetAction:visited {color: var(--twit-action) !important;}
  410. .TweetAction--profile:active, .TweetAction--profile:focus, .TweetAction--profile:hover, .TweetAction--replyEdge:active, .TweetAction--replyEdge:focus, .TweetAction--replyEdge:hover {color: var(--twit-action-hover) !important;}
  411. .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!