API tools faq
paste
Guest User

axioen_ 4chan css fixed

a guest
Dec 26th, 2013
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.15 KB | None | 0 0
raw download clone embed print report
  1. /* 4chan - edit by axioen_
  2. *
  3. @namespace url(http://www.w3.org/1999/xhtml);
  4.  
  5. @-moz-document domain(4chan.org) {
  6.  
  7. /* hides Captcha table row */
  8.  
  9. /* body background and text color */
  10. html, body { background:none !important; background-color:rgb(51, 51, 51) !important; color:rgb(195, 195, 195) !important; }
  11.  
  12. /* primary link color */
  13. body a { color:#EECEF0 !important; text-decoration:none !important; }
  14. body a:hover { color:rgb(51, 51, 51) !important; text-decoration:none !important; }
  15.  
  16. hr { opacity:0 !important; }
  17.  
  18. /* poster name */
  19. span.name { color:#fad9f8 !important; }
  20. a.useremail span { color:rgb(110, 110, 149) !important; text-decoration:none !important; }
  21. a.useremail:hover span { color:rgb(95, 95, 130) !important; text-decoration:none !important; }
  22.  
  23. /* poster trip */
  24. span.postertrip { color:rgb(51, 51, 51) !important; font-weight:bold !important; }
  25.  
  26. /* settings box */
  27. #settingsBox, #theme.panel, #filters.panel, kbd {
  28. width:auto !important;
  29. overflow:hidden !important;
  30. background-color:rgb(51, 51, 51) !important;
  31. border-radius:3px 3px 3px 3px !important;
  32. border:0 !important;
  33. }
  34.  
  35. /* reply to a thread */
  36. .post.reply {
  37. width:100% !important;
  38. min-width:100% !important;
  39. max-width:100% !important;
  40. overflow:hidden !important;
  41. display:block !important;
  42. background-color:rgb(51, 51, 51) !important;
  43. border-radius:3px 3px 3px 3px !important;
  44. border:0 !important;
  45. padding-right:0px !important;
  46. }
  47. .post { color:rgb(195,195,195) !important; }
  48. .replyContainer { width:100% !important; }
  49.  
  50. /* post form */
  51. /* ===== **** THIS IS THE REAL WIDTH **** ===== */
  52. table.postForm, #quickReply { width:55% !important; }
  53.  
  54. /* this is the left column of the post form "Name"/"Email"/"Subject" */
  55. table.postForm > tbody > tr > td:first-child {
  56. background-color:rgb(51, 51, 51) !important;
  57. color: #5c85a5 !important;
  58. border:0 !important;
  59. width:15% !important;
  60. }
  61.  
  62. .qrWindow { width:55% !important; }
  63. .qrForm form table { width:100% !important; }
  64.  
  65. #boards .column { width:11em !important; }
  66.  
  67. /* the big input list */
  68. #ft li,
  69. #ft ul,
  70. #options input:not([type='checkbox']):not([type='radio']),
  71. #updater input:not([type='checkbox']):not([type='radio']),
  72. .box-outer,
  73. .boxbar,
  74. .deletebuttons input[value=Delete],
  75. .recaptcha_image_cell > center > #recaptcha_image,
  76. [name='recaptcha_response_field'],
  77. .top-box,
  78. h2,
  79. input:not([type='checkbox']):not([type='radio']),
  80. input:not([type='radio']),
  81. input[type='file'] > input[type='button'],
  82. input[type='submit'],
  83. select,
  84. #settings select,
  85. textarea,
  86. .button-group button
  87. {
  88. -webkit-appearance: none;
  89. -moz-appearance: none;
  90. background-color:rgb(51, 51, 51) !important;
  91. color:rgb(205, 205, 205) !important;
  92. outline:none !important;
  93. border-width:0 !important;
  94. }
  95. .boxcontent input,
  96. .boxcontent input:not([type='checkbox']):not([type='radio']),
  97. .boxcontent input:not([type='radio']),
  98. .boxcontent textarea,
  99. .boxcontent button,
  100. #filter-list select {
  101. -webkit-appearance: none;
  102. -moz-appearance: none;
  103. background-color:rgb(30, 30, 30) !important;
  104. color:rgb(205, 205, 205) !important;
  105. outline:none !important;
  106. border-width:0 !important;
  107. }
  108.  
  109. /* make everything the same width */
  110. input[name="name"], input[name="email"], textarea[name="com"]
  111. { width:90% !important; }
  112. input[name="sub"]
  113. { width:70% !important; }
  114. input[type="submit"] { width:19% !important; }
  115. ul.rules { display:none !important; }
  116.  
  117. /* resize the email field for /b/ */
  118. form[action="https://sys.4chan.org/b/post"] input[name="email"],
  119. form[action="https://sys.4chan.org/soc/post"] input[name="email"]
  120. { width:70% !important; }
  121. form[action="https://sys.4chan.org/b/post"] input[type="submit"],
  122. form[action="https://sys.4chan.org/soc/post"] input[type="submit"]
  123. { width:19% !important; }
  124.  
  125. /* quick reply */
  126. .qrWindow { border:0 !important; background-color:rgb(28, 28, 28) !important; }
  127. .qrHeader, .qrMessage { background:none !important; border:0 !important; color:rgb(195, 195, 195) !important; }
  128. #recaptcha_logo, #recaptcha_tagline { display:none !important; }
  129.  
  130. /* new quick reply */
  131. #quickReply { width:60% !important; }
  132. #quickReply form .postForm { width:100% !important; padding-left:15px !important; padding-bottom:5px !important; }
  133. #qrHeader, #qrepHeader, div.postHover { background-color:rgb(25, 25, 25) !important; color:rgb(195, 195, 195) !important; border:none !important; }
  134.  
  135.  
  136. /* remove the "Spoiler Image?" check */
  137. .postForm td label { display:none !important; }
  138. /* little brackets next to submit button */
  139. .postForm td span.desktop { opacity:0 !important; }
  140.  
  141. .postarea td small, .postarea td.rules { color:#aaa !important; }
  142. .postarea form td:not(.postblock):not(.rules) { color:rgba(0,0,0,0) !important; }
  143.  
  144. td[style="padding: 10px 7px 7px 7px;"] { background:none !important; }
  145. td[style="padding: 18px 7px 18px 7px;"], td[style="padding: 4px 7px 12px 7px;"] { display:none !important; }
  146.  
  147. .postarea form[name^='post'] {
  148. top: auto;
  149. left: auto;
  150. bottom: -4px;
  151. margin: 0 !important;
  152. z-index: 5;
  153. }
  154.  
  155. span.filter-preview { display:none !important; }
  156.  
  157. /* post number */
  158. .postNum a { color:rgb(195, 195, 195) !important; }
  159. .postNum a:hover { color:rgb(245, 245, 245) !important; }
  160.  
  161. .capcode.id_mod:hover { color:rgb(128, 0, 128) !important }
  162.  
  163. /* [Reply] link */
  164. a.replylink { color:rgb(110, 110, 149) !important; }
  165. a.replylink:hover { color:rgb(95, 95, 130) !important; }
  166. hr { border-color:#000 !important; }
  167.  
  168. /* subject */
  169. .subject { color:rgb(170, 170, 170) !important; }
  170.  
  171. /* "Comment is too long" etc */
  172. .abbr, .sideArrows { color:rgb(100, 100, 100) !important; }
  173.  
  174. /* file name and size */
  175. .fileText { color:rgb(100, 100, 100) !important; font-style:italic !important; }
  176.  
  177. /* "Posting mode: Reply" */
  178. .postingMode { background:none !important; }
  179.  
  180. /* board title */
  181. .boardTitle, .boardSubtitle { color:rgb(205, 205, 205) !important; }
  182.  
  183. /* Admin capcode */
  184. span.capcodeAdmin * { color:#f00 !important; }
  185.  
  186. /* mod capcode */
  187. span.capcodeMod * { color:#808 !important; }
  188.  
  189. .pages strong { color:rgb(205, 205, 205) !important; }
  190. .pagelist strong a { color:rgb(205, 205, 205) !important; }
  191.  
  192. /* remove style switcher */
  193. .stylechanger { display:none !important; }
  194.  
  195. /* FINALLY FIX THE DELETE FORM */
  196. .bottomCtrl { width:100% !important; }
  197. .deleteform { width:45% !important; }
  198. input[value="Report"] { display:none !important; }
  199.  
  200. /* pages box */
  201. .pagelist, table.pages {
  202. background:none !important;
  203. background-color:rgb(40, 40, 40) !important;
  204. color:rgb(80, 80, 80) !important;
  205. border:0 !important;
  206. border-radius:3px 3px 3px 3px !important;
  207. }
  208. td[align="left"] table.pages { width:70% !important; }
  209. table.pages input[type="submit"] { width:70% !important; }
  210. table.pages td { color:rgb(80, 80, 80) !important; }
  211.  
  212. .next form input, .prev form input { width:75px !important; }
  213. #boardNavDesktopFoot, #boardNavDesktop, #absbot { color:rgb(195, 195, 195) !important; }
  214. #boardNavDesktopFoot, #boardNavDesktop { font-size:13px !important; }
  215.  
  216. /* home page */
  217. #announce { display:none !important; }
  218. .menubutton { background:none !important; }
  219. #recent-images li { background:none !important; }
  220. li.current a { color:rgb(205, 205, 205) !important; }
  221.  
  222. #preview-tooltip-ws { display:none !important; }
  223.  
  224. /* center all the boxes */
  225. .yui-u.first, .yui-u { border:none !important; width:100% !important; }
  226.  
  227. /* front page logo */
  228. #logo { background:url('http://i.imgur.com/0luTi.png') no-repeat center !important; }
  229.  
  230. /* code tags on /g/ */
  231. .prettyprint { background:none !important; }
  232. .prettyprint span { color:rgb(195, 195, 195) !important; }
  233.  
  234. /* disclaimer box */
  235. #disclaimer-dialog { background-color:rgb(51,51,51) !important; }
  236. .yui-icon.warnicon, .container-close { display:none !important; }
  237. #disclaimer-dialog .hd { background-color:rgb(51,51,51) !important; }
  238. /* ======================================================= */
  239.  
  240. /* news page */
  241. .content h3, h3 {
  242. font-size:120% !important;
  243. background:none !important;
  244. color:rgb(195, 195, 195) !important;
  245. border:0 !important;
  246. }
  247.  
  248. .content { color:rgb(195, 195, 195) !important; }
  249.  
  250. /* why isn't this in it yet */
  251. .boxcontent, .boxcontent ul, .boxcontent dl dt { color:rgb(195, 195, 195) !important; }
  252. .boxcontent dd { border:none !important; padding-bottom:5px !important; }
  253. .boxcontent { font-size:13px !important; }
  254. span[style="color:#000080"] { color:rgb(195, 195, 195) !important; }
  255. .boxbar h2 a, .boxbar h2 a:hover { color:rgb(195, 195, 195) !important; }
  256. .boxcontent h3 a, .boxcontent h3 a:hover { color:rgb(195, 195, 195) !important; }
  257.  
  258. .post.op { display:block !important; }
  259. .sideArrows { display:none !important; }
  260. h3[style="text-decoration: underline; display: inline;"] { text-decoration:none !important; }
  261.  
  262. /* the new Settings panel */
  263. /* "Click Me!" */
  264. #first-run { background:none !important; color:rgb(195, 195, 195) !important; border:none !important; }
  265.  
  266. /* Thread Watcher */
  267. .threadWatcher, #twHeader, .extPanel.reply { background-color:rgb(25, 25, 25) !important; color:rgb(195, 195, 195) !important; border:none !important; }
  268.  
  269. /* Settings box */
  270. div.panelHeader { border:none !important; }
  271.  
  272. /* the post that appears when hovering over a quote link - this was impossible to style */
  273. .preview { background-color:rgb(35, 35, 35) !important; color:rgb(195, 195, 195) !important; border:none !important; }
  274.  
  275. /* all this "4chan pass" nonsense */
  276. .passNotice { display:none !important; }
  277. tr td .desktop { display:none !important; }
  278.  
  279. #captchaFormPart td { height:auto !important; }
  280.  
  281. /* fixes for /rs/ */
  282. table td.postblock {
  283. background-color:rgb(40, 40, 40) !important;
  284. color:rgb(205, 205, 205) !important;
  285. outline:none !important;
  286. border-width:0 !important;
  287. }
  288. #header, #navbot, #navbotr { font-size:13px !important; color:rgb(195, 195, 195) !important; }
  289. .logo { color:rgb(195, 195, 195) !important; }
  290.  
  291. /* fix for /f/ */
  292. table.flashListing tr:nth-of-type(2n+1), .highlightPost {
  293. background:none !important;
  294. }
  295.  
  296. div.closed { display:none !important; }
  297.  
  298. /* for the catalog page */
  299. .btn-wrap .button { color:rgb(110, 110, 149) !important; text-decoration:none !important; }
  300. .btn-wrap .button:hover { color:rgb(95, 95, 130) !important; text-decoration:none !important; }
  301. .cataloglink { border:none !important; }
  302.  
  303. /* new deadlink style */
  304. .deadlink, span.quote { color:rgb(120, 153, 34) !important; }
  305.  
  306. .shown { color:rgb(195, 195, 195) !important; }
  307. .hand:hover { color:rgb(195, 195, 195) !important; }
  308.  
  309. hr { background-color:rgb(0,0,0) !important; }
  310. #ft ul { height:12px !important; border-top:2px solid rgb(40, 40, 40) !important; }
  311.  
  312. /* make red text white */
  313. p[style="font-size: large; color: red; text-align: center;"],
  314. span[style="font-size: 14pt; color: red; font-weight: bold;"]
  315. { color:rgb(195, 195, 195) !important; }
  316.  
  317. /* hopefully fix the border around the logo */
  318. div.boardBanner > img { border:1px solid rgb(195, 195, 195) !important; }
  319.  
  320. /* the ad spaces are popping up again for me */
  321. .middlead.center, .topad.center, .bottomad.center { display:none !important; }
  322.  
  323. /* May update: remove hidden reply stubs */
  324. .thread.post-hidden .replyContainer { display:none !important; }
  325.  
  326. .pages.depagelink { display:none !important; }
  327. #errmsg { color:rgb(195, 195, 195) !important; }
  328.  
  329. .exif td { color:rgb(195, 195, 195) !important; }
  330.  
  331. /* a fix for /rs/ */
  332. .postarea[align="center"] table[border="0"] { width:50% !important; }
  333. .postarea[align="center"] table[border="0"] form { text-align:center !important; }
  334. .postarea[align="center"] table[border="0"] form table { width:100% !important; }
  335. /* red can go fuck itself */
  336. span[style="color: red;"] { color:rgb(80, 80, 80) !important; }
  337. span[style="color: rgb(204,87,17);"] { color:rgb(195, 195, 195) !important; }
  338. img[alt="4chan"] { margin-top:15px !important; border:1px solid rgb(195, 195, 195) !important; }
  339.  
  340. /* finally fix the menus on the front page */
  341. .yui-skin-sam .yuimenu .bd { background-color:rgb(50,50,50) !important; }
  342. .yuimenuitemlabel, .yuimenuitemlabel:hover { color:rgb(230,230,230) !important; }
  343. .yuimenuitem:hover { background-color:rgb(30,30,30) !important; }
  344.  
  345. /* post highlight color change */
  346. .reply:target, .reply.highlight {
  347. background-color:rgb(39,39,39) !important;
  348. color:rgb(225,225,225) !important;
  349. }
  350. .reply:target span.name, .reply.highlight span.name { color:rgb(132, 52, 52) !important; }
  351.  
  352. .reply:target a.useremail span, .reply.highlight a.useremail span
  353. { color:rgb(110, 110, 149) !important; text-decoration:none !important; }
  354. .reply:target a.useremail:hover span, .reply.highlight a.useremail:hover span
  355. { color:rgb(95, 95, 130) !important; text-decoration:none !important; }
  356.  
  357. .reply:target .postNum a, .reply.highlight .postNum a { color:rgb(225,225,225) !important; }
  358. .reply:target .postNum a:hover, .reply.highlight .postNum a:hover { color:rgb(250,250,250) !important; }
  359.  
  360. .reply:target span.postertrip, .reply.highlight span.postertrip { color:rgb(65, 120, 89) !important; font-weight:bold !important; }
  361.  
  362. .ad-plea { display:none !important; }
  363.  
  364. }
  365.  
  366. /* let's make the text boards look pretty */
  367. /* these rules are for the YOTSUBA text boards style
  368. and these rules affect only the dis.4chan.org domain */
  369. @-moz-document domain(dis.4chan.org) {
  370.  
  371. body { font-family:arial,helvetica,sans-serif !important; }
  372.  
  373. .head { background:none !important; border:0 !important; }
  374. .headtext h1 { color:rgb(195,195,195) !important; }
  375.  
  376. .threadnavlinks a:before { content:"[" !important; }
  377. .threadnavlinks a:after { content:"]" !important; }
  378.  
  379. .threadldiv, .thread, .midhead, .newthread { background:none !important; }
  380.  
  381. h1 { background:none !important; border:0 !important; }
  382. h2 { background:none !important; }
  383. .post {
  384. background-color:rgb(51, 51, 51) !important;
  385. border-radius:3px 3px 3px 3px !important;
  386. border:0 !important;
  387. padding-bottom:2px !important;
  388.  
  389. margin-top:5px !important;
  390. margin-bottom:5px !important;
  391. }
  392. .post blockquote { margin-top:30px !important; margin-bottom:5px !important; }
  393.  
  394. #threadlist { display:none !important; }
  395.  
  396. p.hidden { color:rgb(80,80,80) !important; }
  397.  
  398. /* the post form */
  399. form[action="post"] table.postform {
  400. width:auto !important;
  401. padding-left:17% !important;
  402. padding-right:17% !important;
  403. }
  404. form[action="post"] { text-align:left !important; }
  405. .postform { margin-left:10% !important; }
  406. .postform td textarea { resize:none !important; width:100% !important; }
  407. .postform td[colspan="4"] { width:100% !important; }
  408. .postfieldleft { display:none !important; }
  409. .postform tr { text-align:left !important; }
  410. .postform td { width:auto !important; }
  411. .postform input.submit { margin-right:215px !important; }
  412. td[colspan="4"] a:before { content:"[" !important; }
  413. td[colspan="4"] a:after { content:"]" !important; }
  414.  
  415. body.read .post, body.read .post form, .newthread form { width:97% !important; margin-left:30px !important; }
  416. .post, .post form, .newthread form { width:100% !important; margin-left:5px !important; }
  417.  
  418. h3 span.postnum a { font-size:17px !important; color:rgb(195,195,195) !important; }
  419.  
  420. span.postername { color:rgb(124, 45, 45) !important; font-weight:bold !important; }
  421.  
  422. h3 { text-align:left !important; }
  423. h3 .postinfo { font-size:16px !important; padding-left:7px !important; }
  424.  
  425. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!