API tools faq
paste
AnonVIP

8chan - VIP style CSS - fixed version

AnonVIP
Nov 5th, 2016
201
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.99 KB | None | 0 0
raw download clone embed print report
  1. /* monoelains ez css for VIP quality imageboards - cleaned by an anon from /sjis/. steal this .css and edit it to your liking. */
  2.  
  3. /* OPTION HIDING */
  4. /* hides AA in catalog */
  5. .theme-catalog span.aa {
  6. display: none !important;
  7. }
  8.  
  9. /* hides enable gallery mode */
  10. #gallery-view {
  11. display: none;
  12. }
  13.  
  14. /* hides horizontal bar */
  15. hr {
  16. display: none;
  17. }
  18.  
  19. /* hides delete options (obsolete) */
  20. div.delete {
  21. display: none;
  22. }
  23.  
  24. /* boardwide font stuff goes here. also background image */
  25. body {
  26. padding: 0;
  27. font-family: arial, sans-serif;
  28. font-size: 14px;
  29. background: url("https://i.imgur.com/OUHu2ki.jpg") fixed repeat top #BB3300;
  30. min-width: 395px;
  31. margin-left: 10px;
  32. margin-right: 35px;
  33. margin-left: 10px;
  34. }
  35.  
  36. /* dont touch these */
  37. div.body {
  38. display: block;
  39. clear: both;
  40. padding-top: 10px;
  41. }
  42.  
  43. tr td {
  44. background-color: rgb(221, 221, 221);
  45. }
  46.  
  47. /* saves one pixel of space */
  48. header {
  49. margin-bottom: 0px;
  50. }
  51.  
  52. /* banners stuff */
  53. img.banner, img.board_image {
  54. border: 8px ridge #B18108;
  55. background-color: #B2A50F;
  56. -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  57. box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
  58. margin: 30px auto 0px;
  59. }
  60.  
  61. /* makes files align vertically (codemonkey please fix this shit) */
  62. .file {
  63. display: block;
  64. margin-right: 11px;
  65. }
  66.  
  67. /* expanded image border and shadow */
  68. .full-image {
  69. border-top-right-radius: 0;
  70. -webkit-box-shadow: 7px 7px 0px 0px #000;
  71. -moz-box-shadow: 7px 7px 0px 0px #000;
  72. -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  73. box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
  74. border: double black;
  75. border-bottom-right-radius: 0;
  76. border-bottom-left-radius: 0;
  77. border-top-left-radius: 0;
  78. padding: 5px;
  79. margin: 0px 0px 0px;
  80. -moz-border-radius: 0;
  81. -webkit-border-radius: 0;
  82. -khtml-border-radius: 0;
  83. border-radius: 0;
  84. max-width: 80% !important;
  85. float: none;
  86. background-color: rgb(194, 194, 194);
  87. }
  88.  
  89. /* gives "quick reply" box its border and shadow */
  90. #quick-reply table {
  91. background: none repeat scroll 0 0 #CBCBCB;
  92. border: 4px double;
  93. margin: 0;
  94. -webkit-box-shadow: 7px 7px 0px 0px #000;
  95. -moz-box-shadow: 7px 7px 0px 0px #000;
  96. -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  97. box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
  98. width: auto !important;
  99. }
  100.  
  101. /* "posting mode: reply" banner settings */
  102. div.banner {
  103. width: 380px;
  104. display:block;
  105. margin-left:auto;
  106. margin-right:auto;
  107. font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  108. }
  109.  
  110. /* makes posting form maroon */
  111. form table tr th {
  112. background-color: rgb(187, 51, 0);
  113. color: #FFFFFF;
  114. font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  115. }
  116.  
  117. /* boardname font, replace it with something classy someday. */
  118. header div.subtitle, h1 {
  119. font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  120. color: rgb(187, 51, 0);
  121. letter-spacing: -0.5px;
  122. }
  123.  
  124. /* catalog link is a bit bigger */
  125. header div.subtitle {
  126. font-size: 11pt;
  127. }
  128.  
  129. /* announcement font and colour */
  130. .announcement {
  131. text-align: center;
  132. color: #BB3300;
  133. font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  134. }
  135.  
  136. /* blotter font and colour */
  137. div.blotter {
  138. padding: 15px;
  139. color: #000000;
  140. font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  141. }
  142.  
  143. /* gives top ad banner its border and shadow */
  144. .ad-banner {
  145. background-color: rgba(228,228,228,1) !important;
  146. border: double #000 !important;
  147. margin-top: 4px;
  148. padding-top: 3px;
  149. width: 1320px;
  150. -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  151. box-shadow: 7px 5px rgba(0, 0, 0, 0.5);
  152. }
  153.  
  154. /* small text settings */
  155. a.unimportant {
  156. color: #fff !important;
  157. font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  158. }
  159.  
  160. /* gives images their border and shadow */
  161. div.files img.post-image {
  162. -webkit-box-shadow: 7px 7px 0px 0px #000;
  163. -moz-box-shadow: 7px 7px 0px 0px #000;
  164. -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  165. box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
  166. background-color: #CBCBCB;
  167. border: double black;
  168. padding: 5px;
  169. -moz-border-radius: 0;
  170. -webkit-border-radius: 0;
  171. -khtml-border-radius: 0;
  172. border-radius: 0;
  173. margin-bottom: 5px;
  174. }
  175.  
  176. /* makes YouTube thumbs not obscenely big */
  177. div.video-container {
  178. max-height: 70% !important;
  179. max-width: 70% !important;
  180. padding-bottom: 3px;
  181. }
  182.  
  183. /* image thumbs size limit (make it as big as you want) */
  184. .post-image {
  185. border: double black;
  186. height: auto !important;
  187. width: auto !important;
  188. max-height: 75%;
  189. max-width: 75%;
  190. box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
  191. padding: 5px;
  192. background-color: #cdcdcd;
  193. }
  194.  
  195. /* space between two thumbs - to fix shadows */
  196. div.post p {
  197. margin-top: 3px;
  198. }
  199.  
  200. /* keep small thumbnails in replies (make it as big as you want) */
  201. .post.reply a:not([data-expanded="true"]) .post-image {
  202. width: auto !important;
  203. height: auto !important;
  204. max-height: 75%;
  205. max-width: 75%;
  206. }
  207.  
  208. /* reply box size */
  209. .input[type="text"], textarea {
  210. min-height: 117px;
  211. min-width: 240px;
  212. }
  213.  
  214. /* quick reply box settings */
  215. a#link-quick-reply {
  216. background-color: rgba(228,228,228,1);
  217. padding: 5px;
  218. border: double #000 !important;
  219. box-shadow: 7px 7px rgba(0, 0, 0, 0.5) !important;
  220. }
  221.  
  222. #quick-reply table {
  223. min-width: 92%!important;
  224. }
  225.  
  226. form table tr td {
  227. min-width: 100%;
  228. }
  229.  
  230. #quick-reply th .close-btn{
  231. color:#ffffff !important;
  232. }
  233.  
  234. /* fixes the bottom bar */
  235. #thread_stats {
  236. display: block;
  237. float: none;
  238. width: 1305px;
  239. }
  240.  
  241. /* gives posting table its border and shadow */
  242. form table:not(.diceroll) {
  243. display: inline-block;
  244. margin: 5px auto;
  245. background-color: rgb(221, 221, 221);
  246. border: double black;
  247. padding: 5px;
  248. margin-top: 17px;
  249. -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  250. box-shadow: 7px 5px rgba(0, 0, 0, 0.5);
  251. }
  252.  
  253. /* fixes dice roll table */
  254. table.diceroll {
  255. display: inline-block;
  256. margin: 5px auto;
  257. background-color: #CDCDCD;
  258. border: double black;
  259. padding: 3px;
  260. margin-top: 17px;
  261. }
  262.  
  263. /* gives threads its border and shadow */
  264. div[id^="thread_"] {
  265. -webkit-box-shadow: 11px 11px 0px 0px #000;
  266. -moz-box-shadow: 11px 11px 0px 0px #000;
  267. background-color: rgb(221, 221, 221);
  268. margin-bottom: 20px;
  269. padding: 10px 10px 5px 5px;
  270. border: 3px double #000000;
  271. width: 100%;
  272. -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  273. box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
  274. }
  275.  
  276. /* originally there were 2 commands here to break the top line of a thread and display the thread's title alone, and the rest below. */
  277. /* but backslashes for linebreaks are not allowed in css on 8chan. thanks burning tires. */
  278. /* here's an alternative. but the thread name will be seen as a block, with linebreaks before and after. */
  279. p.intro span.subject {
  280. display: block;
  281. }
  282.  
  283. /* adds horizontal bar below subject */
  284. p.intro {
  285. background-image: url('https://i.imgur.com/UebGaj5.png');
  286. background-repeat: repeat-x;
  287. background-position: bottom;
  288. min-height: 25px;
  289. padding-bottom: 5px;
  290. padding-top: 2px;
  291. }
  292.  
  293. /* gives replies its border and shadow */
  294. div.post.reply {
  295. max-width: 95% !important;
  296. -webkit-box-shadow: 7px 7px 0px 0px #000;
  297. -moz-box-shadow: 7px 7px 0px 0px #000;
  298. -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  299. box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
  300. padding: 10px;
  301. margin-top: 20px;
  302. border: double 3px #000;
  303. background-color: rgb(194, 194, 194);
  304. }
  305.  
  306. /* post-hover settings */
  307. div.post-hover {
  308. background-color: #D6BDB0 !important;
  309. border: double #000 !important;
  310. box-shadow: 7px 7px rgba(0, 0, 0, 0.5) !important;
  311. max-width: 50%;
  312. }
  313.  
  314. /* font for the select menu */
  315. input, textarea, keygen, select, button {
  316. font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  317. }
  318.  
  319. /* fixes position of select boxes */
  320. select:not(:-internal-list-box) {
  321. margin: auto auto 5px auto;
  322. }
  323.  
  324. /* unfucks highlighting replies and gives them border and shadow */
  325. div.post.reply.highlighted {
  326. background-color: #D6BDB0;
  327. }
  328.  
  329. /* makes page bar have border and shadow */
  330. div.pages {
  331. -webkit-box-shadow: 7px 7px 0px 0px #000;
  332. -moz-box-shadow: 7px 7px 0px 0px #000;
  333. -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  334. box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
  335. width: 100%;
  336. display: block;
  337. clear: both;
  338. border: double black;
  339. background-color: rgb(221, 221, 221);
  340. width: 1304px;
  341. }
  342.  
  343. /* makes links red */
  344. a, a:visited {
  345. color: rgb(187, 51, 0);
  346. text-decoration: none;
  347. }
  348.  
  349. /* hovered links have underline */
  350. a:hover {
  351. text-decoration: underline!important;
  352. }
  353.  
  354. /* boardlist links colour */
  355. div.boardlist a {
  356. color: rgb(187, 51, 0);
  357. }
  358.  
  359. /* stops textbox resizing shenanigans */
  360. .input[type="text"], textarea {
  361. font-size: 14px;
  362. max-width: 9000px;
  363. min-height: 115px;
  364. min-width: 480px;
  365. }
  366.  
  367. /* top boardlist stuff. change position from "static" to "fixed" to make it behave like normal 8chan */
  368. div.boardlist:not(.bottom) {
  369. background-color: rgba(228,228,228,1) !important;
  370. text-align: center;
  371. padding: 5px 75px;
  372. box-shadow: 7px 7px rgba(0, 0, 0, 0.5) !important;
  373. color: rgba(0, 0, 0, 0.33);
  374. font-size: 10px;
  375. border: double #000 !important;
  376. position: static !important;
  377. width: 1170px;
  378. }
  379.  
  380. /* favorites in a new line */
  381. div.boardlist span.favorite-boards {
  382. display: inline-block;
  383. }
  384.  
  385. /* bottom boardlist stuff */
  386. div.boardlist.bottom {
  387. margin-top: 22px;
  388. text-align: center;
  389. font-size: 10px;
  390. padding: 5px 0;
  391. background-color: rgba(228,228,228,1);
  392. border: double #000000;
  393. -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  394. box-shadow: 7px 5px rgba(0, 0, 0, 0.5);
  395. width: 1320px;
  396. }
  397.  
  398. /* subject color */
  399. p.intro span.subject {
  400. color: rgb(117, 8, 8);
  401. }
  402.  
  403. /* colors name */
  404. p.intro span.name {
  405. color: rgb(122, 77, 77);
  406. font-family: ;
  407. }
  408.  
  409. /* catalog stuff */
  410. .theme-catalog div.thread {
  411. background-color: rgb(221, 221, 221);
  412. border: double;
  413. }
  414.  
  415. .theme-catalog div.thread:hover {
  416. background-color: #D6BDB0;
  417. border: double;
  418. }
  419.  
  420. /* trip color */
  421. span.trip {
  422. color: rgb(34, 136, 84);
  423. }
  424.  
  425. /* post menu stuff */
  426. .post-menu li {
  427. background-color: rgba(221,221,221,1);
  428. color:000!important;
  429. font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  430. }
  431.  
  432. /* puts all buttons in a single bar at the bottom */
  433. #updater {
  434. border:none;
  435. padding: 5px;
  436. margin: 4px;
  437. }
  438.  
  439. #thread-links {
  440. padding: 5px;
  441. padding-top: 6px;
  442. margin: 4px;
  443. }
  444.  
  445. /* fixes the position of bottom ad */
  446. div.boardlist.bottom + div {
  447. padding-top: 20px;
  448. padding-left: 503px;
  449. }
  450.  
  451. /* various minor adjustments */
  452. #post-form-outer {
  453. padding-top: 14px;
  454. }
  455.  
  456. .required-star {
  457. color: #fff;
  458. }
  459.  
  460. /* gives the theme to the options box */
  461. #options_div {
  462. width: 52%;
  463. height: 67%;
  464. background-color: rgba(228,228,228,1);
  465. border: double #000 !important;
  466. box-shadow: 7px 7px rgba(0, 0, 0, 0.5)!important;
  467. font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  468. }
  469.  
  470. input.format_option {
  471. font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  472. font-size: 11pt!important;
  473. }
  474.  
  475. /* gives the theme to the captcha hover */
  476. #alert_div {
  477. background-color: rgba(228,228,228,1);
  478. border: double #000 !important;
  479. box-shadow: 7px 7px rgba(0, 0, 0, 0.5)!important;
  480. font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  481. }
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!