dotunion

altered about me/forum code

Apr 25th, 2025 (edited)
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.67 KB | None | 0 0
  1. [sc=bg][sc=body][sc=title]your name[/sc][css=width: auto; margin: 0px auto 5px; float: none; display: table;][img]https://64.media.tumblr.com/631a3ec6def1c84dea5f7f5c16773e83/tumblr_ozbraoe6Ym1wct9zmo1_400.gifv[/img][/css]
  2. [sc=tabbed_interface horizontal]
  3. [ul]
  4. [li]Title 1[/li]
  5. [li]Title 2[/li]
  6. [li]Title 3[/li]
  7. [/ul][
  8. ][sc=tab-active]testing text!
  9. [b]bold[/b] | [i]italics[/i] | [u]underline[/u] | [tip=hello world!]tooltip[/tip] | [url=https://www.youtube.com/watch?v=w8j17QJZxEo]link[/url]
  10. [hr]
  11. [ol]
  12. [li]ITEM 1[/li]
  13. [li]ITEM 2[/li]
  14. [li]ITEM 3[/li]
  15. [li]ITEM 4[/li]
  16. [/ol]
  17. [hr]
  18. [progress=80/100]progress[/progress]
  19. [display=display panel]hi[/display]
  20. [hide=hidebox]hello[/hide][/sc][
  21.  
  22. ][sc=tab][table]
  23. [tr]
  24. [th=3x1]cell[/th]
  25. [th=3x1]cell[/th]
  26. [th=3x1]cell[/th]
  27. [/tr]
  28. [tr]
  29. [td=3x1]one[/td]
  30. [td=3x1]two[/td]
  31. [td=3x1]three[/td]
  32. [/tr]
  33. [tr]
  34. [td=3x1]one[/td]
  35. [td=3x1]two[/td]
  36. [td=3x1]three[/td]
  37. [/tr]
  38. [/table]
  39. [hr]
  40. [pkmnpanel=m7yjb][/sc][
  41.  
  42. ][sc=tab]contents 3[/sc][/sc]
  43. [sc=credit][pit="[img]https://64.media.tumblr.com/f132c8524437625e7acecb530f90ae46/tumblr_inline_pk0bx7n3Nn1ry72eo_75sq.gifv[/img]"][ol]
  44. [li]code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pfq.link/@PVf]altered's[/url] use only[/li]
  45. [li]ribbon graphics from [url=https://pixel-soup.tumblr.com/]pixel-soup[/url][/li]
  46. [li]background from [url=https://perfect-pixels.tumblr.com/post/13179453600/twinklechan]twinklechan[/url][/li]
  47. [li]ribbon bullets from [url=https://www.tumblr.com/lostsozai/723455372592136192?source=share]lostsozai[/url][/li]
  48. [li]ribbon dividers from [url=https://www.tumblr.com/heartwands/717616262442844160/pink-divider-dump-%E3%83%BD-%CF%89-%E3%82%9D?source=share]heartwands[/url][/li]
  49. [/ol][/pit][/sc]
  50. [/sc][/sc]
  51.  
  52. [style]
  53.  
  54. @font-face {
  55. font-family: 'Jersey 10';
  56. src: url(https://fonts.gstatic.com/s/jersey10/v3/GftH7vZKsggXMf9n_J5n_5jh.woff2) format('woff2');
  57. }
  58.  
  59. .bg {
  60. background-image: url("https://64.media.tumblr.com/5a5700f06e6077533c331fa1ffb35629/6722530401c39538-51/s75x75_c1/d4b95cdbae1cd141387909c1ea5f086a4ddf4725.gifv");
  61. border: 3px solid white;
  62. padding: 5px;
  63. border-radius: 8px;
  64. outline: 2px solid #FDBCBC;
  65. }
  66.  
  67. .body {
  68. width: auto;
  69. background-color: #ffb5cb90;
  70. border: 2px solid #ffb5cb;
  71. border-radius: 7px;
  72. box-shadow: 0px 0px 3px #DA8181;
  73. }
  74.  
  75. .title {
  76. font-family: 'Jersey 10';
  77. margin: auto;
  78. text-align: center;
  79. font-size: 28px;
  80. text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  81. color: #ff9bba;
  82. text-decoration: underline double;
  83. margin-bottom: 5px;
  84. }
  85.  
  86. .tabbed_interface>ul {
  87. background: transparent;
  88. margin-top: -30px;
  89. margin-left: 5px;
  90. margin-right: 5px;
  91. }
  92.  
  93. .tabbed_interface>ul li {
  94. font-family: 'Jersey 10';
  95. text-align: center;
  96. font-size: 20px;
  97. margin-bottom: 10px;
  98. margin-left: 2px;
  99. margin-right: 2px;
  100. border: 2px solid #ff9bba;
  101. box-shadow: 0px 0px 3px #ff9bba;
  102. background: #fff;
  103. color: #ff9bba;
  104. cursor: pointer;
  105. transition: .3s;
  106. border-radius: 8px;
  107. padding: 3px;
  108. }
  109.  
  110. .tabbed_interface>ul>li.tab-active {
  111. border: 2px solid #fff;
  112. background: #ff9bba;
  113. color: #fff;
  114. text-decoration: underline double;
  115. }
  116.  
  117. .tabbed_interface>ul>li.tab-active:before {
  118. content: url("https://64.media.tumblr.com/tumblr_m64d7bPIaV1qbs47q.gif");
  119. margin-right: 5px;
  120. margin-left: 0px;
  121. animation: .3s fade;
  122. }
  123.  
  124. .tabbed_interface>ul>li.tab-active:after {
  125. content: url("https://64.media.tumblr.com/tumblr_m64d7bPIaV1qbs47q.gif");
  126. margin-right: 0px;
  127. margin-left: 5px;
  128. animation: .3s fade;
  129. }
  130.  
  131. .tabbed_interface>div {
  132. margin-left: 5px;
  133. margin-right: 5px;
  134. background: #fff;
  135. border: 2px solid #ff9bba;
  136. box-shadow: 0px 0px 3px #ff9bba;
  137. border-radius: 8px;
  138. padding: 5px;
  139. text-align: center;
  140. font-family: 'Jersey 10';
  141. font-size: 18px;
  142. color: #ff9bba;
  143. animation: 1s fade;
  144. }
  145.  
  146. hr {
  147. border-style: none;
  148. border-width: 0px;
  149. }
  150.  
  151. hr:after {
  152. display: flex;
  153. background-color: #fff;
  154. content: url(https://64.media.tumblr.com/425d3da0af2fe163abbdac316bbe5fbf/08733222b6a1307a-4a/s250x400/c89b6729904ae2ca51baea580cd963838cf0590c.gifv);
  155. justify-content: center;
  156. filter: hue-rotate(-25deg);
  157. }
  158.  
  159. u {
  160. text-decoration: underline double;
  161. }
  162.  
  163. a {
  164. text-decoration-style: dotted;
  165. color: #ff9bba;
  166. }
  167.  
  168. ol {
  169. list-style-image: url(https://64.media.tumblr.com/51fb5c3ab12a123aadc273e048733e9d/tumblr_inline_p94wgr2gmA1rhwzwl_75sq.gifv);
  170. list-style-position: outside;
  171. }
  172.  
  173. li {
  174. font-size: 18px;
  175. }
  176.  
  177. div.tooltip_content {
  178. padding: 5px;
  179. width: auto;
  180. background: #ff9bba;
  181. color: #fff;
  182. border: solid 2px #fff;
  183. border-radius: 8px;
  184. font-size: 16px;
  185. box-shadow: 0px 0px 3px #ff9bba;
  186. }
  187.  
  188. .bbcode_tooltip {
  189. border-bottom: 1px dotted #ff9bba;
  190. cursor: help;
  191. }
  192.  
  193. .panel {
  194. background: none;
  195. margin: auto;
  196. box-shadow: none;
  197. border: none;
  198. box-shadow: 0px 0px 3px #ff9bba;
  199. &>h3 {
  200. &>a {
  201. color: #ff9bba;
  202. text-decoration: none;
  203. font-weight: normal;
  204. }
  205. font-weight: normal;
  206. text-align: center;
  207. background: #fff;
  208. font-size: 16px;
  209. border-radius: 0px;
  210. border: 4px double #ff9bba;
  211. color: #ff9bba;
  212. }
  213. &>div {
  214. background: #ff9bba;
  215. display: block;
  216. padding: 4px;
  217. color: #fff;
  218. border: none;
  219. border-top: none;
  220. }
  221. }
  222.  
  223. .expbar {
  224. margin-top: -5px;
  225. margin-bottom: -5px;
  226. background: none;
  227. border-radius: 0px;
  228. border: 4px double #ff9bba;
  229. color: #fff;
  230. >span {
  231. font-size: 16px;
  232. font-weight: normal;
  233. padding: 2px;
  234. }
  235. >div {
  236. margin: 3px;
  237. background: #ff9bba;
  238. border-right: 1px solid #ff9bba;
  239. }
  240. }
  241.  
  242. table {
  243. margin: auto;
  244. width: 100%;
  245. border: none;
  246. border-collapse: separate;
  247. th, td {
  248. text-align: center;
  249. padding: 3px;
  250. border-radius: 5px;
  251. border: 2px solid #ff9bba;
  252. font-weight: normal;
  253. }
  254. th {
  255. background-color: #fff;
  256. color: #DA8181;
  257. }
  258. td {
  259. background-color: #ff9bba;
  260. color: #fff;
  261. border: 2px solid #fff;
  262. box-shadow: 0px 0px 3px #ff9bba;
  263. }
  264. }
  265.  
  266. @platform-base: #fff;
  267. @platform-border: #ff9bba;
  268. @name-color: #ff9bba;
  269. @name-background: #fff;
  270. @name-border: #ff9bba;
  271. @berry-background: @col-flavour-up;
  272. @berry-border: #ff9bba;
  273. /* Set to "block" to show, "none" to hide */
  274. @display-item: block;
  275. @display-berries: block;
  276.  
  277. .party {
  278. display: inline-block;
  279. &,>div {
  280. padding: 0;
  281. margin: 0;
  282. background: transparent;
  283. width: 120px !important;
  284. height: 120px;
  285. overflow: hidden;
  286. border: none;
  287. border-radius: 0;
  288. box-shadow: none;
  289. }
  290. >div {
  291. &::after {
  292. display: none;
  293. }
  294. .pkmn {
  295. margin: 0 10px;
  296. float: unset;
  297. &::before {
  298. background-color: @platform-base;
  299. border-color: @platform-border;
  300. }
  301. .helditem {
  302. display: @display-item;
  303. .itemsprite {
  304. cursor: unset;
  305. }
  306. .tooltip_content {
  307. display: none;
  308. }
  309. }
  310. }
  311. .name {
  312. background-color: @name-background;
  313. border: 1.5px solid @name-border;
  314. border-radius: 5px;
  315. margin-top: 1px;
  316. height: 16px;
  317. display: flex;
  318. flex-wrap: nowrap;
  319. box-shadow: 0px 0px 3px #DA8181;
  320. a {
  321. color: @name-color;
  322. font-weight: normal;
  323. margin: 0 2px;
  324. width: 80px !important;
  325. flex-grow: 99;
  326. font-size: 16px;
  327. }
  328. img {
  329. display: none;
  330. }
  331. img:nth-last-of-type(-n+2) {
  332. display: inline;
  333. margin: 0;
  334. }
  335. }
  336. .action {
  337. display: @display-berries;
  338. position: absolute;
  339. left: 88px;
  340. top: 70px;
  341. height: unset;
  342. width: unset;
  343. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  344. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  345. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  346. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  347. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  348. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  349. display: inline-block;
  350. }
  351. .berrybuttons {
  352. >a {
  353. display: none;
  354. width: 20px;
  355. height: 20px;
  356. line-height: 20px;
  357. padding: 5px;
  358. background-color: @berry-background;
  359. border-radius: 20px;
  360. >img {
  361. vertical-align: top;
  362. max-height: 20px;
  363. max-width: 20px;
  364. }
  365. }
  366. >a[data-berry="pecha"] img {
  367. /* this berry is short */
  368. margin-top: 1px;
  369. }
  370. }
  371. &.working {
  372. opacity: 0.5;
  373. }
  374. table, a[data-evolve] {
  375. /* "thank you" message and evolve button */
  376. display: none;
  377. }
  378. }
  379. .expbar, .taste, .extra {
  380. display: none;
  381. }
  382. }
  383. >div:hover>.action a[data-berry]:after {
  384. border-color: @berry-border;
  385. }
  386. }
  387.  
  388. .credit {
  389. margin-right: 5px;
  390. margin-bottom: -20px;
  391. text-align: right;
  392. user-select: none;
  393. position: relative;
  394. bottom: 10px;
  395. width: auto;
  396. height: auto;
  397.  
  398. div.tooltip_content {
  399. font-family: 'Jersey 10';
  400. width: 90%;
  401. bottom: 0px;
  402. margin-left: 10px;
  403. font-size: 16px;
  404. padding: 5px;
  405. border: 2px solid #ff9bba;
  406. background-color: #fff;
  407. color: #ff9bba;
  408. text-align: left;
  409. box-shadow: 0px 0px 3px #ff9bba;
  410.  
  411. ol {
  412. margin: 5px;
  413. margin-left: -3px;
  414. }
  415. li {
  416. font-size: 16px;
  417. }
  418. }
  419. .bbcode_tooltip {
  420. border-bottom: none;
  421. }
  422. }
  423. [/style]
Advertisement
Add Comment
Please, Sign In to add comment