API tools faq
paste
dotunion

peaceful place code

dotunion
May 15th, 2025 (edited)
359
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.32 KB | None | 0 0
raw download clone embed print report
  1. [sc=header][/sc]
  2. [sc=divider][img]https://i.ibb.co/RY64Dr0/line1-sp.png[/img][/sc][sc=content]
  3. [sc=tabbed_interface horizontal]
  4. [ul]
  5. [li][css=position: relative;
  6. top: 1em;
  7. -webkit-filter: drop-shadow(0px 0px 2px #8A675D);
  8. filter: drop-shadow(0px 0px 2px #8A675D);][img]https://i.ibb.co/zRhm495/pikacandy.png[/img][/css][/li]
  9. [li][css=position: relative;
  10. top: .6em;
  11. -webkit-filter: drop-shadow(0px 0px 2px #8A675D);
  12. filter: drop-shadow(0px 0px 2px #8A675D);][img]https://i.ibb.co/4mSgzg0/pikatv.png[/img][/css][/li]
  13. [li][css=position: relative;
  14. top: .3em;
  15. -webkit-filter: drop-shadow(0px 0px 2px #8A675D);
  16. filter: drop-shadow(0px 0px 2px #8A675D);][img]https://i.ibb.co/Q9D2VB8/pika.png[/img][/css][/li]
  17. [li][css=width:65px;
  18. position: relative;
  19. top: .6em;
  20. right: 2px;
  21. -webkit-filter: drop-shadow(0px 0px 2px #8A675D);
  22. filter: drop-shadow(0px 0px 2px #8A675D);][img]https://i.ibb.co/fr2CHRS/pichulaptop.png[/img][/css][/li]
  23. [li][css=width:55px;
  24. position: relative;
  25. top: 1.6em;
  26. rotate: 5deg;
  27. -webkit-filter: drop-shadow(0px 0px 2px #8A675D);
  28. filter: drop-shadow(0px 0px 2px #8A675D);][img]https://i.ibb.co/hfQqfsT/pichupancake.png[/img][/css][/li]
  29. [/ul][
  30.  
  31. ][sc=tab]contents 2[/sc][
  32.  
  33. ][sc=tab] contents 1[/sc][
  34.  
  35. ][sc=tab-active]main menu![/sc][
  36.  
  37. ][sc=tab]contents 3[/sc][
  38.  
  39. ][sc=tab]content 4[/sc][/sc][/sc]
  40. [sc=footer][sc=friends][img]https://i.ibb.co/0Yf55n0/art-set2.png[/img][/sc]
  41. [sc=credit]all graphics are official. inspired by [url=https://www.pokemon.jp/special/pokepeace/]pokémon peaceful place[/url]
  42. [url=https://pokefarm.com/user/shinywhimsicott]code by union[/url] ♡ [url=https://pfq.link/@JnPv]party panel code[/url][/sc][/sc]
  43.  
  44. [style]
  45.  
  46. @font-face {
  47. font-family: 'Zen Maru Gothic';
  48. src: url(https://fonts.gstatic.com/s/zenmarugothic/v17/o-0SIpIxzW5b-RxT-6A8jWAtCp-U6khn.woff2) format('woff2');
  49. 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;
  50. }
  51.  
  52. /* tabbed ui */
  53.  
  54. .tabbed_interface>ul {
  55. background: none;
  56. }
  57.  
  58. .tabbed_interface>ul li {
  59. cursor: pointer;
  60. margin: 2px 3px;
  61. position: relative;
  62. bottom: 5em;
  63. width: 5px;
  64. height: 20px;
  65. font-size: 1.2em;
  66. text-align:center;
  67. color: #000;
  68. border-radius: 25px;
  69. text-shadow: #fff 0px 0 4px;
  70. box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.00);
  71. background-color: rgba(0, 0, 0, 0.00);
  72. border: 0.5px solid #00000000;
  73. transition: .5s;
  74. }
  75.  
  76. .tabbed_interface>ul>li.tab-active {
  77. text-shadow: #000 0px 0 4px;
  78. background: #00000000;
  79. transform: translateY(-30%);
  80. }
  81.  
  82. .tabbed_interface>div {
  83. font-family: 'Zen Maru Gothic';
  84. font-weight: bold;
  85. text-align: center;
  86. position: relative;
  87. bottom: 3em;
  88. margin-bottom: -20px;
  89. margin-right: 5px;
  90. margin-left: 5px;
  91. padding: 10px;
  92. width: auto;
  93. height: auto;
  94. background-color: #ffffff00;
  95. border: none;
  96. color: #63463d;
  97. text-shadow: 0px 0px 1px #fff;
  98. box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.00);
  99. border: 0.5px solid #00000000;
  100. border-bottom: none;
  101. font-size: 15px;
  102. }
  103.  
  104. /* styling */
  105.  
  106. .content {
  107. width: 310px;
  108. background-image: url("https://i.ibb.co/xDbTYSL/bg1.png");
  109. background-size: 150px;
  110. }
  111.  
  112. .header {
  113. background-color: #F8F6F1;
  114. width: 310px;
  115. height: 75px;
  116. margin-bottom: -37px;
  117. }
  118.  
  119. .divider {
  120. width: 305px;
  121. position: relative;
  122. top: .2em;
  123. }
  124.  
  125. .footer {
  126. width: 310px;
  127. height: 75px;
  128. background-color: #8A675D;
  129. }
  130.  
  131. .friends {
  132. margin: auto;
  133. width: 150px;
  134. position: relative;
  135. bottom: 2.8em;
  136. }
  137.  
  138. .credit {
  139. font-family: "Raleway", sans-serif;
  140. text-align: center;
  141. font-size: 11px;
  142. color: #F8F6F1;
  143. position: relative;
  144. bottom: 5.4em;
  145.  
  146. a {
  147. display: inline-block;
  148. transition: .2s ease;
  149. color: #F8F6F1;
  150. }
  151.  
  152. a:hover {
  153. transform: translateY(-20%);
  154. }
  155.  
  156. }
  157.  
  158. /* links */
  159.  
  160. a {
  161. display: inline-block;
  162. transition: .2s ease;
  163. color: #63463d;
  164. }
  165.  
  166. ::selection {
  167. color: #F8F6F1;
  168. text-shadow: 0px 0px 3px #8A675D;
  169. background: none;
  170. }
  171.  
  172. ol {
  173. list-style-image: url(https://i.imgur.com/eaJzKaO.png);
  174. list-style-position: outside;
  175. margin-bottom: -10px;
  176. }
  177.  
  178. li {
  179. font-size: 16x;
  180. }
  181.  
  182. div.tooltip_content {
  183. padding: 5px;
  184. width: auto;
  185. font-weight: bold;
  186. background-color: #F8F6F1;
  187. color: #63463d;
  188. border: 2px solid #8A675D;
  189. border-radius: 0px;
  190. font-size: 14px;
  191. }
  192.  
  193. .bbcode_tooltip {
  194. border-bottom: 1px dotted #000;
  195. cursor: help;
  196. }
  197.  
  198. .panel {
  199. background: none;
  200. margin: auto;
  201. box-shadow: none;
  202. border: none;
  203. &>h3 {
  204. &>a {
  205. color: #fff;
  206. text-decoration: none;
  207. font-weight: bold;
  208. transform: none;
  209. }
  210. font-weight: bold;
  211. text-align: center;
  212. background: #8A675D;
  213. font-size: 14px;
  214. border-radius: 0px;
  215. border: 2px solid #8A675D;
  216. color: #fff;
  217. }
  218. &>div {
  219. background: #f7ebdf;
  220. display: block;
  221. padding: 4px;
  222. color: #63463d;
  223. border: 2px solid #8A675D;
  224. border-top: none;
  225. }
  226. }
  227.  
  228. .expbar {
  229. background: none;
  230. border-radius: 0px;
  231. border: 1.5px double #8A675D;
  232. color: #F8F6F1;
  233. >span {
  234. font-size: 14px;
  235. font-weight: bold;
  236. }
  237. >div {
  238. background: #8A675D;
  239. border-right: 1px solid #8A675D;
  240. }
  241. }
  242.  
  243. table {
  244. margin: auto;
  245. width: 100%;
  246. border: none;
  247. border-collapse: separate;
  248. th, td {
  249. text-align: center;
  250. padding: 3px;
  251. border-radius: 0px;
  252. border: 2px solid #8A675D;
  253. font-weight: bold;
  254. }
  255. th {
  256. background-color: #8A675D;
  257. color: #f7ebdf;
  258. }
  259. td {
  260. background-color: #f7ebdf;
  261. color: #8A675D;
  262. }
  263. }
  264.  
  265. /* party panel */
  266.  
  267. .party,
  268. .party div,
  269. .party img,
  270. .party a {
  271. margin: 0;
  272. padding: 0;
  273. box-shadow: none;
  274. background-color: transparent;
  275. border-style: none;
  276. border-width: 2px;
  277. border-color: #9ec690;
  278. }
  279.  
  280. .party {
  281. margin: 1px;
  282. display: inline-block;
  283. }
  284.  
  285. .party,
  286. .party > div {
  287. width: 100px!important;
  288. }
  289.  
  290. .party .pkmn::before,
  291. .party .helditem,
  292. .party .expbar,
  293. .party .taste,
  294. .party .tooltip_content,
  295. .party .extra {
  296. display: none;
  297. position: absolute;
  298. width: 0;
  299. height: 0;
  300. top: 0;
  301. left: 0;
  302. }
  303.  
  304. .party .pokemon {
  305. width: 96px;
  306. height: 96px;
  307. background-color: none;
  308. background-position: center center;
  309. border-radius: 50%;
  310. border-style: none;
  311. }
  312.  
  313. .party .name {
  314. width: 110px;
  315. height: 18px;
  316. position: absolute;
  317. bottom: 0;
  318. left: 0;
  319. background-color: none;
  320. border-style: none;
  321. border-radius: 8px;
  322. padding: 0 3px;
  323. }
  324.  
  325. .party .name:hover {
  326. border-color: none;
  327. }
  328.  
  329. .party .name img {
  330. position: relative;
  331. bottom: 1px;
  332. pointer-events: none;
  333. margin-top: -30px;
  334. }
  335.  
  336. .party .summarylink {
  337. margin-top: -30px;
  338. width: 58px!important;
  339. color: #8A675D;
  340. font-family: 'Zen Maru Gothic';
  341. font-weight: bold;
  342. text-decoration: none;
  343. font-size: 14px;
  344. letter-spacing: 0;
  345. }
  346.  
  347. .party .summarylink::before {
  348. content: '';
  349. position: absolute;
  350. bottom: 0;
  351. left: 0;
  352. width: 100px;
  353. height: 22px;
  354. margin: -2px;
  355. }
  356.  
  357. .party .action {
  358. width: 32px;
  359. height: 32px;
  360. position: absolute;
  361. top: 0;
  362. right: 0;
  363. }
  364.  
  365. .party .berrybuttons > *,
  366. .party .action > table {
  367. display: none;
  368. }
  369.  
  370. .party .berrybuttons[data-up='any'] > [data-berry='aspear'],
  371. .party .berrybuttons[data-up='sour'] > [data-berry='aspear'],
  372. .party .berrybuttons[data-up='spicy'] > [data-berry='cheri'],
  373. .party .berrybuttons[data-up='dry'] > [data-berry='chesto'],
  374. .party .berrybuttons[data-up='sweet'] > [data-berry='pecha'],
  375. .party .berrybuttons[data-up='bitter'] > [data-berry='rawst'] {
  376. display: block;
  377. width: 35px;
  378. height: 35px;
  379. margin-left: 5px;
  380. background-color: none;
  381. border-radius: 50%;
  382. border-style: none;
  383. }
  384.  
  385. .party .action.working .berrybuttons > a {
  386. background-color: #C3907A;
  387. }
  388.  
  389. .party .action.working .berrybuttons > a > img {
  390. content: url('https://pfq-static.com/img/pkmn/heart_2.png')!important;
  391. }
  392.  
  393. .party .berrybuttons > a::after {
  394. content: none;
  395. }
  396.  
  397. .party .berrybuttons > a > img {
  398. display: block;
  399. width: 24px;
  400. height: 24px;
  401. position: absolute;
  402. top: 50%;
  403. left: 50%;
  404. margin: -12px;
  405. }
  406. [/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!