dotunion

identity v forum code

Sep 25th, 2024 (edited)
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.67 KB | None | 0 0
  1. [sc=background]
  2. [sc=header]
  3. [/sc]
  4. [sc=box]testing text!
  5. use [sc=floatleft][img]IMAGE HERE[/img]text[/sc] or [sc=floatright][img]IMAGE HERE[/img]text[/sc] for images beside text!
  6. change header by changing the background image under ".header", adjust to your liking!
  7. -union
  8. [/sc]
  9. [sc=credit][pit="[img]https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5a31c05d-39f6-4910-9239-5d7b3ca952c0/dbtwq54-0471390d-a93d-4a25-8772-0a452c42cdce.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzVhMzFjMDVkLTM5ZjYtNDkxMC05MjM5LTVkN2IzY2E5NTJjMFwvZGJ0d3E1NC0wNDcxMzkwZC1hOTNkLTRhMjUtODc3Mi0wYTQ1MmM0MmNkY2UucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.eWKLXjVJ7Pm6DUXMaS7hv-kgd48p2uLXvhus4k_eLUg[/img]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pokefarm.com/user/Identity_V]identity v's[/url] use only
  10. - button by [url=https://www.deviantart.com/momentaryunicorn/art/21x21-F2U-Small-Red-Button-715363672]momentaryunicorn[/url] on deviantart
  11. - heart pixel by [url=https://www.deviantart.com/aldric-cheylan/art/Animated-Pixel-Heart-483944365]aldric-cheylan[/url] on deviantart
  12. - background from [url=https://web.archive.org/web/20070226103420/http://www.yourspacecodes.com/myspace-backgrounds]yourspacecodes[/url]
  13. add more here![/pit][/sc]
  14. [/sc]
  15.  
  16. [style]
  17.  
  18. @font-face {
  19. font-family: "Essay Text W01 Italic";
  20. src: url("https://db.onlinewebfonts.com/t/3eef224ffc0560ff47f8e0af79b0dce7.eot");
  21. src: url("https://db.onlinewebfonts.com/t/3eef224ffc0560ff47f8e0af79b0dce7.eot?#iefix")format("embedded-opentype"),
  22. url("https://db.onlinewebfonts.com/t/3eef224ffc0560ff47f8e0af79b0dce7.woff2")format("woff2"),
  23. url("https://db.onlinewebfonts.com/t/3eef224ffc0560ff47f8e0af79b0dce7.woff")format("woff"),
  24. url("https://db.onlinewebfonts.com/t/3eef224ffc0560ff47f8e0af79b0dce7.ttf")format("truetype"),
  25. url("https://db.onlinewebfonts.com/t/3eef224ffc0560ff47f8e0af79b0dce7.svg#Essay Text W01 Italic")format("svg");
  26. }
  27.  
  28. .background {
  29. background-image: url("https://i.imgur.com/M9g8BAP.jpeg")
  30. }
  31.  
  32. .header {
  33. margin: auto;
  34. width: 96%;
  35. height: 120px;
  36. margin-bottom: -10px;
  37. background-image: url("https://i.imgur.com/RbaRN3d.gif");
  38. background-size: 130% auto;
  39. background-position: center;
  40. background-color: #301012;
  41. border: 2px solid #712125;
  42. box-shadow: 0px 0px 7px #AD3A41;
  43. border-radius: 6px;
  44. overflow: hidden;
  45. }
  46.  
  47. .box {
  48. margin: auto;
  49. padding: 5px;
  50. width: 95%;
  51. background-color: #301012;
  52. border: 2px solid #712125;
  53. border-radius: 6px;
  54. font-family: "Essay Text W01 Italic";
  55. color: #fff;
  56. text-align: center;
  57. font-size: 18px;
  58. }
  59.  
  60. .floatright {
  61. width: 120px;
  62. float: right;
  63. }
  64.  
  65. .floatleft {
  66. width: 120px;
  67. float: left;
  68. }
  69.  
  70. a {
  71. display: inline-block;
  72. text-decoration: underline solid;
  73. color: #fff;
  74. }
  75.  
  76. /* toolip */
  77.  
  78. div.tooltip_content {
  79. width: auto;
  80. background: #30101298;
  81. color: #fff;
  82. border: 2px solid #712125;
  83. border-radius: 3px;
  84. font-size: 16px;
  85. border-radius: 5px;
  86. box-shadow: 0px 0px 7px #AD3A41;
  87. }
  88.  
  89. .bbcode_tooltip {
  90. border-bottom: 1px dotted #fff;
  91. cursor: help;
  92. }
  93.  
  94. /* hide panel */
  95.  
  96. .panel {
  97. Width: 95%;
  98. margin: auto;
  99. border-radius: 0px;
  100. border: 2px solid #8C6C78;
  101. box-shadow: none;
  102. &>h3 {
  103. color: #fff;
  104. text-shadow: none;
  105. &>a {
  106. color: #fff;
  107. text-shadow: none;
  108. text-decoration: none;
  109. }
  110. text-align: center;
  111. background: #301012;
  112. font-size: 16px;
  113. border-radius: 0px;
  114. border: none;
  115. }
  116. &>div {
  117. background: #6D1F23;
  118. display: block;
  119. margin: 0;
  120. padding: 6px;
  121. color: #fff;
  122. border: 2px solid #6D1F23;
  123. border-top: none;
  124. }
  125. }
  126.  
  127. /* progress bar */
  128.  
  129. .expbar {
  130. margin-bottom: -10px;
  131. background: #301012;
  132. border-radius: 0px;
  133. width: 93%;
  134. height: 10%;
  135. border: 2px solid #8C6C78;
  136. color: #fff;
  137. >div {
  138. background: #6D1F23;
  139. border-right: 1px solid #6D1F23;
  140. }
  141. }
  142.  
  143. /* table */
  144.  
  145. table {
  146. margin: auto;
  147. border: none;
  148. padding: 4px;
  149. border-collapse: separate;
  150. width: 97%;
  151. overflow-x: auto;
  152. th, td {
  153. text-align: center;
  154. padding: 5px;
  155. border-radius: 0px;
  156. border: none;
  157. color: #fff;
  158. }
  159. th {
  160. background-color: #6D1F23;
  161. color: #fff;
  162. border: 2px solid #8C6C78;
  163. }
  164. td {
  165. background-color: #301012;
  166. border: 2px solid #6D1F23;
  167. }
  168. }
  169.  
  170. /* tabbed interface */
  171.  
  172. .tabbed_interface>ul {
  173. background-color: inherit;
  174. }
  175.  
  176. .tabbed_interface>ul li { /* tabs */
  177. font-family: "Essay Text W01 Italic";
  178. cursor: pointer;
  179. margin: 5px 3px;
  180. position: relative;
  181. width: auto;
  182. height: 21px;
  183. font-size: 16px;
  184. text-align: center;
  185. color: #fff;
  186. box-shadow: 0px 0px 5px #6D1F23;
  187. background-color: #6D1F23;
  188. border: 2px solid #8C6C78;
  189. border-radius: 7px;
  190. transition: .3s;
  191. }
  192.  
  193. .tabbed_interface>ul>li.tab-active:before {
  194. content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/464109aa-d621-4292-9bed-a13a9b2e0472/d804lv1-67eb3503-620e-48b4-9566-2637b6a01709.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ2NDEwOWFhLWQ2MjEtNDI5Mi05YmVkLWExM2E5YjJlMDQ3MlwvZDgwNGx2MS02N2ViMzUwMy02MjBlLTQ4YjQtOTU2Ni0yNjM3YjZhMDE3MDkuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ELNkmarFtA57uVDBf91T5h_M2gT-3QyC2bOi7rlTPAY");
  195. margin-right: 6px;
  196. margin-left: 0px;
  197. }
  198.  
  199. .tabbed_interface>ul>li.tab-active {
  200. color: #fff;
  201. border: 2px solid #301012;
  202. border-radius: 7px;
  203. background: #8C6C78;
  204. }
  205.  
  206. .tab-active { /* content */
  207. font-family: "Essay Text W01 Italic";
  208. line-height: 1.3;
  209. text-align: center;
  210. margin: auto;
  211. width: 98%;
  212. height: auto;
  213. background-color: #301012;
  214. border: 2px solid #6D1F23;
  215. border-radius: 5px;
  216. color: #fff;
  217. box-shadow: 0px 0px 5px #6D1F23;
  218. }
  219.  
  220. /* party panel */
  221.  
  222. @platform-base: #301012;
  223. @platform-border: #6D1F23;
  224. @name-color: #fff;
  225. @name-background: #6D1F23;
  226. @name-border: #301012;
  227. @berry-background: @col-flavour-up;
  228. @berry-border: #6D1F23;
  229. /* Set to "block" to show, "none" to hide */
  230. @display-item: block;
  231. @display-berries: block;
  232.  
  233. .party {
  234. display: inline-block;
  235. &,>div {
  236. padding: 0;
  237. margin: 0;
  238. background: transparent;
  239. width: 120px !important;
  240. height: 120px;
  241. overflow: hidden;
  242. border: none;
  243. border-radius: 0;
  244. box-shadow: none;
  245. }
  246. >div {
  247. &::after {
  248. display: none;
  249. }
  250. .pkmn {
  251. margin: 0 10px;
  252. float: unset;
  253. &::before {
  254. background-color: @platform-base;
  255. border-color: @platform-border;
  256. }
  257. .helditem {
  258. display: @display-item;
  259. .itemsprite {
  260. cursor: unset;
  261. }
  262. .tooltip_content {
  263. display: none;
  264. }
  265. }
  266. }
  267. .name {
  268. background-color: @name-background;
  269. border: 1.5px solid @name-border;
  270. border-radius: 5px;
  271. margin-top: 1px;
  272. height: 16px;
  273. display: flex;
  274. flex-wrap: nowrap;
  275. a {
  276. color: @name-color;
  277. font-weight: normal;
  278. margin: 0 2px;
  279. width: 80px !important;
  280. flex-grow: 99;
  281. font-size: 12px;
  282. }
  283. img {
  284. display: none;
  285. }
  286. img:nth-last-of-type(-n+2) {
  287. display: inline;
  288. margin: 0;
  289. }
  290. }
  291. .action {
  292. display: @display-berries;
  293. position: absolute;
  294. left: 88px;
  295. top: 70px;
  296. height: unset;
  297. width: unset;
  298. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  299. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  300. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  301. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  302. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  303. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  304. display: inline-block;
  305. }
  306. .berrybuttons {
  307. >a {
  308. display: none;
  309. width: 20px;
  310. height: 20px;
  311. line-height: 20px;
  312. padding: 5px;
  313. background-color: @berry-background;
  314. border-radius: 20px;
  315. >img {
  316. vertical-align: top;
  317. max-height: 20px;
  318. max-width: 20px;
  319. }
  320. }
  321. >a[data-berry="pecha"] img {
  322. /* this berry is short */
  323. margin-top: 1px;
  324. }
  325. }
  326. &.working {
  327. opacity: 0.5;
  328. }
  329. table, a[data-evolve] {
  330. /* "thank you" message and evolve button */
  331. display: none;
  332. }
  333. }
  334. .expbar, .taste, .extra {
  335. display: none;
  336. }
  337. }
  338. >div:hover>.action a[data-berry]:after {
  339. border-color: @berry-border;
  340. }
  341. }
  342.  
  343. .credit {
  344. font-family: "Essay Text W01 Italic";
  345. margin-right: 5px;
  346. margin-top: -10px;
  347. margin-bottom: -15px;
  348. text-align: right;
  349. font-size: 14px;
  350. user-select: none;
  351. width: auto;
  352. height: auto;
  353. filter: drop-shadow(0px 0px 3px #6D1F23);
  354.  
  355. div.tooltip_content {
  356. bottom: 0px;
  357. right: 35px;
  358. width: 60%;
  359. font-size: 16px;
  360. padding: 4px;
  361. background-color: #30101295;
  362. color: #fff;
  363. box-shadow: 0px 0px 4px #6D1F23;
  364. text-align: left;
  365.  
  366. @media only screen and (max-width: 1280px) {
  367. width: 80%;
  368. position: absolute;
  369. bottom: 0px;
  370. right: 35px;
  371. }
  372. }
  373. .bbcode_tooltip {
  374. border-bottom: none;
  375. }
  376. }
  377.  
  378.  
  379. [/style]
Advertisement
Add Comment
Please, Sign In to add comment