API tools faq
paste
dotunion

izunia about me code

dotunion
May 11th, 2025 (edited)
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.95 KB | None | 0 0
raw download clone embed print report
  1. [sc=body] [sc=uid] USER: USERNAME HERE[/sc]
  2. [hr]
  3. [sc=profile]
  4. [sc=icon][img]https://64.media.tumblr.com/da473f7c61023d755b2d149f7ce12145/5280f4f31f40c303-d5/s400x600/253f148474286d9013e2517218085fb6b037095c.pnj[/img][/sc][sc=credit][pit="•••"]code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pfq.link/@Jft_]izunia's[/url] use only
  5. all graphics from hoyoverse (unless stated otherwise)
  6. party panel code from [url=https://pfq.link/@JnPv]sagidamas[/url][/pit][/sc][sc=maintext][sc=name]NAME[/sc] [sc=subtext]User Rank rank here [color=#636363]ⓘ[/color][/sc][/sc][/sc]
  7. [sc=desc] a description box! [/sc]
  8. [sc=level] Shiny Rank ??[/sc][sc=prog]ShinyDex progress [/sc]
  9. [sc=lvlbar][progress=numbers here][/progress][/sc]
  10. [sc=tabbed_interface horizontal]
  11. [ul]
  12. [li]Title 1[/li]
  13. [li]Title 2[/li]
  14. [li]Title 3[/li]
  15. [/ul][
  16. ][sc=tab-active]contents 1[/sc][
  17.  
  18. ][sc=tab]contents 2[/sc][
  19.  
  20. ][sc=tab]contents 3[/sc][/sc]
  21. [/sc]
  22.  
  23. [style]
  24.  
  25. @font-face {
  26. font-family: 'DIN';
  27. src: url(https://dl.dropbox.com/scl/fi/rmfmkq7dz0akmhl7s75ty/DIN.ttf?rlkey=mi2slw6b3rad260mepdp7n0ug);
  28. }
  29.  
  30. .body {
  31. margin: auto;
  32. width: 305px;
  33. border-radius: 0px 10px 10px 0px;
  34. background: linear-gradient(#00000080, #00000080, #111438), url("https://i.imgur.com/roYPl1d.png");
  35. background-size: 100%;
  36. }
  37.  
  38. .uid {
  39. font-family: 'DIN';
  40. color: #ffffff80;
  41. text-shadow: 2px 1px 0px #222222;
  42. font-size: 16px;
  43. font-weight: bold;
  44. }
  45.  
  46. hr {
  47. border: 0;
  48. height: 1px;
  49. background-image: linear-gradient(to right, #ffffff30, #ffffff30, #ffffff00, #ffffff00);
  50. margin-top: -10px;
  51. margin-left: 5px;
  52. }
  53.  
  54. .profile {
  55. width: 100%;
  56. }
  57.  
  58. .icon {
  59. width: 75px;
  60. height: 75px;
  61. border-radius: 100%;
  62. overflow: hidden;
  63. border: 1.5px solid white;
  64. margin-top: -30px;
  65. margin-left: 5px;
  66. display: inline-block;
  67. }
  68.  
  69. .credit {
  70. text-align: right;
  71. user-select: none;
  72. position: relative;
  73. bottom: 20px;
  74. border-radius: 12px;
  75. background-color: #F3F3F3;
  76. color: #000;
  77. font-weight: bold;
  78. font-family: 'DIN';
  79. width: 40px;
  80. height: 15px;
  81. padding: 5px;
  82. font-size: 12px;
  83. float: right;
  84. position: relative;
  85. bottom: 10px;
  86. right: 5px;
  87. z-index: 10;
  88. margin: auto;
  89. text-align: center;
  90.  
  91. div.tooltip_content {
  92. font-family: 'DIN';
  93. font-weight: bold;
  94. width: 220px;
  95. bottom: 0px;
  96. right: 53px;
  97. margin-left: 10px;
  98. font-size: 14px;
  99. padding: 10px;
  100. border: 2px solid #000;
  101. background-color: #F3F3F3;
  102. color: #000;
  103. text-align: center;
  104. }
  105. .bbcode_tooltip {
  106. border-bottom: none;
  107. cursor: help;
  108. }
  109. a {
  110. color: #000;
  111. }
  112. }
  113.  
  114. .maintext {
  115. display: inline-block;
  116. width: 200px;
  117. margin-top: -40px;
  118. }
  119.  
  120. .name {
  121. font-family: 'DIN';
  122. font-size: 24px;
  123. letter-spacing: -0.5px;
  124. color: #fff;
  125. font-weight: bold;
  126. text-shadow: 2px 1px 0px #222222;
  127. position: relative;
  128. bottom: 23px;
  129. left: 90px;
  130. }
  131.  
  132. .subtext {
  133. font-family: 'DIN';
  134. color: #A37D49;
  135. font-size: 16px;
  136. letter-spacing: -0.5px;
  137. font-weight: bold;
  138. text-shadow: 2px 1px 0px #222222;
  139. position: relative;
  140. bottom: 35px;
  141. left: 90px;
  142. }
  143.  
  144. .desc {
  145. background-color: #00000070;
  146. font-family: 'DIN';
  147. font-weight: bold;
  148. font-size: 14px;
  149. color: #fff;
  150. text-shadow: 2px 1px 0px #222222;
  151. padding: 5px;
  152. width: 90%;
  153. height: 40px;
  154. margin: auto;
  155. margin-top: -40px;
  156. margin-bottom: -15px;
  157. }
  158.  
  159. .level {
  160. font-family: 'DIN';
  161. font-weight: bold;
  162. font-size: 15px;
  163. color: #A37D49;
  164. text-shadow: 2px 1px 0px #222222;
  165. margin-left: 5px;
  166. display: inline-block;
  167. }
  168.  
  169. .prog {
  170. font-family: 'DIN';
  171. font-weight: bold;
  172. font-size: 13px;
  173. color: #fff;
  174. text-shadow: 2px 1px 0px #222222;
  175. margin-left: 12px;
  176. display: inline-block;
  177. }
  178.  
  179. .lvlbar {
  180. .expbar {
  181. background: none;
  182. margin-top: 4px;
  183. border-radius: 0px;
  184. border: 2px solid #000;
  185. color: #fff;
  186. width: 90%;
  187. >span {
  188. font-size: 16px;
  189. font-weight: normal;
  190. }
  191. >div {
  192. background: #D6BF9A;
  193. border-right: 1px solid #000;
  194. }
  195. }
  196. }
  197.  
  198. .tabbed_interface>ul {
  199. background: none;
  200. margin-top: -30px;
  201. margin-left: 5px;
  202. margin-right: 5px;
  203. }
  204.  
  205. .tabbed_interface>ul li {
  206. cursor: pointer;
  207. padding: 5px;
  208. text-align: center;
  209. margin-left: 3px;
  210. margin-right: 3px;
  211. background-color: #22222260;
  212. border: 2px solid #bf9b3090;
  213. color: #fff;
  214. font-family: 'DIN';
  215. font-weight: bold;
  216. transition: .3s;
  217. font-size: 18px;
  218. }
  219.  
  220. .tabbed_interface >div {
  221. animation: 1s fade;
  222. }
  223.  
  224. .tabbed_interface>div {
  225. margin-left: 7px;
  226. margin-right: 7px;
  227. margin-top: 5px;
  228. box-shadow: none;
  229. background-color: #22222260;
  230. border: 2px solid #bf9b3090;
  231. font-family: 'DIN';
  232. font-weight: bold;
  233. color: #fff;
  234. text-align: center;
  235. padding: 8px;
  236. }
  237.  
  238. a {
  239. text-decoration-style: dotted;
  240. color: #fff;
  241. }
  242.  
  243. div.tooltip_content {
  244. font-family: 'DIN';
  245. font-weight: bold;
  246. padding: 5px;
  247. width: auto;
  248. border: 2px solid #000;
  249. background-color: #F3F3F3;
  250. color: #000;
  251. border-radius: 0px;
  252. font-size: 14px;
  253. box-shadow: none;
  254. }
  255.  
  256. .bbcode_tooltip {
  257. border-bottom: 1px dotted #fff;
  258. cursor: help;
  259. }
  260.  
  261. .expbar {
  262. background: none;
  263. border-radius: 0px;
  264. border: 2px solid #bf9b3090;
  265. color: #000;
  266. >span {
  267. font-size: 14px;
  268. font-weight: normal;
  269. padding: 1px;
  270. font-family: 'DIN';
  271. font-weight: bold;
  272. }
  273. >div {
  274. background: #D6BF9A;
  275. border-right: 2px solid #bf9b3090;
  276. }
  277. }
  278.  
  279. .panel {
  280. background: none;
  281. margin: auto;
  282. box-shadow: none;
  283. border: none;
  284. font-family: 'DIN';
  285. font-weight: bold;
  286. &>h3 {
  287. &>a {
  288. color: #000;
  289. text-decoration: none;
  290. }
  291. text-align: center;
  292. background: #D6BF9A;
  293. font-size: 16px;
  294. border-radius: 0px;
  295. border: 4px double #bf9b3090;
  296. color: #000;
  297. }
  298. &>div {
  299. background: #00000080;
  300. display: block;
  301. padding: 4px;
  302. color: #fff;
  303. border: none;
  304. border-top: none;
  305. }
  306. }
  307.  
  308. table {
  309. margin: auto;
  310. width: 100%;
  311. border: none;
  312. border-collapse: separate;
  313. font-family: 'DIN';
  314. font-weight: bold;
  315. th, td {
  316. text-align: center;
  317. padding: 3px;
  318. border-radius: 0px;
  319. border: 2px solid #bf9b3090;
  320. }
  321. th {
  322. background-color: #D6BF9A;
  323. color: #000;
  324. }
  325. td {
  326. background-color: #00000080;
  327. color: #fff;
  328. }
  329. }
  330.  
  331. /* party panel */
  332.  
  333. .party,
  334. .party div,
  335. .party img,
  336. .party a {
  337. margin: 0;
  338. padding: 0;
  339. box-shadow: none;
  340. background-color: transparent;
  341. border-style: none;
  342. border-width: 2px;
  343. border-color: #9ec690;
  344. }
  345.  
  346. .party {
  347. margin: 1px;
  348. display: inline-block;
  349. }
  350.  
  351. .party,
  352. .party > div {
  353. width: 100px!important;
  354. }
  355.  
  356. .party .pkmn::before,
  357. .party .helditem,
  358. .party .expbar,
  359. .party .taste,
  360. .party .tooltip_content,
  361. .party .extra {
  362. display: none;
  363. position: absolute;
  364. width: 0;
  365. height: 0;
  366. top: 0;
  367. left: 0;
  368. }
  369.  
  370. .party .pokemon {
  371. width: 96px;
  372. height: 96px;
  373. background-color: none;
  374. background-position: center center;
  375. border-radius: 50%;
  376. border-style: none;
  377. }
  378.  
  379. .party .name {
  380. width: 110px;
  381. height: 18px;
  382. position: absolute;
  383. bottom: 0;
  384. left: 0;
  385. background-color: none;
  386. border-style: none;
  387. border-radius: 8px;
  388. padding: 0 3px;
  389. }
  390.  
  391. .party .name:hover {
  392. border-color: none;
  393. }
  394.  
  395. .party .name img {
  396. position: relative;
  397. bottom: 1px;
  398. pointer-events: none;
  399. margin-top: -30px;
  400. }
  401.  
  402. .party .summarylink {
  403. margin-top: -30px;
  404. width: 58px!important;
  405. color: #000;
  406. font-family: 'DIN';
  407. font-weight: bold;
  408. color: #fff;
  409. text-decoration: none;
  410. font-size: 14px;
  411. letter-spacing: 0;
  412. }
  413.  
  414. .party .summarylink::before {
  415. content: '';
  416. position: absolute;
  417. bottom: 0;
  418. left: 0;
  419. width: 100px;
  420. height: 22px;
  421. margin: -2px;
  422. }
  423.  
  424. .party .action {
  425. width: 32px;
  426. height: 32px;
  427. position: absolute;
  428. top: 0;
  429. right: 0;
  430. }
  431.  
  432. .party .berrybuttons > *,
  433. .party .action > table {
  434. display: none;
  435. }
  436.  
  437. .party .berrybuttons[data-up='any'] > [data-berry='aspear'],
  438. .party .berrybuttons[data-up='sour'] > [data-berry='aspear'],
  439. .party .berrybuttons[data-up='spicy'] > [data-berry='cheri'],
  440. .party .berrybuttons[data-up='dry'] > [data-berry='chesto'],
  441. .party .berrybuttons[data-up='sweet'] > [data-berry='pecha'],
  442. .party .berrybuttons[data-up='bitter'] > [data-berry='rawst'] {
  443. display: block;
  444. width: 35px;
  445. height: 35px;
  446. margin-left: 5px;
  447. background-color: none;
  448. border-radius: 50%;
  449. border-style: none;
  450. }
  451.  
  452. .party .action.working .berrybuttons > a {
  453. background-color: #C3907A;
  454. }
  455.  
  456. .party .action.working .berrybuttons > a > img {
  457. content: url('https://pfq-static.com/img/pkmn/heart_2.png')!important;
  458. }
  459.  
  460. .party .berrybuttons > a::after {
  461. content: none;
  462. }
  463.  
  464. .party .berrybuttons > a > img {
  465. display: block;
  466. width: 24px;
  467. height: 24px;
  468. position: absolute;
  469. top: 50%;
  470. left: 50%;
  471. margin: -12px;
  472. }
  473. [/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!