dotunion

identity v forum code (2)

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