API tools faq
paste
dotunion

runar type race code

dotunion
May 14th, 2025 (edited)
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.48 KB | None | 0 0
raw download clone embed print report
  1. [sc=bg][sc=body][sc=title]A TITLE HERE![/sc]
  2. [sc=subtitle]a type race lead by rúnar[/sc]
  3. [hr]
  4. [sc=intro][css=float: left; margin-right: 10px;][img]https://i.imgur.com/2E5kB52.gif[/img][/css][sc=introtxt]some stuff here! a small introduction for your team or something of the sort.
  5.  
  6. the hr tag is the divider in between the intro box and the title! feel free to use whatever type icon you'd like under the "hr:after" code
  7. [center][u][b]STELLAR V-WAVE[/b][/u]
  8.  
  9. [css=margin: auto; width: 90px; margin-top: -10px; margin-bottom: -40px;][img]https://static.pokefarm.com/img/types/v-stellar.png/t=1713619248.png[/img][/css]
  10.  
  11. our stellar v-wave is (percentage here)![/center]
  12. [hide=introduction form]intro form goes here![/hide][/sc][/sc]
  13. [sc=tabbed_interface horizontal]
  14. [ul]
  15. [li]members[/li]
  16. [li]egg chart[/li]
  17. [li]pairs & items[/li]
  18. [li]showcase[/li]
  19. [li]mascots[/li]
  20. [li]tips, tricks and resources[/li]
  21. [/ul][
  22. ][sc=tab-active][table]
  23. [tr]
  24. [th=2x1]user[/th]
  25. [th=2x1]hunt[/th]
  26. [/tr]
  27. [tr]
  28. [td=2x1]username[/td]
  29. [td=2x1][pkmn=][/td]
  30. [/tr]
  31. [tr]
  32. [td=2x1]username[/td]
  33. [td=2x1][pkmn=][/td]
  34. [/tr]
  35. [/table][/sc][
  36.  
  37. ][sc=tab]egg chart of whatever type goes here[/sc][
  38.  
  39. ][sc=tab][table]
  40. [tr]
  41. [th=3x1]user[/th]
  42. [th=3x1]pairs[/th]
  43. [th=3x1]items[/th]
  44. [/tr]
  45. [tr]
  46. [td=3x1]username[/td]
  47. [td=3x1]pairs[/td]
  48. [td=3x1]items[/td]
  49. [/tr]
  50. [tr]
  51. [td=3x1]username[/td]
  52. [td=3x1]pairs[/td]
  53. [td=3x1]item[/td]
  54. [/tr]
  55. [/table][/sc][
  56.  
  57. ][sc=tab]special showcase here![/sc][
  58.  
  59. ][sc=tab]mascots![/sc][
  60.  
  61. ][sc=tab]tips, tricks and resources can go here! or anything really[/sc][/sc]
  62. [/sc][sc=credit][pit="[img]https://64.media.tumblr.com/d6ef661aae18e38b58db6c6bb24f5a38/c80e85c672fd2385-a1/s75x75_c1/4ef7c5a47f34e761865f4c77f317c62569765bb6.gifv[/img]"]code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pfq.link/@Jkqp]rúnar's[/url] use only
  63. → runar sprite by [url=https://pfq.link/@cgy]silver raven[/url]
  64. → moon pixel from [url=https://www.tumblr.com/mikayuuyuri/781551677893410816/]mikayuuyuri[/url]
  65. → official pokemon graphics used[/pit][/sc][/sc]
  66.  
  67. [style]
  68.  
  69. @font-face {
  70. font-family: 'Modak';
  71. src: url(https://fonts.gstatic.com/s/modak/v20/EJRYQgs1XtIEskMA-hQ.woff2) format('woff2');
  72. 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;
  73. }
  74.  
  75. @font-face {
  76. font-family: 'Gochi Hand';
  77. src: url(https://fonts.gstatic.com/s/gochihand/v23/hES06XlsOjtJsgCkx1Pkfon_-w.woff2) format('woff2');
  78. 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;
  79. }
  80.  
  81. @font-face {
  82. font-family: 'Figtree';
  83. src: url(https://fonts.gstatic.com/s/figtree/v8/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2');
  84. 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;
  85. }
  86.  
  87. @bg = #B6B09F;
  88. @sub = #000;
  89. @sub2 = #322F2D;
  90. @sub3 = #EAE4D5;
  91. @text = #000;
  92. @white = #fff;
  93.  
  94. hr {
  95. overflow: visible;
  96. padding: 0;
  97. border: none;
  98. border-bottom: 4px double @text;
  99. color: @text;
  100. text-align: center;
  101. position: relative;
  102. bottom: 30px;
  103. margin-bottom: -20px;
  104. }
  105.  
  106. hr:after {
  107. content: "";
  108. width: 50px;
  109. height: 50px;
  110. display: inline-block;
  111. position: relative;
  112. top: 1.2em;
  113. font-size: 24px;
  114. background: url("https://i.imgur.com/j8nYffj.png") no-repeat 0 0;
  115. background-size: 100%;
  116. }
  117.  
  118. u {
  119. text-decoration: 1.5px #000 double underline;
  120. }
  121.  
  122. a {
  123. color: @text;
  124. }
  125.  
  126. ol {
  127. list-style-image: url(https://static.pokefarm.com/img/items/terashard_normal.png/t=1715359071.png);
  128. list-style-position: outside;
  129. margin-bottom: -10px;
  130. }
  131.  
  132. li {
  133. font-size: 18px;
  134. }
  135.  
  136. .bg {
  137. background: linear-gradient(#fff, @bg);
  138. border: 2px solid @sub;
  139. padding: 8px;
  140. }
  141.  
  142. .body {
  143. border: 2px solid @sub;
  144. background: #00000030;
  145. }
  146.  
  147. .title {
  148. text-align: center;
  149. font-family: 'Modak';
  150. font-size: 4em;
  151. color: @sub2;
  152. text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  153. line-height: 0.8;
  154. margin-top: 10px;
  155. }
  156.  
  157. .subtitle {
  158. font-family: 'Gochi Hand';
  159. color: @sub2;
  160. text-align: center;
  161. font-size: 1.5em;
  162. text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  163. margin-top: -25px;
  164. margin-bottom: -30px;
  165. }
  166.  
  167. .intro {
  168. margin-left: 5px;
  169. margin-right: 5px;
  170. padding: 10px;
  171. border: 2px solid @sub;
  172. background: @sub3;
  173. box-shadow: 0px 0px 5px @sub2;
  174. }
  175.  
  176. .introtxt {
  177. font-family: 'Figtree';
  178. color: @text;
  179. font-size: 20px;
  180. text-align: justify;
  181. }
  182.  
  183. .tabbed_interface>ul {
  184. background: none;
  185. margin-top: -30px;
  186. }
  187.  
  188. .tabbed_interface>ul li {
  189. cursor: pointer;
  190. font-family: 'Figtree';
  191. font-size: 18px;
  192. text-align: center;
  193. margin-top: 5px;
  194. margin-left: 5px;
  195. margin-right: 5px;
  196. padding: 5px;
  197. border: 2px solid @sub;
  198. background: @sub3;
  199. color: @text;
  200. transition: .5s;
  201. }
  202.  
  203. .tabbed_interface>ul>li.tab-active {
  204. border: 2px solid @sub3;
  205. background: @sub;
  206. color: @sub3;
  207. text-decoration: underline double;
  208. }
  209.  
  210. .tabbed_interface>div {
  211. margin-top: 10px;
  212. margin-left: 5px;
  213. margin-right: 5px;
  214. padding: 8px;
  215. text-align: center;
  216. border: 2px solid @sub;
  217. background: @sub3;
  218. color: @sub;
  219. box-shadow: 0px 0px 5px @sub2;
  220. }
  221.  
  222. div.tooltip_content {
  223. padding: 5px;
  224. width: auto;
  225. background-color: @sub3;
  226. color: @text;
  227. border: 2px solid @sub;
  228. border-radius: 0px;
  229. font-size: 16px;
  230. box-shadow: 0px 0px 3px @sub2;
  231. }
  232.  
  233. .bbcode_tooltip {
  234. border-bottom: 1px dotted #000;
  235. cursor: help;
  236. }
  237.  
  238. .panel {
  239. background: none;
  240. margin: auto;
  241. box-shadow: none;
  242. border: none;
  243. &>h3 {
  244. &>a {
  245. color: @sub3;
  246. text-decoration: none;
  247. font-weight: normal;
  248. }
  249. font-weight: normal;
  250. text-align: center;
  251. background: @sub2;
  252. font-size: 16px;
  253. border-radius: 0px;
  254. border: 4px double @sub3;
  255. color: @sub3;
  256. }
  257. &>div {
  258. margin-top: 5px;
  259. background: @sub3;
  260. display: block;
  261. padding: 4px;
  262. color: @text;
  263. border: 4px double @sub2;
  264. }
  265. }
  266.  
  267. .expbar {
  268. background: none;
  269. border-radius: 0px;
  270. border: 4px double @sub;
  271. color: @sub3;
  272. >span {
  273. font-size: 16px;
  274. font-weight: normal;
  275. padding: 2px;
  276. }
  277. >div {
  278. margin: 3px;
  279. background: @sub2;
  280. border-right: 1px solid @sub2;
  281. }
  282. }
  283.  
  284. table {
  285. margin: auto;
  286. width: 100%;
  287. border: none;
  288. border-collapse: separate;
  289. th, td {
  290. text-align: center;
  291. padding: 3px;
  292. border-radius: 0px;
  293. border: 2px solid @sub;
  294. font-weight: normal;
  295. }
  296. th {
  297. background-color: @sub3;
  298. color: @text;
  299. }
  300. td {
  301. background-color: @sub2;
  302. color: @sub3;
  303. }
  304. }
  305.  
  306. .credit {
  307. margin-right: 5px;
  308. margin-bottom: -20px;
  309. text-align: right;
  310. user-select: none;
  311. position: relative;
  312. bottom: 15px;
  313. right: 0px;
  314. width: auto;
  315. height: auto;
  316.  
  317. div.tooltip_content {
  318. font-family: 'Figtree';
  319. width: 80%;
  320. bottom: 0px;
  321. right: 30px;
  322. margin-left: 10px;
  323. font-size: 18px;
  324. padding: 5px;
  325. border: 2px solid @sub2;
  326. background: @sub3;
  327. color: @text;
  328. text-align: left;
  329. box-shadow: 0px 0px 3px @sub2;
  330. }
  331. .bbcode_tooltip {
  332. border-bottom: none;
  333. }
  334. }
  335. [/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!