API tools faq
paste
dotunion

multifuchsy about me code

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