API tools faq
paste
dotunion

cheri blossom shop comm

dotunion
Nov 15th, 2024 (edited)
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.19 KB | None | 0 0
raw download clone embed print report
  1. [sc=bg][sc=body][sc=banner][img]https://64.media.tumblr.com/900a6709f4912c10a2e7d789070908f9/28f7df8a4cae2d13-a8/s1280x1920/52fdfa78644bd2d742f92810d7f2bead8cc72529.gifv[/img][/sc]
  2. [sc=mascot][pkmnpanel=HDY0h][/sc][sc=intro]helloo
  3. this is some testing text!
  4.  
  5. text ends here[/sc]
  6. [sc=sakura][img]https://pokefarm.com/upload/:Jcbd/Forum_template/1000009603.gif[/img][/sc]
  7. [sc=tabbed_interface vertical]
  8. [ul]
  9. [li]Tab[/li]
  10. [li]tab 2[/li]
  11. [li]tab 3[/li]
  12. [/ul][
  13. ][sc=tab-active]contents 1
  14.  
  15. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/sc][
  16. ][sc=tab]tab 2[/sc][
  17. ][sc=tab]tab 3[/sc][/sc]
  18. [sc=credit][pit="[img]https://pokefarm.com/upload/:Jcbd/Forum_template/1000009604.gif[/img]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pfq.link/@Jcbd]cheri blossom's[/url] use only
  19. - background and flower pixels from [url=https://foollovers.com/]foollovers[/url]
  20. - pkmn panel by [url=https://pfq.link/@JnPv]sagidamas[/url] modified by union
  21. - [url=https://64.media.tumblr.com/900a6709f4912c10a2e7d789070908f9/28f7df8a4cae2d13-a8/s1280x1920/52fdfa78644bd2d742f92810d7f2bead8cc72529.gifv]Banner art[/url][/pit][/sc]
  22. [/sc][/sc]
  23.  
  24. [style]
  25.  
  26. @font-face {
  27. font-family: 'Gabarito';
  28. src: url(https://fonts.gstatic.com/s/gabarito/v7/QGYtz_0dZAGKJJ4t3HtoW4U.woff2) format('woff2');
  29. 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;
  30. }
  31.  
  32. .bg {
  33. background-image: url("https://foollovers.com/mat/flower/o18-bg-cherry_blossoms.gif");
  34. background-size: 30px;
  35. padding: 10px;
  36. }
  37.  
  38. .body {
  39. background-color: #FF92A495;
  40. border: 2px solid #FF92A4;
  41. }
  42.  
  43. .banner {
  44. width: auto;
  45. margin: 10px 10px auto;
  46. float: none;
  47. display: table;
  48. }
  49.  
  50. .mascot {
  51. margin-left: 10px;
  52. margin-top: -12px;
  53. border-radius: 100%;
  54. width: 120px;
  55. height: 120px;
  56. border: 2px solid #FF92A4;
  57. background-color: #FFD5DB90;
  58.  
  59. @media only screen and (max-width: 1024px) {
  60. width: 100px;
  61. height: 100px;
  62. }
  63. }
  64.  
  65. .intro {
  66. margin: auto;
  67. margin-right: 8px;
  68. margin-bottom: -130px;
  69. position: relative;
  70. bottom: 125px;
  71. width: 71%;
  72. border: 2px solid #FF92A4;
  73. background-color: #FFD5DB90;
  74. font-family: 'Gabarito';
  75. text-align: center;
  76. font-size: 16px;
  77. color: #000;
  78. padding: 5px;
  79.  
  80. @media only screen and (max-width: 1024px) {
  81. width: 55%;
  82. margin-right: 6px;
  83. bottom: 105px;
  84. font-size: 14px;
  85. }
  86. }
  87.  
  88. .sakura {
  89. width: auto;
  90. margin: 0px auto;
  91. float: none;
  92. display: table;
  93.  
  94. @media only screen and (max-width: 1024px) {
  95. margin-top: 10px;
  96. margin-bottom: -20px;
  97. }
  98. }
  99.  
  100. .tabbed_interface>ul {
  101. font-family: 'Gabarito';
  102. background-color: inherit;
  103. margin: auto;
  104. margin-top: -30px;
  105. margin-bottom: 5px;
  106. width: 95%;
  107.  
  108. @media only screen and (max-width: 1024px) {
  109. margin-top: -10px;
  110. }
  111. }
  112.  
  113. .tabbed_interface>ul li {
  114. margin: 2px 3px;
  115. padding: 5px;
  116. cursor: pointer;
  117. font-size: 20px;
  118. color: #000;
  119. border: 2px solid #FF92A4;
  120. background-color: #FFD5DB90;
  121. border-radius: 0px;
  122. transition: .3s;
  123. }
  124.  
  125. .tabbed_interface>ul>li.tab-active {
  126. background-color: #FF92A4;
  127. }
  128.  
  129. .tabbed_interface>div {
  130. margin: auto;
  131. font-family: 'Gabarito';
  132. width: 92%;
  133. border: 2px solid #FF92A4;
  134. background-color: #FFD5DB90;
  135. border-radius: 0px;
  136. box-shadow: none;
  137. padding: 5px;
  138. color: #000;
  139. }
  140.  
  141. a {
  142. color: #000;
  143. text-decoration-style: solid;
  144. }
  145.  
  146. div.tooltip_content {
  147. width: auto;
  148. background: #FFD5DB90;
  149. color: #000;
  150. border: solid 2px #FF92A4;
  151. border-radius: 0px;
  152. font-size: 13px;
  153. }
  154.  
  155. .bbcode_tooltip {
  156. border-bottom: 0.5px dotted #000;
  157. cursor: help;
  158. }
  159.  
  160. .panel {
  161. background: #FF92A4;
  162. padding: 4px;
  163. width: 97%;
  164. border-radius: 0px;
  165. box-shadow: none;
  166. border: 2px solid #B26672;
  167. @media only screen and (max-width: 1280px) {
  168. width: 94%;
  169. }
  170. &>h3 {
  171. &>a {
  172. color: #000;
  173. text-decoration: none;
  174. }
  175. text-align: center;
  176. background: #FFD5DB;
  177. font-size: 14px;
  178. border-radius: 0px;
  179. border: 4px double #B26672;
  180. color: #000;
  181. }
  182. &>div {
  183. background: #E58393;
  184. text-align: center;
  185. margin-top: 3px;
  186. padding: 6px;
  187. color: #000;
  188. border: 2px solid #B26672;
  189. animation: 1s fade;
  190. }
  191. }
  192.  
  193. .expbar {
  194. margin-top: -5px;
  195. margin-bottom: -5px;
  196. background: none;
  197. border-radius: 0px;
  198. width: 90%;
  199. border: 4px double #B26672;
  200. color: #000;
  201. >div {
  202. margin: 1px;
  203. background: #E58393;
  204. border-right: 1px solid #FF92A4;
  205. }
  206. }
  207.  
  208. table {
  209. margin: auto;
  210. width: 98%;
  211. border: none;
  212. padding: 4px;
  213. background: #FF92A4;
  214. border: 2px solid #B26672;
  215. border-collapse: separate;
  216. th, td {
  217. text-align: center;
  218. padding: 5px;
  219. border-radius: 0px;
  220. border: 2px solid #B26672;
  221. }
  222. th {
  223. background-color: #FFD5DB;
  224. color: #000;
  225. }
  226. td {
  227. background-color: #E58393;
  228. color: #000;
  229. border: 2px solid #B26672;
  230. }
  231. }
  232.  
  233. /* party panel */
  234.  
  235. .party,
  236. .party div,
  237. .party img,
  238. .party a {
  239. margin: 0;
  240. padding: 0;
  241. box-shadow: none;
  242. background-color: transparent;
  243. border-style: none;
  244. border-width: 2px;
  245. border-color: transparent;
  246. }
  247.  
  248. .party {
  249. margin: 1px;
  250. display: inline-block;
  251. }
  252.  
  253. .party,
  254. .party > div {
  255. width: 100px!important;
  256. }
  257.  
  258. .party .pkmn::before,
  259. .party .helditem,
  260. .party .expbar,
  261. .party .taste,
  262. .party .tooltip_content,
  263. .party .extra {
  264. display: none;
  265. position: absolute;
  266. width: 0;
  267. height: 0;
  268. top: 0;
  269. left: 0;
  270. }
  271.  
  272. .party .pokemon {
  273. width: 100px;
  274. height: 100px;
  275. background-color: transparent;
  276. background-position: center center;
  277. border-radius: 50%;
  278. border-style: solid;
  279. margin-left: 7px;
  280.  
  281. @media only screen and (max-width: 1024px) {
  282. margin-left: -2px;
  283. margin-top: -10px;
  284. }
  285. }
  286.  
  287. .party .name {
  288. margin-left: 17px;
  289. width: 90px;
  290. height: 18px;
  291. position: absolute;
  292. bottom: 0;
  293. left: 10px;
  294. background-color: transparent;
  295. border-style: solid;
  296. border-radius: 8px;
  297. padding: 0 3px;
  298.  
  299. @media only screen and (max-width: 1024px) {
  300. margin-bottom: 10px;
  301. margin-left: 7px;
  302. }
  303. }
  304.  
  305. .party .name:hover {
  306. transition: .3s;
  307. }
  308.  
  309. .party .name img {
  310. position: relative;
  311. bottom: 15px;
  312. left: -15px;
  313. pointer-events: none;
  314.  
  315. @media only screen and (max-width: 1024px) {
  316. left: -18px;
  317. }
  318. }
  319.  
  320. .party .summarylink {
  321. font-family: 'Gabarito';
  322. width: 58px!important;
  323. color: #000;
  324. text-decoration: none;
  325. font-size: 10pt;
  326. font-weight: normal;
  327. letter-spacing: 0;
  328. }
  329.  
  330. .party .summarylink::before {
  331. content: '';
  332. position: absolute;
  333. bottom: 0;
  334. left: 0;
  335. width: 100px;
  336. height: 22px;
  337. margin: -2px;
  338. }
  339.  
  340. .party .action {
  341. width: 32px;
  342. height: 32px;
  343. position: absolute;
  344. top: 10px;
  345. right: -20px;
  346.  
  347. @media only screen and (max-width: 1024px) {
  348. right: -5px;
  349. top: 5px;
  350. }
  351. }
  352.  
  353. .party .berrybuttons > *,
  354. .party .action > table {
  355. display: none;
  356. }
  357.  
  358. .party .berrybuttons[data-up='any'] > [data-berry='aspear'],
  359. .party .berrybuttons[data-up='sour'] > [data-berry='aspear'],
  360. .party .berrybuttons[data-up='spicy'] > [data-berry='cheri'],
  361. .party .berrybuttons[data-up='dry'] > [data-berry='chesto'],
  362. .party .berrybuttons[data-up='sweet'] > [data-berry='pecha'],
  363. .party .berrybuttons[data-up='bitter'] > [data-berry='rawst'] {
  364. display: block;
  365. width: 35px;
  366. height: 35px;
  367. background-color: #FF92A4;
  368. border-radius: 50%;
  369. border-style: solid;
  370. }
  371.  
  372. .party .berrybuttons > a:hover {
  373. border-color: #000;
  374. }
  375.  
  376. .party .action.working .berrybuttons > a {
  377. background-color: #6c6;
  378. }
  379.  
  380. .party .action.working .berrybuttons > a > img {
  381. content: url('https://pfq-static.com/img/pkmn/heart_2.png')!important;
  382. }
  383.  
  384. .party .berrybuttons > a::after {
  385. content: none;
  386. }
  387.  
  388. .party .berrybuttons > a > img {
  389. display: block;
  390. width: 24px;
  391. height: 24px;
  392. position: absolute;
  393. top: 50%;
  394. left: 50%;
  395. margin: -12px;
  396. }
  397.  
  398. .credit {
  399. font-family: 'Gabarito';
  400. margin-right: 5px;
  401. margin-top: -15px;
  402. margin-bottom: -10px;
  403. text-align: right;
  404. font-size: 8px;
  405. user-select: none;
  406. width: auto;
  407. height: auto;
  408.  
  409. @media only screen and (max-width: 1280px) {
  410. margin-top: 0px;
  411. }
  412.  
  413. div.tooltip_content {
  414. bottom: 0px;
  415. right: 40px;
  416. width: 90%;
  417. font-size: 14px;
  418. padding: 4px;
  419. border: 2px solid #FF92A4;
  420. background-color: #FF92A495;
  421. color: #000;
  422. text-align: left;
  423.  
  424. @media only screen and (max-width: 1280px) {
  425. width: 83%;
  426. position: absolute;
  427. bottom: 0px;
  428. right: 39px;
  429. }
  430. }
  431. .bbcode_tooltip {
  432. border-bottom: none;
  433. }
  434. }
  435. [/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!