API tools faq
paste
dotunion

seltyiel shop code

dotunion
Oct 2nd, 2024 (edited)
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.47 KB | None | 0 0
raw download clone embed print report
  1. [sc=background]
  2.  
  3. [sc=box][sc=icon][/sc]add anything you'd like here![/sc]
  4.  
  5. [sc=tabbed_interface vertical]
  6. [ul]
  7. [li]one[/li]
  8. [li]two[/li]
  9. [li]three[/li]
  10. [li]four[/li]
  11. [/ul][
  12. ][sc=tab]tab 1
  13. [/sc][
  14. ][sc=tab]tab 2
  15. [/sc][
  16. ][sc=tab]tab 3
  17. [/sc][
  18. ][sc=tab]tab 4
  19. [/sc][
  20. ][sc=tab-active]this is your intro post -- users can't go back to this tab without refreshing, so make this a quick intro to your shop![/sc][/sc]
  21.  
  22. [sc=credit][pit="[img]https://i.ibb.co/10fk8kH/melan-chikorita.gif[/img]"]code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pokefarm.com/user/Seltyiel]seltyiel's[/url] use only
  23. animated sprite icon by [url=https://pfq.link/@J3dF]union[/url]
  24. official pmd graphics used
  25. pmd icon by [url=https://sprites.pmdcollab.org/]pmdcollab[/url][/pit][/sc][/sc]
  26.  
  27. [style]
  28.  
  29. @font-face {
  30. font-family: PMD;
  31. src: url(https://static.tumblr.com/h6qd8ql/azlorriwa/pokemon-md-full-version.woff);
  32. font-weight: normal;
  33. font-style: normal;
  34. }
  35.  
  36. .background {
  37. background: url("https://i.imgur.com/iaVPvoE.png") no-repeat fixed center;
  38. background-size: cover;
  39. }
  40.  
  41. .icon {
  42. float: left;
  43. background-image: url("https://raw.githubusercontent.com/PMDCollab/SpriteCollab/master/portrait/0547/0000/0001/Normal.png");
  44. background-size: cover;
  45. width: 60px;
  46. height: 60px;
  47. margin-right: 10px;
  48. border-style: solid;
  49. border-width: 5px 7px;
  50. border-image: url("https://static.tumblr.com/h6qd8ql/rC8orrkla/blue_border.png") 5 7 stretch;
  51. border-radius: 10px;
  52.  
  53. @media only screen and (max-width: 1280px) {
  54. width: 50px;
  55. height: 50px;
  56. }
  57. }
  58.  
  59. .box {
  60. z-index: 1;
  61. margin-left: 10px;
  62. width: 74%;
  63. padding: 5px;
  64. border-radius: 10px;
  65. color: #fff;
  66. position: absolute;
  67. bottom: 10px;
  68. background-color: #202020;
  69. text-shadow: 0.5px 0.5px 0 #000, 1px 1px 0 #000, 1.5px 1.5px 0 #000, 2px 2px 0 #000;
  70. border-style: solid;
  71. border-width: 5px 7px;
  72. border-image: url("https://static.tumblr.com/h6qd8ql/rC8orrkla/blue_border.png") 5 7 stretch;
  73. font-family: PMD;
  74. font-size: 24px;
  75.  
  76. @media only screen and (max-width: 1280px) {
  77. width: 69%;
  78. font-size: 20px;
  79. margin-left: 5px;
  80. }
  81. }
  82.  
  83. .tabbed_interface>ul {
  84. background-color: #202020;
  85. width: 65px;
  86. padding: 5px;
  87. position: absolute;
  88. left: 83%;
  89. bottom: 10px;
  90. border-radius: 10px;
  91. text-shadow: 0.5px 0.5px 0 #000, 1px 1px 0 #000, 1.5px 1.5px 0 #000, 2px 2px 0 #000;
  92. border-style: solid;
  93. border-width: 5px 7px;
  94. border-image: url("https://static.tumblr.com/h6qd8ql/rC8orrkla/blue_border.png") 5 7 stretch;
  95.  
  96. @media only screen and (max-width: 1280px) {
  97. font-size: 20px;
  98. left: 78.5%;
  99. width: 55px;
  100. }
  101. }
  102.  
  103. .tabbed_interface>ul li { /* tabs */
  104. font-family: PMD;
  105. padding: 0px;
  106. cursor: pointer;
  107. margin: 2px 3px;
  108. height: 23px;
  109. position: relative;
  110. bottom: 0px;
  111. font-size: 24px;
  112. text-align: left;
  113. color: #fff;
  114. box-shadow: none;
  115. background-color: #00000000;
  116. border: 2px solid #00000000;
  117. transition: .3s;
  118. }
  119.  
  120. .tabbed_interface>ul>li:hover:before {
  121. content: url("https://static.tumblr.com/h6qd8ql/2PXorpyp7/pmd_select.png");
  122. margin-right: 2px;
  123. width: 100%;
  124. height: 100%;
  125. }
  126.  
  127. .tabbed_interface>div { /* content */
  128. z-index: 1;
  129. font-family: PMD;
  130. padding: 10px;
  131. text-align: left;
  132. margin-left: -70px;
  133. margin-bottom: -20px;
  134. width: 100%;
  135. height: auto;
  136. position: relative;
  137. bottom: 65px;
  138. background-color: #202020;
  139. border-radius: 10px;
  140. text-shadow: 0.5px 0.5px 0 #000, 1px 1px 0 #000, 1.5px 1.5px 0 #000, 2px 2px 0 #000;
  141. border-style: solid;
  142. border-width: 5px 7px;
  143. border-image: url("https://static.tumblr.com/h6qd8ql/rC8orrkla/blue_border.png") 5 7 stretch;
  144. color: #fff;
  145. font-size: 24px;
  146. box-shadow: 0px 0px 0px #00000000;
  147.  
  148. @media only screen and (max-width: 1280px) {
  149. margin-left: 5px;
  150. width: 68%;
  151. bottom: 75px;
  152. }
  153. }
  154.  
  155. a {
  156. color: #fff;
  157. }
  158.  
  159. /* toolip */
  160.  
  161. div.tooltip_content {
  162. width: auto;
  163. background: #202020;
  164. color: #fff;
  165. border: 2px solid #424FF5;
  166. border-radius: 0px;
  167. font-size: 20px;
  168. border-radius: 5px;
  169. }
  170.  
  171. div.tooltip_content:before {
  172. content: url("https://textbox.skytemple.org/assets/Icons/Text%20Bubble.png");
  173. margin-right: 5px;
  174. }
  175.  
  176. .bbcode_tooltip {
  177. border-bottom: 0.5px dotted @sub;
  178. cursor: help;
  179. }
  180.  
  181. /* hide panel */
  182.  
  183. .panel {
  184. width: 95%;
  185. margin: auto;
  186. box-shadow: none;
  187. border: none;
  188. background: none;
  189. &>h3 {
  190. color: #fff;
  191. text-shadow: none;
  192. font-weight: normal;
  193. &>a {
  194. color: #fff;
  195. text-shadow: none;
  196. font-size: 24px;
  197. }
  198. text-align: left;
  199. background: #202020;
  200. font-size: 24px;
  201. border-radius: 0px;
  202. border: 2px solid #fff;
  203. }
  204. &>div {
  205. background: #202020;
  206. display: block;
  207. margin: 0;
  208. padding: 6px;
  209. margin-top: 5px;
  210. color: #fff;
  211. border-radius: 10px;
  212. border-style: solid;
  213. border-width: 5px 7px;
  214. border-image: url("https://static.tumblr.com/h6qd8ql/rC8orrkla/blue_border.png") 5 7 stretch;
  215. }
  216. }
  217.  
  218. /* progress bar */
  219.  
  220. .expbar {
  221. margin-bottom: -10px;
  222. background: #202020;
  223. border-radius: 0px;
  224. width: 90%;
  225. height: 7%;
  226. border: 2px solid #E0F8F8;
  227. color: #fff;
  228. text-shadow: 0px 0px 0px #00000000;
  229. > span {
  230. font-size: 24px;
  231. font-weight: normal;
  232. }
  233. >div {
  234. background: #6E9EF8;
  235. border-right: 1px solid #6E9EF8;
  236. }
  237. }
  238.  
  239. /* table */
  240.  
  241. table {
  242. border: none;
  243. padding: 4px;
  244. border-collapse: separate;
  245. width: 92%;
  246. margin: auto;
  247. th, td {
  248. text-align: center;
  249. padding: 5px;
  250. border-radius: 0px;
  251. border: none;
  252. color: #4B4140;
  253. }
  254. th {
  255. background-color: #202020;
  256. color: #fff;
  257. text-shadow: none;
  258. box-shadow: inset -1px -1px #3030F7,inset 1px 1px #6E9EF8,inset -2px -2px #6E9EF8,inset 2px 2px #3030F7;
  259. font-weight: normal;
  260. }
  261. td {
  262. text-shadow: none;
  263. background-color: #202020;
  264. color: #fff;
  265. border: 2px solid #fff;
  266. }
  267. }
  268.  
  269. @platform-base: #6E9EF8;
  270. @platform-border: #3030F7;
  271. @name-color: #fff;
  272. @name-background: #202020;
  273. @name-border: #fff;
  274. @berry-background: @col-flavour-up;
  275. @berry-border: #6E9EF8;
  276. @display-item: block;
  277. @display-berries: block;
  278.  
  279. .party {
  280. display: inline-block;
  281. &,>div {
  282. padding: 0;
  283. margin: 0;
  284. background: transparent;
  285. width: 120px !important;
  286. height: 120px;
  287. overflow: hidden;
  288. border: none;
  289. border-radius: 0;
  290. box-shadow: none;
  291. }
  292. >div {
  293. &::after {
  294. display: none;
  295. }
  296. .pkmn {
  297. margin: 0 10px;
  298. float: unset;
  299. &::before {
  300. background-color: @platform-base;
  301. border-color: @platform-border;
  302. }
  303. .helditem {
  304. display: @display-item;
  305. .itemsprite {
  306. cursor: unset;
  307. }
  308. .tooltip_content {
  309. display: none;
  310. }
  311. }
  312. }
  313. .name {
  314. background-color: @name-background;
  315. border: 1px solid @name-border;
  316. border-radius: 5px;
  317. margin-top: 1px;
  318. height: 16px;
  319. display: flex;
  320. flex-wrap: nowrap;
  321. a {
  322. color: @name-color;
  323. text-shadow: 0px 0px 0px #00000000;
  324. font-weight: normal;
  325. margin: 0 2px;
  326. width: 80px !important;
  327. flex-grow: 99;
  328. font-size: 18px;
  329. text-decoration: none;
  330. }
  331. a:hover {
  332. transform: none;
  333. }
  334. img {
  335. display: none;
  336. }
  337. img:nth-last-of-type(-n+2) {
  338. display: inline;
  339. margin: 0;
  340. }
  341. }
  342. .action {
  343. display: @display-berries;
  344. position: absolute;
  345. left: 88px;
  346. top: 70px;
  347. height: unset;
  348. width: unset;
  349. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  350. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  351. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  352. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  353. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  354. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  355. display: inline-block;
  356. }
  357. .berrybuttons {
  358. >a {
  359. display: none;
  360. width: 20px;
  361. height: 20px;
  362. line-height: 20px;
  363. padding: 5px;
  364. background-color: @berry-background;
  365. border-radius: 20px;
  366. >img {
  367. vertical-align: top;
  368. max-height: 20px;
  369. max-width: 20px;
  370. }
  371. }
  372. >a[data-berry="pecha"] img {
  373. /* this berry is short */
  374. margin-top: 1px;
  375. }
  376. }
  377. &.working {
  378. opacity: 0.5;
  379. }
  380. table, a[data-evolve] {
  381. /* "thank you" message and evolve button */
  382. display: none;
  383. }
  384. }
  385. .expbar, .taste, .extra {
  386. display: none;
  387. }
  388. }
  389. >div:hover>.action a[data-berry]:after {
  390. border-color: @berry-border;
  391. }
  392. }
  393.  
  394. .credit {
  395. font-family: PMD;
  396. margin-right: 10px;
  397. margin-bottom: -20px;
  398. margin-top: -15px;
  399. text-align: right;
  400. font-size: 8px;
  401. user-select: none;
  402. width: auto;
  403. height: auto;
  404. position: absolute;
  405. top: 15px;
  406. right: 0px;
  407.  
  408. div.tooltip_content {
  409. top: 10px;
  410. right: 35px;
  411. width: 400px;
  412. font-size: 18px;
  413. padding: 4px;
  414. background-color: #202020;
  415. color: #fff;
  416. text-align: left;
  417.  
  418. @media only screen and (max-width: 1280px) {
  419. width: 300px;
  420. top: 5px;
  421. right: 35px;
  422. }
  423. }
  424. .bbcode_tooltip {
  425. border-bottom: none;
  426. }
  427. }
  428. [/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!