API tools faq
paste
dotunion

nemona forum code

dotunion
Nov 3rd, 2024 (edited)
76
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.48 KB | None | 0 0
raw download clone embed print report
  1. [sc=bg][sc=body][sc=box]
  2. [sc=nemo][img]https://i.imgur.com/KTr9Mca.png[/img][/sc][sc=tbt]title
  3. text[/sc][sc=titlebar][img]https://64.media.tumblr.com/9ee2758ade68ba0b5c7656af95d474b2/c9f362968cb14fd5-9b/s2048x3072/d2382244767e581d1741b654513b55744946d85d.pnj[/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. [/ul][
  10. ][sc=tab-active]tab 1
  11. [/sc][
  12. ][sc=tab]tab 2
  13. [/sc][
  14. ][sc=tab]tab 3
  15. [/sc][/sc]
  16. [sc=pawmot][img]https://i.imgur.com/EOR71SA.png[/img][/sc]
  17. [sc=footer]coded by [url=https://pfq.link/@J3dF]union[/url] for [url=https://pfq.link/@JGxV]nemona[/url]. official art used!
  18. notebook bg from [url=https://foollovers.com/mat/cloth00.html]foollovers[/url], flower img mask from [url=https://www.tumblr.com/dropletknightss/762856091800551424/rentry-icon-masks?source=share]dropletknightss[/url][/sc]
  19. [/sc][/sc][/sc]
  20.  
  21. [style]
  22.  
  23. @font-face {
  24. font-family: 'Pangolin';
  25. src: url(https://fonts.gstatic.com/s/pangolin/v11/cY9GfjGcW0FPpi-tWMfN79w.woff2) format('woff2');
  26. 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;
  27. }
  28.  
  29. @font-face {
  30. font-family: 'Moirai One';
  31. src: url(https://fonts.gstatic.com/s/moiraione/v1/2sDbZGFUgJLJmby6xgNGf0KcBg.woff2) format('woff2');
  32. 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;
  33. }
  34.  
  35. @font-face {
  36. font-family: 'Fuzzy Bubbles';
  37. src: url(https://fonts.gstatic.com/s/fuzzybubbles/v7/6qLbKZMbrgv9pwtjPEVNV0F2Ds_WcxQKZw.woff2) format('woff2');
  38. 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;
  39. }
  40.  
  41. .bg {
  42. background: url("https://foollovers.com/mat/cloth/r04-bg-paper.gif") repeat-y, url("https://foollovers.com/mat/cloth/p03-bg-paper.gif"), #fff;
  43. padding: 5px;
  44. }
  45.  
  46. .body {
  47. width: 90%;
  48. margin-left: 45px;
  49.  
  50. @media only screen and (max-width: 1280px) {
  51. margin-left: 35px;
  52. }
  53. }
  54.  
  55. .box {
  56. width: 100%;
  57. margin: auto;
  58. }
  59.  
  60. .nemo {
  61. width: 45%;
  62. position: relative;
  63. z-index: 1;
  64. -webkit-filter: drop-shadow(1px 1px 0 #3DB76A)
  65. drop-shadow(-1px -1px 0 #3DB76A);
  66.  
  67. @media only screen and (max-width: 1280px) {
  68. width: 55%;
  69. right: 15px;
  70. }
  71. }
  72.  
  73. .titlebar {
  74. width: 120%;
  75. margin: auto;
  76. height: 110px;
  77. -webkit-mask-image: url("https://i.imgur.com/yFeaL4I.png");
  78. -webkit-mask-size: 100%;
  79. -webkit-mask-repeat: no-repeat;
  80. -webkit-mask-position: center;
  81. position: relative;
  82. bottom: 197px;
  83. margin-bottom: -205px;
  84.  
  85. @media only screen and (max-width: 1280px) {
  86. bottom: 159px;
  87. }
  88. }
  89.  
  90. .tbt {
  91. font-family: 'Moirai One';
  92. font-size: 33pt;
  93. line-height: 1;
  94. position: relative;
  95. z-index: 2;
  96. bottom: 100px;
  97. left: 82px;
  98. text-align: center;
  99. color: #fff;
  100. -webkit-text-stroke: 2px #fff;
  101. text-stroke: 2px #fff;
  102.  
  103. @media only screen and (max-width: 1280px) {
  104. font-size: 19pt;
  105. -webkit-text-stroke: 1px #fff;
  106. text-stroke: 1px #fff;
  107. bottom: 80px;
  108. left: 48px;
  109. }
  110. }
  111.  
  112. /* tabbed interface */
  113.  
  114. .tabbed_interface>ul {
  115. background-color: inherit;
  116. margin-bottom: 10px;
  117.  
  118. @media only screen and (max-width: 1280px) {
  119. margin-top: 20px;
  120. }
  121. }
  122.  
  123. .tabbed_interface>ul li { /* tabs */
  124. font-family: 'Fuzzy Bubbles';
  125.  
  126. cursor: pointer;
  127. width: auto;
  128. font-size: 20pt;
  129. text-align: center;
  130. color: #000;
  131. box-shadow: none;
  132. background-color: #00000000;
  133. border: none;
  134. transition: .3s;
  135. }
  136.  
  137. .tabbed_interface>ul>li.tab-active {
  138.  
  139. }
  140.  
  141. .tab-active { /* content */
  142. font-family: 'Pangolin';
  143. font-size: 18px;
  144. line-height: 1.4;
  145. text-align: center;
  146. margin: auto;
  147. width: 98%;
  148. height: auto;
  149. background-color: #00000000;
  150. border: none;
  151. border-radius: 5px;
  152. color: #000;
  153. box-shadow: none;
  154. }
  155.  
  156. .pawmot {
  157. width: 30%;
  158. height: auto;
  159. -webkit-mask-image: url(https://64.media.tumblr.com/3f6c0f50af3f67a0e10b707780245c58/a246984460f27717-dd/s1280x1920/e74ae4794fb2b4b94e9e74ad064db29d2339f8fd.pnj);
  160. -webkit-mask-size: 120%;
  161. -webkit-mask-repeat: no-repeat;
  162. -webkit-mask-position: center;
  163. overflow: hidden;
  164. margin: auto;
  165. margin-top: -35px;
  166. margin-bottom: -25px;
  167. margin-right: 45px;
  168. position: relative;
  169. left: 50px;
  170. transform: rotate(15deg);
  171. }
  172.  
  173. @font-face {
  174. font-family: 'Patrick Hand SC';
  175. src: url(https://fonts.gstatic.com/s/patrickhandsc/v15/0nkwC9f7MfsBiWcLtY65AWDK873ljiK7.woff2) format('woff2');
  176. 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;
  177. }
  178.  
  179. .footer {
  180. font-family: 'Patrick Hand SC';
  181. color: #000;
  182. font-size: 18px;
  183. margin-top: -37px;
  184. margin-left: 5px;
  185. }
  186.  
  187. a {
  188. color: #000;
  189. }
  190.  
  191. /* toolip */
  192.  
  193. div.tooltip_content {
  194. width: auto;
  195. background: #ffffff90;
  196. color: #000;
  197. border: 2px solid #000;
  198. border-radius: 3px;
  199. font-size: 16px;
  200. border-radius: 5px;
  201. }
  202.  
  203. .bbcode_tooltip {
  204. border-bottom: 1px dotted #fff;
  205. cursor: help;
  206. }
  207.  
  208. /* hide panel */
  209.  
  210. .panel {
  211. width: 95%;
  212. margin: auto;
  213. border-radius: 0px;
  214. border: 2px solid #000;
  215. box-shadow: none;
  216. &>h3 {
  217. color: #000;
  218. text-shadow: none;
  219. &>a {
  220. color: #000;
  221. text-shadow: none;
  222. text-decoration: none;
  223. }
  224. text-align: center;
  225. background: #fff;
  226. font-size: 16px;
  227. border-radius: 0px;
  228. border: none;
  229. }
  230. &>div {
  231. background: #C6B4AA;
  232. display: block;
  233. margin: 0;
  234. padding: 6px;
  235. color: #fff;
  236. border-top: none;
  237. }
  238. }
  239.  
  240. /* progress bar */
  241.  
  242. .expbar {
  243. margin-bottom: -10px;
  244. background: #fff;
  245. border-radius: 0px;
  246. width: 93%;
  247. height: 10%;
  248. border: 2px solid #000;
  249. color: #000;
  250. >div {
  251. background: #C6B4AA;
  252. border-right: 1px solid #C6B4AA;
  253. }
  254. }
  255.  
  256. /* table */
  257.  
  258. table {
  259. margin: auto;
  260. border: none;
  261. padding: 4px;
  262. border-collapse: separate;
  263. width: 97%;
  264. overflow-x: auto;
  265. th, td {
  266. text-align: center;
  267. padding: 5px;
  268. border-radius: 0px;
  269. border: none;
  270. color: #000;
  271. }
  272. th {
  273. background-color: #C6B4AA;
  274. color: #000;
  275. border: 2px solid #000;
  276. }
  277. td {
  278. background-color: #fff;
  279. border: 2px solid #000;
  280. }
  281. }
  282.  
  283. /* party panel */
  284.  
  285. @platform-base: #fff;
  286. @platform-border: #C6B4AA;
  287. @name-color: #000;
  288. @name-background: #fff;
  289. @name-border: #000;
  290. @berry-background: @col-flavour-up;
  291. @berry-border: #fff;
  292. /* Set to "block" to show, "none" to hide */
  293. @display-item: block;
  294. @display-berries: block;
  295.  
  296. .party {
  297. display: inline-block;
  298. &,>div {
  299. padding: 0;
  300. margin: 0;
  301. background: transparent;
  302. width: 120px !important;
  303. height: 120px;
  304. overflow: hidden;
  305. border: none;
  306. border-radius: 0;
  307. box-shadow: none;
  308. }
  309. >div {
  310. &::after {
  311. display: none;
  312. }
  313. .pkmn {
  314. margin: 0 10px;
  315. float: unset;
  316. &::before {
  317. background-color: @platform-base;
  318. border-color: @platform-border;
  319. }
  320. .helditem {
  321. display: @display-item;
  322. .itemsprite {
  323. cursor: unset;
  324. }
  325. .tooltip_content {
  326. display: none;
  327. }
  328. }
  329. }
  330. .name {
  331. font-family: 'Patrick Hand SC';
  332. background-color: @name-background;
  333. border: 2px solid @name-border;
  334. border-radius: 5px;
  335. margin-top: -5px;
  336. height: 18px;
  337. display: flex;
  338. flex-wrap: nowrap;
  339. position: relative;
  340. z-index: 1;
  341. a {
  342. color: @name-color;
  343. font-weight: normal;
  344. margin-top: -4px;
  345. width: 80px !important;
  346. flex-grow: 99;
  347. font-size: 16px;
  348. text-decoration: none;
  349. }
  350. img {
  351. display: none;
  352. }
  353. img:nth-last-of-type(-n+2) {
  354. display: inline;
  355. margin: 0;
  356. }
  357. }
  358. .action {
  359. display: @display-berries;
  360. position: absolute;
  361. left: 88px;
  362. top: 70px;
  363. z-index: 1;
  364. height: unset;
  365. width: unset;
  366. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  367. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  368. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  369. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  370. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  371. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  372. display: inline-block;
  373. }
  374. .berrybuttons {
  375. >a {
  376. display: none;
  377. width: 20px;
  378. height: 20px;
  379. line-height: 20px;
  380. padding: 5px;
  381. background-color: @berry-background;
  382. border-radius: 20px;
  383. >img {
  384. vertical-align: top;
  385. max-height: 20px;
  386. max-width: 20px;
  387. }
  388. }
  389. >a[data-berry="pecha"] img {
  390. /* this berry is short */
  391. margin-top: 1px;
  392. }
  393. }
  394. &.working {
  395. opacity: 0.5;
  396. }
  397. table, a[data-evolve] {
  398. /* "thank you" message and evolve button */
  399. display: none;
  400. }
  401. }
  402. .expbar, .taste, .extra {
  403. display: none;
  404. }
  405. }
  406. >div:hover>.action a[data-berry]:after {
  407. border-color: @berry-border;
  408. }
  409. }
  410.  
  411. [/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!