API tools faq
paste
dotunion

identity v about me code

dotunion
Nov 27th, 2024 (edited)
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.01 KB | None | 0 0
raw download clone embed print report
  1. [sc=bg][sc=lace]![br]![br]![/sc][sc=body][sc=headerbox]
  2. [sc=icon][img]https://www.firstbenefits.org/wp-content/uploads/2017/10/placeholder.png[/img][/sc][sc=headertext][u]hello![/u]
  3.  
  4. add some stuff here :)
  5.  
  6. hopefully this is enough room o/
  7. [/sc][/sc]
  8. [sc=ribbon][img]https://64.media.tumblr.com/ba2c4643ed4135b0cc2bd28bb7782e24/7c997bfc11b7f363-d1/s1280x1920/052c76761ee4b58d0782e17cba56aa600f6e7466.pnj[/img][/sc]
  9. [sc=joker][img]https://i.imgur.com/D5YPMQS.png[/img][/sc]
  10. [sc=tabbed_interface horizontal]
  11. [ul]
  12. [li]hunts[/li]
  13. [li]buttons[/li]
  14. [li]info[/li]
  15. [li]other[/li]
  16. [/ul][
  17. ][sc=tab-active]testing text!
  18. [b]bold[/b] | [i]italics[/i] | [u]underline[/u] | [tip=hello world!]tooltip[/tip] | [url=https://www.youtube.com/watch?v=w8j17QJZxEo]link[/url]
  19.  
  20. [progress=50/100]progress[/progress]
  21. [display=display panel]hi[/display]
  22. [hide=hidebox]hello[/hide][/sc][
  23.  
  24. ][sc=tab][table]
  25. [tr]
  26. [th=3x1]cell[/th]
  27. [th=3x1]cell[/th]
  28. [th=3x1]cell[/th]
  29. [/tr]
  30. [tr]
  31. [td=3x1]one[/td]
  32. [td=3x1]two[/td]
  33. [td=3x1]three[/td]
  34. [/tr]
  35. [tr]
  36. [td=3x1]one[/td]
  37. [td=3x1]two[/td]
  38. [td=3x1]three[/td]
  39. [/tr]
  40. [/table]
  41. [pkmnpanel=c-L2L][/sc][
  42.  
  43. ][sc=tab]contents 3[/sc][
  44.  
  45. ][sc=tab]contents 4[/sc][/sc]
  46. [/sc]
  47. [sc=footer]![br]![br]![/sc]
  48. [sc=credit][pit="[img]https://foollovers.com/mat/i-flower02/la05-flower-rose.gif[/img]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pfq.link/@JtcC]identity v's[/url] use only
  49. - lace dividers by [url=https://www.tumblr.com/scarletrottings/750836820735082496/%CE%BE-requested-dark-red-black-dividers-%F0%9D%9C%97-%F0%93%88%92-f2u?source=share]scarletrottings[/url] on tumblr
  50. - ribbon divider by [url=https://www.tumblr.com/idolicdream/754485976782569472?source=share]idolicdream[/url] on tumblr
  51. - background and rose by [url=https://foollovers.com/]foollovers[/url]
  52. - official idv artwork used[/pit][/sc][/sc]
  53. [style]
  54.  
  55. @font-face {
  56. font-family: 'Lexend';
  57. src: url(https://fonts.gstatic.com/s/lexend/v23/wlpwgwvFAVdoq2_v-6QU.woff2) format('woff2');
  58. 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;
  59. }
  60.  
  61. .bg {
  62. margin: auto;
  63. width: 300px;
  64. background: linear-gradient(
  65. to bottom, transparent 30%, #68211D), url("https://foollovers.com/mat/plaid03/q06-bg-checkered.gif");
  66. padding-bottom: 7px;
  67. }
  68.  
  69. .lace {
  70. background-image: url("https://64.media.tumblr.com/6c388bf6e902d03a448af00b0c30e33d/b49ab3ddb3560cb3-b3/s1280x1920/f02414c555f3c1a4222919a5b83f904e3e106277.pnj");
  71. background-repeat: repeat-x;
  72. background-size: 100% auto;
  73. position: relative;
  74. z-index: 2;
  75. color: #00000000;
  76. }
  77.  
  78. .body {
  79. margin: auto;
  80. width: 95%;
  81. border: 2px solid #412424;
  82. background: #00000095;
  83. margin-top: -20px;
  84. }
  85.  
  86. .headerbox {
  87. width: 90%;
  88. margin: auto;
  89. border: 4px double #412424;
  90. background-color: #000;
  91. margin-top: -10px;
  92. }
  93.  
  94. .icon {
  95. width: 105px;
  96. height: 105px;
  97. border: 3px dashed #893B3A;
  98. margin-left: 10px;
  99. margin-top: -10px;
  100. margin-bottom: 10px;
  101. display: inline-block;
  102.  
  103. @media only screen and (max-width: 1280px) {
  104. margin-left: 10px;
  105. }
  106. }
  107.  
  108. .headertext {
  109. display: inline-block;
  110. width: 50%;
  111. height: 105px;
  112. margin-left: 3px;
  113. font-family: 'Lexend';
  114. font-size: 12px;
  115. text-align: center;
  116. color: #DAD4D4;
  117. position: relative;
  118. bottom: 12px;
  119.  
  120. @media only screen and (max-width: 1024px) {
  121. font-size: 12px;
  122. width: 50%;
  123. }
  124. }
  125.  
  126. .ribbon {
  127. width: 100%;
  128. margin-top: -70px;
  129. -webkit-transform: scaleX(-1);
  130. transform: scaleX(-1);
  131. position: relative;
  132. z-index: 7;
  133. }
  134.  
  135. .joker {
  136. width: 120px;
  137. margin-top: -90px;
  138. margin-bottom: -30px;
  139. position: relative;
  140. z-index: 6;
  141. right: 5px;
  142. -webkit-filter: drop-shadow(0px 0px 6px #681F1B );
  143. filter: drop-shadow(0px 0px 6px #681F1B);
  144. }
  145.  
  146. .tabbed_interface>ul {
  147. background: transparent;
  148. margin-top: -110px;
  149. margin-left: 100px;
  150. width: 180px;
  151. }
  152.  
  153. .tabbed_interface>ul li {
  154. font-family: 'Lexend';
  155. cursor: pointer;
  156. padding: 5px;
  157. margin: 5px 3px;
  158. text-align: center;
  159. font-size: 16px;
  160. background-color: #000;
  161. border: 2px solid #68211D;
  162. color: #DAD4D4;
  163. position: relative;
  164. z-index: 8;
  165. transition: .3s;
  166. }
  167.  
  168. .tabbed_interface>ul>li.tab-active {
  169. background-color: #68211D;
  170. color: #DAD4D4;
  171. border: 2px solid #DAD4D4;
  172. }
  173.  
  174. .tabbed_interface>div {
  175. position: relative;
  176. z-index: 9;
  177. margin: auto;
  178. padding: 8px;
  179. width: 88%;
  180. box-shadow: none;
  181. font-family: 'Lexend';
  182. background-color: #000;
  183. border: 2px solid #68211D;
  184. color: #DAD4D4;
  185. text-align: center;
  186. font-size: 14px;
  187. padding-bottom: 30px;
  188. }
  189.  
  190. a {
  191. color: #DAD4D4;
  192. text-decoration-style: solid;
  193. }
  194.  
  195. div.tooltip_content {
  196. width: auto;
  197. background: #68211D;
  198. color: #DAD4D4;
  199. border: solid 2px #DAD4D4;
  200. border-radius: 0px;
  201. font-size: 13px;
  202. }
  203.  
  204. .bbcode_tooltip {
  205. border-bottom: 0.5px dotted #fff;
  206. cursor: help;
  207. }
  208.  
  209. .panel {
  210. background-image: linear-gradient(#412424, #000);
  211. padding: 4px;
  212. width: 90%;
  213. margin: auto;
  214. border-radius: 0px;
  215. box-shadow: none;
  216. border: 2px solid #68211D;
  217. &>h3 {
  218. &>a {
  219. color: #fff;
  220. text-decoration: none;
  221. }
  222. text-align: center;
  223. background: #000;
  224. font-size: 12px;
  225. border-radius: 0px;
  226. border: 4px double #68211D;
  227. color: #DAD4D4;
  228. }
  229. &>div {
  230. background: #371415;
  231. display: block;
  232. margin-top: 3px;
  233. padding: 6px;
  234. color: #DAD4D4;
  235. border: 2px solid #68211D;
  236. animation: 1s fade;
  237. }
  238. }
  239.  
  240. .expbar {
  241. margin-top: -5px;
  242. margin-bottom: -5px;
  243. background: none;
  244. border-radius: 0px;
  245. width: 90%;
  246. border: 4px double #68211D;
  247. color: #DAD4D4;
  248. >div {
  249. margin: 3px;
  250. background: #68211D;
  251. border-right: 1px solid #412424;
  252. }
  253. }
  254.  
  255. table {
  256. margin: auto;
  257. width: 98%;
  258. border: none;
  259. padding: 4px;
  260. background: #371415;
  261. border: 2px solid #DAD4D4;
  262. border-collapse: separate;
  263. th, td {
  264. text-align: center;
  265. padding: 5px;
  266. border-radius: 0px;
  267. border: 2px solid #000;
  268. }
  269. th {
  270. background-color: #000;
  271. color: #DAD4D4;
  272. }
  273. td {
  274. background-color: #68211D;
  275. color: #fff;
  276. border: 2px solid #000;
  277. }
  278. }
  279.  
  280. @platform-base: #000;
  281. @platform-border: #68211D;
  282. @name-color: #DAD4D4;
  283. @name-background: #000;
  284. @name-border: #B64F3E;
  285. @berry-background: @col-flavour-up;
  286. @berry-border: #68211D;
  287. /* Set to "block" to show, "none" to hide */
  288. @display-item: block;
  289. @display-berries: block;
  290.  
  291. .party {
  292. display: inline-block;
  293. &,>div {
  294. padding: 0;
  295. margin: 0;
  296. background: transparent;
  297. width: 120px !important;
  298. height: 120px;
  299. overflow: hidden;
  300. border: none;
  301. border-radius: 0;
  302. box-shadow: none;
  303. }
  304. >div {
  305. &::after {
  306. display: none;
  307. }
  308. .pkmn {
  309. margin: 0 10px;
  310. float: unset;
  311. &::before {
  312. background-color: @platform-base;
  313. border-color: @platform-border;
  314. }
  315. .helditem {
  316. display: @display-item;
  317. .itemsprite {
  318. cursor: unset;
  319. }
  320. .tooltip_content {
  321. display: none;
  322. }
  323. }
  324. }
  325. .name {
  326. background-color: @name-background;
  327. border: 1.5px solid @name-border;
  328. border-radius: 5px;
  329. margin-top: 1px;
  330. height: 16px;
  331. display: flex;
  332. flex-wrap: nowrap;
  333. a {
  334. color: @name-color;
  335. font-weight: normal;
  336. margin: 0 2px;
  337. width: 80px !important;
  338. flex-grow: 99;
  339. font-size: 12px;
  340. }
  341. img {
  342. display: none;
  343. }
  344. img:nth-last-of-type(-n+2) {
  345. display: inline;
  346. margin: 0;
  347. }
  348. }
  349. .action {
  350. display: @display-berries;
  351. position: absolute;
  352. left: 88px;
  353. top: 70px;
  354. height: unset;
  355. width: unset;
  356. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  357. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  358. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  359. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  360. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  361. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  362. display: inline-block;
  363. }
  364. .berrybuttons {
  365. >a {
  366. display: none;
  367. width: 20px;
  368. height: 20px;
  369. line-height: 20px;
  370. padding: 5px;
  371. background-color: @berry-background;
  372. border-radius: 20px;
  373. >img {
  374. vertical-align: top;
  375. max-height: 20px;
  376. max-width: 20px;
  377. }
  378. }
  379. >a[data-berry="pecha"] img {
  380. /* this berry is short */
  381. margin-top: 1px;
  382. }
  383. }
  384. &.working {
  385. opacity: 0.5;
  386. }
  387. table, a[data-evolve] {
  388. /* "thank you" message and evolve button */
  389. display: none;
  390. }
  391. }
  392. .expbar, .taste, .extra {
  393. display: none;
  394. }
  395. }
  396. >div:hover>.action a[data-berry]:after {
  397. border-color: @berry-border;
  398. }
  399. }
  400.  
  401. .credit {
  402. margin-right: 10px;
  403. margin-bottom: -37px;
  404. text-align: right;
  405. font-size: 8px;
  406. user-select: none;
  407. position: relative;
  408. z-index: 10;
  409. bottom: 45px;
  410. width: auto;
  411. height: auto;
  412.  
  413. div.tooltip_content {
  414. font-family: 'Lexend';
  415. bottom: 0px;
  416. width: 85%;
  417. margin-left: 10px;
  418. font-size: 12px;
  419. padding: 5px;
  420. border: 2px solid #DAD4D4;
  421. background-color: #000;
  422. color: #DAD4D4;
  423. text-align: left;
  424.  
  425. @media only screen and (max-width: 1280px) {
  426. position: absolute;
  427. }
  428. }
  429. .bbcode_tooltip {
  430. border-bottom: none;
  431. }
  432. }
  433.  
  434. .footer {
  435. background-image: url("https://64.media.tumblr.com/068fec2d7451041ca0a66316a20aa0fc/b49ab3ddb3560cb3-58/s1280x1920/a54057e0cf93b86f6698e29090028bc58b2cd98e.pnj");
  436. background-repeat: repeat-x;
  437. background-size: 100% auto;
  438. position: relative;
  439. z-index: 9;
  440. color: #00000000;
  441. margin-top: -60px;
  442. margin-bottom: -16px;
  443. }
  444.  
  445. [/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!