Advertisement
Arctis

4chan css

Dec 29th, 2014
407
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.50 KB | None | 0 0
  1.  
  2.  
  3. @-moz-document domain("boards.4chan.org") {
  4. /* Relative to the general appearance of 4chan. */
  5. body {
  6. background: #2d2d2d!important;
  7. font-family: 'Open Sans', sans-serif !important;
  8. color: #bebbbb !important;
  9. margin: auto !important;
  10. font-size: 13px !important;
  11. }
  12. hr {
  13. padding-top: 5px !important;
  14. border: 0 !important;
  15. }
  16.  
  17. /* Links */
  18. a {
  19. color: #bebbbb !important;
  20. }
  21.  
  22. /* Foreground of the header bar */
  23. #board-list,
  24. #custom-board-list {
  25. color: #bebbbb !important;
  26. font-family: 'Open Sans', sans-serif !important;
  27. }
  28. #header-bar a {
  29. color: #bebbbb !important;
  30. border: none !important;
  31. }
  32.  
  33. /* Background of the header bar */
  34. #header-bar.dialog {
  35. background: #2d2d2d !important;
  36. border: 0 !important;
  37. }
  38.  
  39. /* Color of the selected board on the header bar. */
  40. #header-bar a.current {
  41. color: #bebbbb !important;
  42. }
  43.  
  44. /* Appearance of the menus. */
  45. #menu.dialog,
  46. .entry {
  47. background: #2d2d2d !important;
  48. border: 0 !important;
  49. color: #bebbbb !important;
  50. font-family: 'Open Sans', sans-serif !important;
  51. font-size: 0.750rem !important;
  52. }
  53.  
  54. /* Catalog search and page links, This is not ready. */
  55. div.navLinks,
  56. div.pagelist {
  57. background: transparent !important;
  58. font-family: 'Open Sans', sans-serif !important;
  59. font-size: 0.750rem !important;
  60. border: 0 !important;
  61. display: inline-block !important;
  62. margin-bottom: 0 !important;
  63. }
  64.  
  65. /* Appearance of the thread updater and thread stats. */
  66. #index-search.field,
  67. #updater.dialog,
  68. #thread-stats.dialog {
  69. font-family: 'Open Sans', sans-serif !important;
  70. font-size: 0.750rem !important;
  71. background: transparent !important;
  72. color: #ab7546 !important;
  73. border-style: none !important;
  74. }
  75.  
  76. /* Thread updater menu */
  77. #index-search.field:hover,
  78. #updater.dialog:hover {
  79. background: #2d2d2d !important;
  80. color: #BFB08A !important;
  81. }
  82.  
  83. /* Clean up. */
  84. .bottomCtrl.desktop,
  85. #absbot.absBotText,
  86. .navLinks.desktop,
  87. .navLinks.navLinksBot.desktop,
  88. .qr-link-container, .hide-reply-button, #toggleBlotter, #blotter-msgs, #blotter{
  89. display: none !important;
  90. }
  91.  
  92. /* Hide ads? */
  93. div.center,
  94. div.topad.center,
  95. div.middlead.center,
  96. div.bottomad.center,
  97. div.ad-plea {
  98. display: none !important;
  99. }
  100.  
  101. /* Display board banner? */
  102. .boardBanner {
  103. display: none !important;
  104. }
  105.  
  106. /* Relative to posts. */
  107. .post.reply {
  108. font-family: 'Open Sans', sans-serif !important;
  109. font-size: 13px !important;
  110. background: #2d2d2d !important;
  111. color: #bebbbb !important;
  112. width: 100% !important;
  113. border: 0 !important;
  114. padding: 6px !important;
  115. box-shadow: #2d2d2d 0 0 2px !important;
  116. }
  117.  
  118. /* Relative to the thread */
  119. .thread {
  120. margin-top: -10px !important;
  121. margin-right: 30px !important;
  122. margin-left: 15px !important;
  123. }
  124. div.postContainer.opContainer {
  125. display: inline-block !important;
  126. width: 100% !important;
  127. margin: auto !important;
  128. }
  129. .inline {
  130. padding-left: 15px !important;
  131. padding-right: 15px !important;
  132. border: 0 !important;
  133. }
  134. .inline .post.reply {
  135. background-color: #2d2d2d !important;
  136. border: 0 !important;
  137. }
  138.  
  139. /* Post subjects. */
  140. span.subject {
  141. color: #bebbbb !important;
  142. }
  143.  
  144. /* Tripcodes. */
  145. span.postertrip {
  146. color: #bebbbb !important;
  147. }
  148.  
  149. /* Post numbers. */
  150. span.postNum a {
  151. color: #bebbbb !important;
  152. }
  153.  
  154. /* Poster's name. */
  155. span.name {
  156. color: #bebbbb !important;
  157. font-weight: normal !important;
  158. }
  159.  
  160. /* Date and time of the posts. */
  161. span.dateTime {
  162. color: #bebbbb !important;
  163. }
  164.  
  165. /* Quote links. */
  166. a.quotelink {
  167. color: #bebbbb !important;
  168. }
  169.  
  170. /* Link to posts quoting the current post. */
  171. a.backlink {
  172. color: #bebbbb !important;
  173. }
  174.  
  175. /* Greentext. */
  176. span.quote {
  177. color: #6D715E !important;
  178. }
  179.  
  180. /* Post menu button. */
  181. .post .menu-button {
  182. float: right;
  183. position: relative;
  184. left: 0px;
  185. }
  186.  
  187. /* Hide "hide reply" buttons. */
  188. .postInfo > input,
  189. a.hide-post-button {
  190. display: none !important;
  191. }
  192.  
  193. /* Relative to post info, i.e. Post name, tripcode, post date, etc. */
  194. .postInfo a,
  195. div.postInfo {
  196. color: #bebbbb !important;
  197. font-size: 12px !important;
  198. }
  199.  
  200. /* Relative to file info, i.e. filename, file size, resolution, etc. */
  201. div.fileText {
  202. color: #bebbbb
  203. font-family: 'Open Sans', sans-serif !important;
  204. font-size: 0.750rem !important;
  205. }
  206.  
  207. /* Fix post previews. */
  208. #qp {
  209. border: 0 !important;
  210. box-shadow: none !important;
  211. }
  212.  
  213.  
  214. /* Relative to the quick reply. */
  215. #qr {
  216. background: #2d2d2d !important;
  217. color: #bebbbb !important;
  218. border: none !important;
  219. border-radius: 2px !important;
  220. box-shadow: none !important;
  221. transition: all 0.2s ease 0s;
  222. }
  223. #qr form {
  224. bottom: 12px !important;
  225. right: 0% !important;
  226. width: 300px !important;
  227. padding: 4px !important;
  228. margin-top: 23px !important;
  229. padding-top: 10px !important;
  230. padding-bottom: 3px !important;
  231. background: #2d2d2d !important;
  232. border-color: #bebbbb !important;
  233. border-radius: 4px !important;
  234. }
  235. #dump-button {
  236. background: #2d2d2d !important;
  237. border-color: #2d2d2d !important;
  238. color: #bebbbb !important;
  239. }
  240.  
  241. /* Color of the fields. */
  242. #qr .field {
  243. background: #2d2d2d !important;
  244. border-color: #bebbbb !important;
  245. color: #bebbbb !important;
  246. }
  247.  
  248. /* Movable QR? */
  249. #qr span.move {
  250. display: none !important;
  251. }
  252.  
  253. /* Remove menu */
  254. #qr select {
  255. display: none !important;
  256. }
  257. .sideArrows {
  258. display: none !important;
  259. }
  260.  
  261. /* Make the name field become invisible when there's something in it... */
  262. #qr input.field:nth-child(2) {
  263. background: #2d2d2d !important;
  264. color: #bebbbb !important;
  265. }
  266.  
  267. /* ... And then make it visible again when you hover over it. */
  268. #qr input.field:nth-child(2):hover {
  269. background: #2d2d2d !important;
  270. color: #bebbbb !important;
  271. }
  272.  
  273. /* Remove bar above the fields. */
  274. #qr > div {
  275. position: fixed !important;
  276. }
  277.  
  278. /* Relative to 4chan X's menu */
  279. #fourchanx-settings.dialog,
  280. fieldset legend,
  281. a.tab-main.tab-selected {
  282. font-family: sans-serif !important;
  283. font-size: 11px !important;
  284. background: #2d2d2d !important;
  285. color: #bebbbb !important;
  286. }
  287.  
  288. /*** Animations ***/
  289.  
  290. /* Change backlinks to >> and animate them. */
  291. a.backlink {
  292. /*text-decoration: none !important;*/
  293. font-size: 0 !important;;
  294. }
  295. .backlink:after {
  296. font-size: 11px !important;
  297. padding: 1px;
  298. content: '>>' !important;
  299. /* text-decoration: none !important;*/
  300. }
  301. .backlink:not(:first-child) {
  302. margin-left: -1.0rem;
  303. transition: all .1s linear .2s;
  304. opacity: 0;
  305. }
  306. /* Post menu animations. */
  307. .postContainer:hover .backlink {
  308. margin-left: 0rem;
  309. transition-delay: .1s;
  310. opacity: 100;
  311. }
  312. .post.reply a.menu-button {
  313. opacity: 0;
  314. transition: all .2s;
  315. }
  316. .post.reply:hover .menu-button {
  317. opacity: 100;
  318. transition: all .1s;
  319. }
  320. /* QR animations. */
  321. #qr.dialog.has-captcha.autohide,
  322. #qr.dialog.autohide {
  323. top: -300px !important;
  324. height: 21px !important;
  325. transition: all 0.7s ease 0s;
  326. }
  327. /*.quotelink { text-decoration: none !important;
  328. }*/
  329. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement