API tools faq
paste
dotunion

pink forum code

dotunion
Jul 26th, 2024 (edited)
1,181
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.42 KB | None | 1 0
raw download clone embed print report
  1. [sc=bg]
  2. [sc=box][sc=tabbed_interface horizontal]
  3. [ul]
  4. [li]tab 1[/li]
  5. [li]current hunt[/li]
  6. [li]shiny pkmn[/li]
  7. [li]albino pkmn[/li]
  8. [/ul]
  9. [
  10. ][sc=tab-active]hello!! you can use this simple code for a shop or journal <3 you'll have to change the colors manually, let me know if you have any questions for that
  11.  
  12. [u]examples[/u]
  13.  
  14. [b]bold[/b] | [i]italics[/i] | [u]underline[/u] | [tip=hello world!]tooltip[/tip]
  15.  
  16. [url=https://pfq.link/@J3dF]link (hover/hold down)[/url]
  17.  
  18. [progress=25/100]progress[/progress]
  19.  
  20. [table]
  21. [tr]
  22. [th]Header 1[/th]
  23. [th]Header 2[/th]
  24. [th]Header 3[/th]
  25. [/tr]
  26. [tr]
  27. [td]cell 1[/td]
  28. [td]cell 2[/td]
  29. [td]cell 3[/td]
  30. [/tr]
  31. [tr]
  32. [td]cell 4[/td]
  33. [td]cell 5[/td]
  34. [td]cell 6[/td]
  35. [/tr]
  36. [/table]
  37.  
  38. [display=display]hi[/display]
  39.  
  40. [accordion]
  41. [a-section=one]content 1[/a-section]
  42. [a-section=two]content 2[/a-section]
  43. [a-section=three]content 3[/a-section]
  44. [a-section=four]content 4[/a-section]
  45. [/accordion]
  46.  
  47. [/sc][
  48. ][sc=tab][hide=hidebox]helllooo[/hide]
  49. [pkmnpanel=D98j0]
  50. [/sc][
  51. ][sc=tab]tab 3
  52. [/sc][
  53. ][sc=tab]tab 4
  54. [/sc][/sc][/sc]
  55. [sc=footer]f2u code by [url=https://pfq.link/@J3dF]union[/url], panel by [url=https://pokefarm.com/forum/post/6000778]mirzam[/url] [/sc]
  56. [/sc]
  57.  
  58. [style]
  59.  
  60. @font-face {
  61. font-family: 'Arsenal SC';
  62. font-style: normal;
  63. font-weight: 700;
  64. font-display: swap;
  65. src: url(https://fonts.gstatic.com/s/arsenalsc/v1/x3dmckLHea6e5BEtsfxiZGYDpynNAA.woff2) format('woff2');
  66. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  67. }
  68.  
  69. @font-face {
  70. font-family: 'Plus Jakarta Sans';
  71. font-style: normal;
  72. src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');
  73. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  74. }
  75.  
  76. /* tabbed */
  77.  
  78. .tabbed_interface>ul {
  79. height: auto;
  80. width: 98%;
  81. background-color: white;
  82. border: 1px solid black;
  83. border-radius: 25px;
  84. padding: 5px;
  85. position: relative;
  86. bottom: 4em;
  87. }
  88.  
  89. .tabbed_interface >div {
  90. animation: 0.4s fade;
  91. }
  92.  
  93. .tabbed_interface>ul li { /* tabs */
  94. font-family: 'Arsenal SC';
  95. cursor: pointer;
  96. margin: 5px 5px;
  97. width: auto;
  98. position: relative;
  99. bottom: 0.4em;
  100. padding-left: 0px;
  101. padding-right: 0px;
  102. padding-top: 0px;
  103. padding-bottom: 0px;
  104. font-size: 20px;
  105. text-align: center;
  106. color: #000;
  107. border-radius: 5px;
  108. text-shadow: #fff 0px 0 4px;
  109. box-shadow: none;
  110. background-color: rgba(0, 0, 0, 0.00);
  111. border: none;
  112. transition: .4s;
  113. }
  114.  
  115. .tabbed_interface>ul>li.tab-active {
  116. background: none;
  117. text-decoration: underline;
  118. }
  119.  
  120. .tab-active { /* content */
  121. font-family: 'Plus Jakarta Sans';
  122. text-align: center;
  123. position: relative;
  124. margin-bottom: -70px;
  125. bottom: 4.9em;
  126. padding-left: 5px;
  127. padding-right: 5px;
  128. padding-top: 10px;
  129. padding-bottom: 10px;
  130. width: auto;
  131. height: auto;
  132. background-color: #fff;
  133. border: 1px solid #000;
  134. border-radius: 10px;
  135. color: #000;
  136. font-size: 14px;
  137. box-shadow: none;
  138. }
  139.  
  140. .bg {
  141. background-color: #F9E0E6;
  142. }
  143.  
  144. .box {
  145. margin: auto;
  146. margin-top: 50px;
  147. width: 95%;
  148. height: auto;
  149. background-color: none;
  150. border-radius: 10px;
  151. border: 1px solid #00000000;
  152. }
  153.  
  154. .footer {
  155. margin: auto;
  156. width: 95%;
  157. height: 19px;
  158. background-color: #fff;
  159. border-radius: 25px;
  160. border: 1px solid black;
  161.  
  162. text-align: center;
  163. color: #000;
  164. font-family: 'Plus Jakarta Sans';
  165. font-weight: bold;
  166. font-size: 13px;
  167. }
  168.  
  169. /* links */
  170.  
  171. a {
  172. display: inline-block;
  173. transition: .2s ease;
  174. text-decoration: black wavy underline;
  175. color: #E786B9;
  176. }
  177.  
  178. a:hover {
  179. transform: translateY(-15%);
  180. }
  181.  
  182. /* tooltip */
  183.  
  184. div.tooltip_content {
  185. background: rgba(0, 0, 0, 00);
  186. color: #000;
  187. border: solid 1px #000;
  188. }
  189.  
  190. div.tooltip_content {
  191. width: auto;
  192. margin: auto;
  193. font-size: 13px;
  194. letter-spacing: 1px;
  195. word-spacing: 2px;
  196. background: #fff;
  197. color: #000;
  198. border: solid 1px #000;
  199. border-radius: 10px;
  200. text-align: center;
  201. }
  202.  
  203. .bbcode_tooltip {
  204. border-bottom: @sub underline dotted;
  205. }
  206.  
  207. .expbar {
  208. background: #F9E0E6;
  209. border-radius: 7px;
  210. width: 80%;
  211. height: 10%;
  212. border: 1px solid #000;
  213. color: #000;
  214. box-shadow: 0px 0px 0px #00000000;
  215. >div {
  216. background: #fff;
  217. border-right: 1px solid #000;
  218. }
  219. }
  220.  
  221. /* table */
  222.  
  223. table {
  224. border: none;
  225. padding: 4px;
  226. border-collapse: separate;
  227.  
  228. th, td {
  229. text-align: center;
  230. padding: 5px;
  231. border-radius: 10px;
  232. border: 1px solid #000;
  233. color: #000;
  234. }
  235. th {
  236. background-color: #F9E0E6;
  237. color: #000;
  238. }
  239. td {
  240. background-color: #fff;
  241. color: #000
  242. }
  243. }
  244. table {
  245. margin: 0 auto;
  246. }
  247.  
  248. /* panel */
  249.  
  250. @platform-base: #fff;
  251. @platform-border: #E786B9;
  252. @name-color: #000;
  253. @name-background: #fff;
  254. @name-border: #000;
  255. @berry-background: @col-flavour-up;
  256. @berry-border: #E786B9;
  257. /* Set to "block" to show, "none" to hide */
  258. @display-item: block;
  259. @display-berries: block;
  260.  
  261. .party {
  262. display: inline-block;
  263. &,>div {
  264. padding: 0;
  265. margin: 0;
  266. background: transparent;
  267. width: 120px !important;
  268. height: 120px;
  269. overflow: hidden;
  270. border: none;
  271. border-radius: 0;
  272. box-shadow: none;
  273. }
  274. >div {
  275. &::after {
  276. display: none;
  277. }
  278. .pkmn {
  279. margin: 0 10px;
  280. float: unset;
  281. &::before {
  282. background-color: @platform-base;
  283. border-color: @platform-border;
  284. }
  285. .helditem {
  286. display: @display-item;
  287. .itemsprite {
  288. cursor: unset;
  289. }
  290. .tooltip_content {
  291. display: none;
  292. }
  293. }
  294. }
  295. .name {
  296. background-color: @name-background;
  297. border: 1px solid @name-border;
  298. border-radius: 5px;
  299. margin-top: 1px;
  300. height: 16px;
  301. display: flex;
  302. flex-wrap: nowrap;
  303. a {
  304. color: @name-color;
  305. text-shadow: 0px 0px 0px #00000000;
  306. font-weight: normal;
  307. margin: 0 2px;
  308. width: 80px !important;
  309. flex-grow: 99;
  310. font-size: 12px;
  311. text-decoration: none;
  312. }
  313. a:hover {
  314. transform: none;
  315. }
  316. img {
  317. display: none;
  318. }
  319. img:nth-last-of-type(-n+2) {
  320. display: inline;
  321. margin: 0;
  322. }
  323. }
  324. .action {
  325. display: @display-berries;
  326. position: absolute;
  327. left: 88px;
  328. top: 70px;
  329. height: unset;
  330. width: unset;
  331. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  332. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  333. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  334. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  335. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  336. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  337. display: inline-block;
  338. }
  339. .berrybuttons {
  340. >a {
  341. display: none;
  342. width: 20px;
  343. height: 20px;
  344. line-height: 20px;
  345. padding: 5px;
  346. background-color: @berry-background;
  347. border-radius: 20px;
  348. >img {
  349. vertical-align: top;
  350. max-height: 20px;
  351. max-width: 20px;
  352. }
  353. }
  354. >a[data-berry="pecha"] img {
  355. /* this berry is short */
  356. margin-top: 1px;
  357. }
  358. }
  359. &.working {
  360. opacity: 0.5;
  361. }
  362. table, a[data-evolve] {
  363. /* "thank you" message and evolve button */
  364. display: none;
  365. }
  366. }
  367. .expbar, .taste, .extra {
  368. display: none;
  369. }
  370. }
  371. >div:hover>.action a[data-berry]:after {
  372. border-color: @berry-border;
  373. }
  374. }
  375.  
  376. .panel {
  377. Width: 90%;
  378. margin: auto;
  379. border-radius: 10px;
  380. box-shadow: none;
  381. border: 0.5px solid #000;
  382. overflow: hidden;
  383. &>h3 {
  384. &>a {
  385. color: #000;
  386. }
  387. text-align: center;
  388. background: #F9E0E6;
  389. font-size: 14px;
  390. border-radius: 0px;
  391. border: 0.5px solid #000;
  392. color: #000;
  393. }
  394. &>div {
  395. background: #fff;
  396. display: block;
  397. margin: 0;
  398. padding: 6px;
  399. color: #000;
  400. border: 1px solid @button;
  401. }
  402. }
  403.  
  404.  
  405. [/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!