API tools faq
paste
dotunion

coffeechoux forum code

dotunion
Apr 26th, 2025 (edited)
150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.43 KB | None | 0 0
raw download clone embed print report
  1. [sc=bg][sc=box][css=margin-top: -8px; -webkit-filter: drop-shadow(0px 0px 3px #478496); filter: drop-shadow(0px 0px 3px #025e5b);][img]https://64.media.tumblr.com/5ec10c1181074e31c61e5888a74edd4b/1df7d36d5a4bb578-80/s2048x3072/75b510dd7c50f146ee1977bbb5bad41c2ce1a2f5.pnj[/img][/css][sc=banner][sc=body][sc=title]this is your title![/sc]
  2. [css=margin-top: -15px; filter: hue-rotate(-150deg);][img]https://64.media.tumblr.com/997c47b7f010dc46e546f6f45b3d2e57/c7779fcdb8539541-3e/s1280x1920/6a14dfbbb17b6339d42ae41ecc0e62973c48d27b.pnj[/img][/css]
  3. [sc=tabbed_interface horizontal]
  4. [ul]
  5. [li]Title 1[/li]
  6. [li]Title 2[/li]
  7. [li]Title 3[/li]
  8. [li]Title 4[/li]
  9. [/ul][
  10. ][sc=tab-active]testing text!
  11. [b]bold[/b] | [i]italics[/i] | [u]underline[/u] | [tip=hello world!]tooltip[/tip] | [url=https://youtu.be/tp6wKVxqtsA]link[/url]
  12.  
  13. [progress=80/100]progress[/progress]
  14. [display=display panel]hi[/display]
  15. [hide=hidebox]hello[/hide][/sc][
  16.  
  17. ][sc=tab][table]
  18. [tr]
  19. [th=3x1]cell[/th]
  20. [th=3x1]cell[/th]
  21. [th=3x1]cell[/th]
  22. [/tr]
  23. [tr]
  24. [td=3x1]one[/td]
  25. [td=3x1]two[/td]
  26. [td=3x1]three[/td]
  27. [/tr]
  28. [tr]
  29. [td=3x1]one[/td]
  30. [td=3x1]two[/td]
  31. [td=3x1]three[/td]
  32. [/tr]
  33. [/table]
  34. [pkmnpanel=m7yjb][/sc][
  35.  
  36. ][sc=tab]Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.[/sc][
  37.  
  38. ][sc=tab]Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.[/sc][/sc][/sc][/sc]
  39. [css=margin-bottom: -25px; -webkit-filter: drop-shadow(0px 0px 3px #478496); filter: drop-shadow(0px 0px 3px #025e5b);][img]https://64.media.tumblr.com/5ec10c1181074e31c61e5888a74edd4b/1df7d36d5a4bb578-80/s2048x3072/75b510dd7c50f146ee1977bbb5bad41c2ce1a2f5.pnj[/img][/css]
  40. [sc=credit][pit="[img]https://64.media.tumblr.com/a8e75989fb17d180a080d6821b832853/e3238a4cf3c8a896-34/s75x75_c1/2328830cc12bc22985f98bac93c52f5978dc08d1.gifv[/img]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pfq.link/@JffM]coffeechoux's[/url] use only
  41. - star divider from [url=https://www.tumblr.com/sister-lucifer/766078518179364864/hiii-lucifer-may-i-ask-for-some?source=share]sister-lucifer[/url]
  42. - tapes divider from [url=https://www.tumblr.com/bernardsbendystraws/768730945460240384/like-reblog-credit-by-tagging-do-not-claim-as?source=share]bernardsbendystraws[/url]
  43. - wing pixels from [url=https://www.tumblr.com/ichigokuruiza/760103914836230144/requested-by-anon?source=share]ichigokuruiza[/url]
  44. - background from [url=https://www.tumblr.com/seamlessbackgrounds]seamlessbackgrounds[/url][/pit][/sc]
  45. [/sc][/sc]
  46.  
  47. [style]
  48.  
  49. @font-face {
  50. font-family: 'Outfit';
  51. src: url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYTkntBJ.woff2) format('woff2');
  52. }
  53.  
  54. @font-face {
  55. font-family: 'Fascinate';
  56. src: url(https://fonts.gstatic.com/s/fascinate/v22/z7NWdRrufC8XJK0IIElS07zR.woff2) format('woff2');
  57. }
  58.  
  59. .bg {
  60. background-image: url("https://i.imgur.com/JP7dkxI.jpeg");
  61. padding: 3px;
  62. }
  63.  
  64. .box {
  65. background-color: #359d9290;
  66. border: 2px solid #1f6e60;
  67. padding: 5px;
  68. }
  69.  
  70. .banner {
  71. background-image: url("https://pokefarm.com/upload/:JffM/Tak_berjudul676_20250427084233.png");
  72. border: 1px solid black;
  73. width: 35%;
  74.  
  75. background-size: 100%;
  76. display: inline-block;
  77. }
  78.  
  79. .body {
  80. display: inline-block;
  81. width: 180%;
  82. margin-left: 105%;
  83. text-align: center;
  84. }
  85.  
  86. .title {
  87. color: #d5e1df;
  88. font-family: 'Fascinate';
  89. font-size: 2.1em;
  90. text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
  91. }
  92.  
  93. .tabbed_interface>ul {
  94. margin-top: -30px;
  95. background: none;
  96. }
  97.  
  98. .tabbed_interface>ul li {
  99. cursor: pointer;
  100. font-family: 'Outfit';
  101. padding: 5px;
  102. margin-left: 2px;
  103. margin-right: 2px;
  104. margin-bottom: 10px;
  105. color: #359d92;
  106. border: 1.5px solid #359d92;
  107. background-color: #d5e1df;
  108. transition: .5s;
  109. }
  110.  
  111. .tabbed_interface>ul>li.tab-active {
  112. border: 1.5px solid #359d92;
  113. background: #92c4c1;
  114. color: #fff;
  115. text-decoration: underline double;
  116. }
  117.  
  118. .tabbed_interface>ul>li.tab-active:before {
  119. content: url("https://64.media.tumblr.com/d0cee632d56c2adbadbc82179c66e9d5/a61a02234809a08a-a6/s75x75_c1/a8586f26c7af3b1b724f46d1ce209dce9003389a.gifv");
  120. margin-right: 5px;
  121. margin-left: 0px;
  122. animation: .8s fade;
  123. }
  124.  
  125. .tabbed_interface>ul>li.tab-active:after {
  126. content: url("https://64.media.tumblr.com/287d13cb87f6f46a872ba010276a6efc/a61a02234809a08a-bd/s75x75_c1/a030fdc24bb368edbc1bf5486a8f6276f692bf2e.gifv");
  127. margin-right: 0px;
  128. margin-left: 5px;
  129. animation: .8s fade;
  130. }
  131.  
  132. .tabbed_interface>div {
  133. margin-left: 5px;
  134. margin-right: 5px;
  135. background: #92c4c1;
  136. border: 1.5px solid #359d92;
  137. box-shadow: none;
  138. padding: 5px;
  139. text-align: center;
  140. font-family: 'Outfit';
  141. font-size: 16px;
  142. color: #fff;
  143. animation: 0.8s fade;
  144. }
  145.  
  146. u {
  147. text-decoration: underline double;
  148. }
  149.  
  150. a {
  151. text-decoration-style: dotted;
  152. color: #fff;
  153. }
  154.  
  155. div.tooltip_content {
  156. padding: 5px;
  157. width: auto;
  158. border: 1.5px solid #359d92;
  159. background-color: #d5e1df;
  160. color: #359d92;
  161. border-radius: 0px;
  162. font-size: 14px;
  163. box-shadow: none;
  164. }
  165.  
  166. .bbcode_tooltip {
  167. border-bottom: 1px dotted #fff;
  168. cursor: help;
  169. }
  170.  
  171. .panel {
  172. background: none;
  173. margin: auto;
  174. box-shadow: none;
  175. border: none;
  176. &>h3 {
  177. &>a {
  178. color: #359d92;
  179. text-decoration: none;
  180. font-weight: normal;
  181. }
  182. font-weight: normal;
  183. text-align: center;
  184. background: #d5e1df;
  185. font-size: 16px;
  186. border-radius: 0px;
  187. border: 4px double #359d92;
  188. color: #359d92;
  189. }
  190. &>div {
  191. background: #359d92;
  192. display: block;
  193. padding: 4px;
  194. color: #d5e1df;
  195. border: none;
  196. border-top: none;
  197. }
  198. }
  199.  
  200. .expbar {
  201. margin-top: -5px;
  202. margin-bottom: -5px;
  203. background: none;
  204. border-radius: 0px;
  205. border: 4px double #359d92;
  206. color: #359d92;
  207. >span {
  208. font-size: 14px;
  209. font-weight: normal;
  210. padding: 2px;
  211. }
  212. >div {
  213. margin: 3px;
  214. background: #d5e1df;
  215. border-right: 1px solid #d5e1df;
  216. }
  217. }
  218.  
  219. table {
  220. margin: auto;
  221. width: 100%;
  222. border: none;
  223. border-collapse: separate;
  224. th, td {
  225. text-align: center;
  226. padding: 3px;
  227. border-radius: 0px;
  228. border: 1.5px solid #359d92;
  229. font-weight: normal;
  230. }
  231. th {
  232. background-color: #d5e1df;
  233. color: #359d92;
  234. }
  235. td {
  236. background-color: #359d92;
  237. color: #d5e1df;
  238. }
  239. }
  240.  
  241. @platform-base: #359d92;
  242. @platform-border: #d5e1df;
  243. @name-color: #fff;
  244. @name-background: #359d92;
  245. @name-border: #fff;
  246. @berry-background: @col-flavour-up;
  247. @berry-border: #359d92;
  248. /* Set to "block" to show, "none" to hide */
  249. @display-item: block;
  250. @display-berries: block;
  251.  
  252. .party {
  253. display: inline-block;
  254. &,>div {
  255. padding: 0;
  256. margin: 0;
  257. background: transparent;
  258. width: 120px !important;
  259. height: 120px;
  260. overflow: hidden;
  261. border: none;
  262. border-radius: 0;
  263. box-shadow: none;
  264. }
  265. >div {
  266. &::after {
  267. display: none;
  268. }
  269. .pkmn {
  270. margin: 0 10px;
  271. float: unset;
  272. &::before {
  273. background-color: @platform-base;
  274. border-color: @platform-border;
  275. }
  276. .helditem {
  277. display: @display-item;
  278. .itemsprite {
  279. cursor: unset;
  280. }
  281. .tooltip_content {
  282. display: none;
  283. }
  284. }
  285. }
  286. .name {
  287. background-color: @name-background;
  288. border: 1.5px solid @name-border;
  289. border-radius: 5px;
  290. margin-top: 0px;
  291. height: 16px;
  292. display: flex;
  293. flex-wrap: nowrap;
  294. box-shadow: none;
  295. a {
  296. color: @name-color;
  297. font-weight: normal;
  298. margin: 0 2px;
  299. width: 80px !important;
  300. flex-grow: 99;
  301. font-size: 14px;
  302. }
  303. img {
  304. display: none;
  305. }
  306. img:nth-last-of-type(-n+2) {
  307. display: inline;
  308. margin: 0;
  309. }
  310. }
  311. .action {
  312. display: @display-berries;
  313. position: absolute;
  314. left: 88px;
  315. top: 70px;
  316. height: unset;
  317. width: unset;
  318. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  319. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  320. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  321. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  322. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  323. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  324. display: inline-block;
  325. }
  326. .berrybuttons {
  327. >a {
  328. display: none;
  329. width: 20px;
  330. height: 20px;
  331. line-height: 20px;
  332. padding: 5px;
  333. background-color: @berry-background;
  334. border-radius: 20px;
  335. >img {
  336. vertical-align: top;
  337. max-height: 20px;
  338. max-width: 20px;
  339. }
  340. }
  341. >a[data-berry="pecha"] img {
  342. /* this berry is short */
  343. margin-top: 1px;
  344. }
  345. }
  346. &.working {
  347. opacity: 0.5;
  348. }
  349. table, a[data-evolve] {
  350. /* "thank you" message and evolve button */
  351. display: none;
  352. }
  353. }
  354. .expbar, .taste, .extra {
  355. display: none;
  356. }
  357. }
  358. >div:hover>.action a[data-berry]:after {
  359. border-color: @berry-border;
  360. }
  361. }
  362.  
  363. .credit {
  364. margin-right: 5px;
  365. margin-bottom: -35px;
  366. text-align: right;
  367. user-select: none;
  368. position: relative;
  369. bottom: 15px;
  370. width: auto;
  371. height: auto;
  372.  
  373. div.tooltip_content {
  374. font-family: 'Outfit';
  375. width: 90%;
  376. bottom: 0px;
  377. margin-left: 10px;
  378. font-size: 16px;
  379. padding: 5px;
  380. border: 1.5px solid #d5e1df;
  381. background-color: #359d92;
  382. color: #fff;
  383. text-align: left;
  384.  
  385. }
  386. .bbcode_tooltip {
  387. border-bottom: none;
  388. }
  389. }
  390.  
  391. [/style]
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!