API tools faq
paste
dotunion

seltyiel about me code (pmd styled)

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