API tools faq
paste
dotunion

cherripups forum code

dotunion
May 23rd, 2025 (edited)
68
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.53 KB | None | 0 0
raw download clone embed print report
  1. [sc=bg][sc=lace][/sc][sc=body]
  2. [sc=title]cherry's little shop of horrors[/sc]
  3. [sc=bat][img]https://64.media.tumblr.com/337974dee24f4d058fe10a37fa8c4074/af21c2a01b17d0df-4d/s1280x1920/334a7c2ce1972101a083c9967700b22e932d5568.gifv[/img][/sc]
  4. [sc=tabbed_interface horizontal]
  5. [ul]
  6. [li]Title 1[/li]
  7. [li]Title 2[/li]
  8. [li]Title 3[/li]
  9. [li]Title 4[/li]
  10. [li]Title 5[/li]
  11. [/ul][
  12. ][sc=tab-active]contents 1[/sc][
  13.  
  14. ][sc=tab]contents 2[/sc][
  15.  
  16. ][sc=tab]contents 3[/sc][
  17.  
  18. ][sc=tab]contents 4[/sc][
  19.  
  20. ][sc=tab]contents 5[/sc][/sc]
  21. [sc=mascot][pkmnpanel=ID HERE][/sc]
  22. [sc=bats][img]https://64.media.tumblr.com/a5a7f046088ff67d2ef8279e4e737710/6b49f6dcf155d615-81/s2048x3072/09c48f256bde646c6a959a73dd29ed1b05d03b5c.pnj[/img][/sc]
  23. [/sc][sc=footer][/sc][sc=credit][pit="[img]https://64.media.tumblr.com/d0fc622de2ee40ac1639600b9fa334b0/82c77a3cd993f4da-49/s75x75_c1/2f07155640f8607c2b8b18676b78b50aeb08b186.gifv[/img]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pfq.link/@JzsF]cherripups's[/url] use only
  24. - [url=https://www.tumblr.com/stomachbooks/781608879849177088/]header/footer[/url]
  25. - vampire dividers [url=https://www.tumblr.com/sisterlucifergraphics/770981593277972480/]1[/url] & [url=https://www.tumblr.com/animatedglittergraphics-n-more/743474411173183488/]2[/url]
  26. - [url=https://www.tumblr.com/fawndollie/747076097556070400/]little pixels[/url]
  27. - [url=https://foollovers.com/]background[/url][/pit][/sc][/sc]
  28. [style]
  29.  
  30. @font-face {
  31. font-family: 'Courier Prime';
  32. src: url(https://fonts.gstatic.com/s/courierprime/v9/u-4k0q2lgwslOqpF_6gQ8kELY7pMT-Dfqw.woff2) format('woff2');
  33. 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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  34. }
  35.  
  36. @font-face {
  37. font-family: 'Jacquard 24';
  38. src: url(https://fonts.gstatic.com/s/jacquard24/v3/jVyO7nf_B2zO5jVpUGU8ljQDf8k.woff2) format('woff2');
  39. 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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  40. }
  41.  
  42. a {
  43. color: #fff;
  44. }
  45.  
  46. hr {
  47. border-bottom: 2px dashed #fff;
  48. border-top: none;
  49. margin-bottom: -10px;
  50. }
  51.  
  52. .bg {
  53. background-image: url("https://foollovers.com/mat/slantstripe/pa15-bg-slantstripe.gif");
  54. padding-bottom: 5px;
  55. }
  56.  
  57. .lace {
  58. background-image: url("https://64.media.tumblr.com/d0dc76a2c5a01b0885b49c5a8495819a/38cb13cb0960ea8a-d1/s1280x1920/ecf79f6b914541c5c909dc242087aa8b56084095.pnj");
  59. height: 169px;
  60. background-size: 100% auto;
  61. background-position: center;
  62. position: relative;
  63. z-index: 2;
  64.  
  65. @media only screen and (max-width: 1024px) {
  66. height: 99px;
  67. }
  68. }
  69.  
  70. .body {
  71. width: 98%;
  72. margin: auto;
  73. margin-top: -75px;
  74. border: 2px solid #000;
  75. background: #00000090;
  76. }
  77.  
  78. .title {
  79. position: relative;
  80. z-index: 1;
  81. margin: auto;
  82. width: 75%;
  83. border-image: url("https://64.media.tumblr.com/3ab6e4e206ad7089d9eac6be21c74ea2/bd92aea664e610e7-c9/s400x600/d4e651bf3ff3c3288e0c70a19290e9a38e1471af.pnj");
  84. border-image-slice: 19%;
  85. border-image-width: 40px;
  86. border-image-outset: 35px;
  87. border-image-repeat: repeat;
  88. padding: 6px;
  89. text-align: center;
  90. background-color: #000000;
  91. color: #fff;
  92. font-family: 'Jacquard 24';
  93. font-size: 2.6em;
  94. }
  95.  
  96. .bat {
  97. margin: auto;
  98. width: auto;
  99. -webkit-filter: drop-shadow(0px 0px 2px #fff);
  100. filter: drop-shadow(0px 0px 2px #fff);
  101. margin-top: 1px;
  102. position: relative;
  103. z-index: 3;
  104. }
  105.  
  106. .bats {
  107. margin: auto;
  108. width: auto;
  109. -webkit-filter: drop-shadow(0px 0px 2px #fff);
  110. filter: drop-shadow(0px 0px 2px #fff);
  111. margin-top: 1px;
  112. position: relative;
  113. z-index: 4;
  114. }
  115.  
  116. .tabbed_interface>ul {
  117. background: none;
  118. margin-top: -30px;
  119. margin-left: 5px;
  120. margin-right: 5px;
  121. width: 100px;
  122. float: left;
  123. }
  124.  
  125. .tabbed_interface>ul li {
  126. font-family: 'Courier Prime';
  127. cursor: pointer;
  128. padding: 10px;
  129. text-align: center;
  130. margin-left: 5px;
  131. margin-right: 5px;
  132. font-size: 18px;
  133. margin-top: 5px;
  134. border: 2px solid #000;
  135. color: #fff;
  136. background: #3f1c1c;
  137. box-shadow: 0px 0px 5px #fff;
  138. transition: .3s;
  139. }
  140.  
  141. .tabbed_interface>ul>li.tab-active:before {
  142. content: url("https://64.media.tumblr.com/b9ef1c8bc59693f8a003a10a8460d93e/82c77a3cd993f4da-9a/s75x75_c1/d1285d5facab211ce90fa934d6e29448a87edfc9.gifv");
  143. margin-right: 5px;
  144. margin-left: 0px;
  145. animation: .5s fade;
  146. }
  147.  
  148. .tabbed_interface>ul>li.tab-active {
  149. color: #3f1c1c;
  150. background: #fff;
  151. border: 2px solid #3f1c1c;
  152. }
  153.  
  154. .tabbed_interface>div {
  155. width: 430px;
  156. float: right;
  157. margin: 5px;
  158. margin-top: -25px;
  159. padding: 5px;
  160. font-family: 'Courier Prime';
  161. text-align: center;
  162. border: 2px solid #000;
  163. color: #fff;
  164. background: #3f1c1c;
  165. font-size: 16px;
  166. box-shadow: 0px 0px 5px #fff;
  167.  
  168. @media only screen and (max-width: 1080px) {
  169. width: 230px;
  170. }
  171. }
  172.  
  173. .mascot {
  174. margin-left: 5px;
  175. border-radius: 100px;
  176. margin-bottom: -20px;
  177. padding: 5px;
  178. width: 120px;
  179. height: 120px;
  180. border: 4px double #3f1c1c;
  181. background-color: #000;
  182. box-shadow: 0px 0px 5px #fff;
  183. float: left;
  184. position: relative;
  185. bottom: 10px;
  186.  
  187. @media only screen and (max-width: 1080px) {
  188. width: 95px;
  189. height: 95px;
  190. }
  191.  
  192. @platform-base: #000;
  193. @platform-border: #fff;
  194. @name-color: #fff;
  195. @name-background: #000;
  196. @name-border: #fff;
  197. @berry-background: @col-flavour-up;
  198. @berry-border: #fff;
  199. /* Set to "block" to show, "none" to hide */
  200. @display-item: none;
  201. @display-berries: none;
  202.  
  203. .party {
  204. display: inline-block;
  205. &,>div {
  206. padding: 0;
  207. margin: 0;
  208. margin-top: -10px;
  209. background: transparent;
  210. width: 120px !important;
  211. height: 120px;
  212. overflow: hidden;
  213. border: none;
  214. border-radius: 0;
  215. box-shadow: none;
  216. @media only screen and (max-width: 1080px) {
  217. margin-top: -15px;
  218. }
  219. }
  220. >div {
  221. &::after {
  222. display: none;
  223. }
  224. .pkmn {
  225. margin: 0 10px;
  226. float: unset;
  227. &::before {
  228. background-color: @platform-base;
  229. border-color: @platform-border;
  230. }
  231. .helditem {
  232. display: @display-item;
  233. .itemsprite {
  234. cursor: unset;
  235. }
  236. .tooltip_content {
  237. display: none;
  238. }
  239. }
  240. }
  241. .name {
  242. background-color: @name-background;
  243. border: 1.5px solid @name-border;
  244. border-radius: 5px;
  245. width: 80%;
  246. margin: auto;
  247. margin-top: 1px;
  248. height: 16px;
  249. display: flex;
  250. flex-wrap: nowrap;
  251. box-shadow: 0px 0px 5px #fff;
  252. a {
  253. color: @name-color;
  254. font-weight: normal;
  255. margin: 0 2px;
  256. width: 80px !important;
  257. flex-grow: 99;
  258. font-size: 12px;
  259. }
  260. img {
  261. display: none;
  262. }
  263. img:nth-last-of-type(-n+2) {
  264. display: inline;
  265. margin: 0;
  266. }
  267. }
  268. .action {
  269. display: @display-berries;
  270. position: absolute;
  271. left: 88px;
  272. top: 70px;
  273. height: unset;
  274. width: unset;
  275. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  276. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  277. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  278. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  279. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  280. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  281. display: inline-block;
  282. }
  283. .berrybuttons {
  284. >a {
  285. display: none;
  286. width: 20px;
  287. height: 20px;
  288. line-height: 20px;
  289. padding: 5px;
  290. background-color: @berry-background;
  291. border-radius: 20px;
  292. >img {
  293. vertical-align: top;
  294. max-height: 20px;
  295. max-width: 20px;
  296. }
  297. }
  298. >a[data-berry="pecha"] img {
  299. /* this berry is short */
  300. margin-top: 1px;
  301. }
  302. }
  303. &.working {
  304. opacity: 0.5;
  305. }
  306. table, a[data-evolve] {
  307. /* "thank you" message and evolve button */
  308. display: none;
  309. }
  310. }
  311. .expbar, .taste, .extra {
  312. display: none;
  313. }
  314. }
  315. >div:hover>.action a[data-berry]:after {
  316. border-color: @berry-border;
  317. }
  318. }
  319. }
  320.  
  321. .footer {
  322. background-image: url("https://64.media.tumblr.com/bcd542ee19f48c5301bfbaa350c1ee5d/38cb13cb0960ea8a-42/s1280x1920/65879795ca437ad8ad4b5fbed55a92dfda2f6b7f.pnj");
  323. height: 169px;
  324. background-size: 100% auto;
  325. background-position: center;
  326. position: relative;
  327. z-index: 5;
  328. margin-top: -90px;
  329. margin-bottom: -5px;
  330.  
  331. @media only screen and (max-width: 1024px) {
  332. height: 99px;
  333. }
  334. }
  335.  
  336. div.tooltip_content {
  337. padding: 8px;
  338. width: auto;
  339. text-align: center;
  340. border: 2px dashed #000;
  341. background-color: #3f1c1c;
  342. color: #fff;
  343. border-radius: 0px;
  344. font-size: 14px;
  345. box-shadow: 0px 0px 3px #fff;
  346. }
  347.  
  348. .bbcode_tooltip {
  349. border-bottom: 1.5px dotted #fff;
  350. cursor: help;
  351. }
  352.  
  353. .panel {
  354. background: none;
  355. margin: auto;
  356. box-shadow: none;
  357. border: none;
  358. &>h3 {
  359. &>a {
  360. color: #fff;
  361. text-decoration: none;
  362. font-weight: normal;
  363. }
  364. font-weight: normal;
  365. text-align: center;
  366. background: #3f1c1c;
  367. font-size: 16px;
  368. border-radius: 0px;
  369. border: 4px double #000;
  370. color: #fff;
  371. }
  372. &>div {
  373. background: #000;
  374. display: block;
  375. padding: 4px;
  376. color: #fff;
  377. border: none;
  378. border-top: none;
  379. }
  380. }
  381.  
  382. .expbar {
  383. background: none;
  384. border-radius: 0px;
  385. border: 4px double #fff;
  386. color: #fff;
  387. >span {
  388. font-size: 14px;
  389. font-weight: normal;
  390. padding: 2px;
  391. }
  392. >div {
  393. margin: 3px;
  394. background: #000;
  395. border-right: 1px solid #000;
  396. }
  397. }
  398.  
  399. table {
  400. margin: auto;
  401. width: 100%;
  402. border: none;
  403. border-collapse: separate;
  404. th, td {
  405. text-align: center;
  406. padding: 3px;
  407. border-radius: 0px;
  408. border: 1.5px solid #fff;
  409. font-weight: bold;
  410. }
  411. th {
  412. background-color: #000;
  413. color: #fff;
  414. }
  415. td {
  416. background-color: #3f1c1c;
  417. color: #fff;
  418. font-weight: normal;
  419. }
  420. }
  421.  
  422. @platform-base: #3f1c1c;
  423. @platform-border: #000;
  424. @name-color: #fff;
  425. @name-background: #000;
  426. @name-border: #fff;
  427. @berry-background: @col-flavour-up;
  428. @berry-border: #fff;
  429. /* Set to "block" to show, "none" to hide */
  430. @display-item: block;
  431. @display-berries: block;
  432.  
  433. .party {
  434. display: inline-block;
  435. &,>div {
  436. padding: 0;
  437. margin: 0;
  438. background: transparent;
  439. width: 120px !important;
  440. height: 120px;
  441. overflow: hidden;
  442. border: none;
  443. border-radius: 0;
  444. box-shadow: none;
  445. }
  446. >div {
  447. &::after {
  448. display: none;
  449. }
  450. .pkmn {
  451. margin: 0 10px;
  452. float: unset;
  453. &::before {
  454. background-color: @platform-base;
  455. border-color: @platform-border;
  456. }
  457. .helditem {
  458. display: @display-item;
  459. .itemsprite {
  460. cursor: unset;
  461. }
  462. .tooltip_content {
  463. display: none;
  464. }
  465. }
  466. }
  467. .name {
  468. background-color: @name-background;
  469. border: 1.5px solid @name-border;
  470. border-radius: 5px;
  471. margin-top: 0px;
  472. height: 16px;
  473. display: flex;
  474. flex-wrap: nowrap;
  475. box-shadow: none;
  476. a {
  477. color: @name-color;
  478. font-weight: normal;
  479. margin: 0 2px;
  480. width: 80px !important;
  481. flex-grow: 99;
  482. font-size: 14px;
  483. }
  484. img {
  485. display: none;
  486. }
  487. img:nth-last-of-type(-n+2) {
  488. display: inline;
  489. margin: 0;
  490. }
  491. }
  492. .action {
  493. display: @display-berries;
  494. position: absolute;
  495. left: 88px;
  496. top: 70px;
  497. height: unset;
  498. width: unset;
  499. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  500. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  501. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  502. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  503. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  504. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  505. display: inline-block;
  506. }
  507. .berrybuttons {
  508. >a {
  509. display: none;
  510. width: 20px;
  511. height: 20px;
  512. line-height: 20px;
  513. padding: 5px;
  514. background-color: @berry-background;
  515. border-radius: 20px;
  516. >img {
  517. vertical-align: top;
  518. max-height: 20px;
  519. max-width: 20px;
  520. }
  521. }
  522. >a[data-berry="pecha"] img {
  523. /* this berry is short */
  524. margin-top: 1px;
  525. }
  526. }
  527. &.working {
  528. opacity: 0.5;
  529. }
  530. table, a[data-evolve] {
  531. /* "thank you" message and evolve button */
  532. display: none;
  533. }
  534. }
  535. .expbar, .taste, .extra {
  536. display: none;
  537. }
  538. }
  539. >div:hover>.action a[data-berry]:after {
  540. border-color: @berry-border;
  541. }
  542. }
  543.  
  544. .credit {
  545. margin-right: 5px;
  546. margin-bottom: -20px;
  547. text-align: right;
  548. user-select: none;
  549. position: relative;
  550. z-index: 6;
  551. bottom: 16px;
  552. width: auto;
  553. height: auto;
  554. -webkit-filter: drop-shadow(0px 0px 2px #fff);
  555. filter: drop-shadow(0px 0px 2px #fff);
  556.  
  557. div.tooltip_content {
  558. font-family: 'Courier Prime';
  559. width: 90%;
  560. bottom: 0px;
  561. margin-left: 10px;
  562. font-size: 16px;
  563. padding: 5px;
  564. border: 1.5px solid #000;
  565. background-color: #3f1c1c;
  566. color: #fff;
  567. text-align: left;
  568.  
  569. }
  570. .bbcode_tooltip {
  571. border-bottom: none;
  572. }
  573. }
  574.  
  575. [/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!