API tools faq
paste
dotunion

dragonborne forum code

dotunion
May 1st, 2025 (edited)
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.55 KB | None | 0 0
raw download clone embed print report
  1. [sc=background]
  2. [sc=header][/sc] [sc=title][color=#F8F800]CHAMO:[/color] this is your fancy title![/sc]
  3. [sc=box][sc=icon][/sc][color=#F8F800]CHAMO:[/color] this is some testing text![/sc]
  4.  
  5. [sc=tabbed_interface vertical]
  6. [ul]
  7. [li]one[/li]
  8. [li]two[/li]
  9. [li]three[/li]
  10. [li]four[/li]
  11. [/ul][
  12. ][sc=tab-active]contents 1[/sc][
  13.  
  14. ][sc=tab]contents 2[/sc][
  15.  
  16. ][sc=tab]contents 3[/sc][
  17.  
  18. ][sc=tab]contents 4[/sc][/sc]
  19.  
  20. [sc=credit][pit="[img]https://i.ibb.co/f029KSC/shiny-torchic.gif[/img]"]code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pfq.link/@q0B]dragonborne's[/url] use only
  21. → animated sprite icon by [url=https://pfq.link/@J3dF]union[/url]
  22. → official pmd graphics used
  23. → chamo pmd style icon by [url=https://pfq.link/@q0B]dragonborne[/url]
  24. → add other credits here! [/pit][/sc][/sc]
  25.  
  26. [style]
  27.  
  28. @font-face {
  29. font-family: PMD;
  30. src: url(https://static.tumblr.com/h6qd8ql/azlorriwa/pokemon-md-full-version.woff);
  31. font-weight: normal;
  32. font-style: normal;
  33. }
  34.  
  35. .background {
  36. background: url("https://i.imgur.com/1GFO3Bi.png") no-repeat fixed center;
  37. background-size: cover;
  38. }
  39.  
  40. .header {
  41. font-family: PMD;
  42. padding: 5px;
  43. margin: auto;
  44. width: 93%;
  45. height: 150px;
  46. background: url("https://64.media.tumblr.com/55415664b219b76cb11eca9eb54d0c89/0479cec9801244e0-2d/s1280x1920/720343f5fc1d21471b94bcee2137f00fd8d0aed1.jpg") no-repeat fixed center;
  47. background-size: 100%;
  48. text-shadow: 0.5px 0.5px 0 #000, 1px 1px 0 #000, 1.5px 1.5px 0 #000, 2px 2px 0 #000;
  49. border-style: solid;
  50. border-width: 5px 7px;
  51. border-image: url("https://static.tumblr.com/h6qd8ql/ZvMorrkm0/pmd_border.png") 5 7 stretch;
  52. font-size: 24px;
  53. color: #fff;
  54. border-radius: 10px;
  55. }
  56.  
  57. .title {
  58. font-family: PMD;
  59. padding: 5px;
  60. margin: auto;
  61. margin-top: -55px;
  62. position: relative;
  63. left: 19%;
  64. width: 50%;
  65. color: #fff;
  66. border-radius: 10px;
  67. font-size: 24px;
  68. border-style: solid;
  69. border-width: 5px 7px;
  70. border-image: url("https://static.tumblr.com/h6qd8ql/ZvMorrkm0/pmd_border.png") 5 7 stretch;
  71. background-color: #202020;
  72. }
  73.  
  74. .icon {
  75. float: left;
  76. background-image: url("https://f2.toyhou.se/file/f2-toyhou-se/images/73344873_j2NfOD61E1pcSSW.png");
  77. background-size: cover;
  78. width: 60px;
  79. height: 60px;
  80. margin-right: 10px;
  81. border-style: solid;
  82. border-width: 5px 7px;
  83. border-image: url("https://static.tumblr.com/h6qd8ql/ZvMorrkm0/pmd_border.png") 5 7 stretch;
  84. border-radius: 10px;
  85.  
  86. @media only screen and (max-width: 1280px) {
  87. width: 50px;
  88. height: 50px;
  89. }
  90. }
  91.  
  92. .box {
  93. z-index: 1;
  94. margin-left: 10px;
  95. width: 74%;
  96. padding: 5px;
  97. border-radius: 10px;
  98. color: #fff;
  99. position: absolute;
  100. bottom: 10px;
  101. background-color: #202020;
  102. text-shadow: 0.5px 0.5px 0 #000, 1px 1px 0 #000, 1.5px 1.5px 0 #000, 2px 2px 0 #000;
  103. border-style: solid;
  104. border-width: 5px 7px;
  105. border-image: url("https://static.tumblr.com/h6qd8ql/ZvMorrkm0/pmd_border.png") 5 7 stretch;
  106. font-family: PMD;
  107. font-size: 24px;
  108.  
  109. @media only screen and (max-width: 1280px) {
  110. width: 69%;
  111. font-size: 20px;
  112. margin-left: 5px;
  113. }
  114. }
  115.  
  116. .tabbed_interface>ul {
  117. background-color: #202020;
  118. width: 65px;
  119. padding: 5px;
  120. position: absolute;
  121. left: 83%;
  122. bottom: 10px;
  123. border-radius: 10px;
  124. text-shadow: 0.5px 0.5px 0 #000, 1px 1px 0 #000, 1.5px 1.5px 0 #000, 2px 2px 0 #000;
  125. border-style: solid;
  126. border-width: 5px 7px;
  127. border-image: url("https://static.tumblr.com/h6qd8ql/ZvMorrkm0/pmd_border.png") 5 7 stretch;
  128.  
  129. @media only screen and (max-width: 1280px) {
  130. font-size: 20px;
  131. left: 78.5%;
  132. width: 55px;
  133. }
  134. }
  135.  
  136. .tabbed_interface>ul li { /* tabs */
  137. font-family: PMD;
  138. padding: 0px;
  139. cursor: pointer;
  140. margin: 2px 3px;
  141. height: 23px;
  142. position: relative;
  143. bottom: 0px;
  144. font-size: 24px;
  145. text-align: left;
  146. color: #fff;
  147. box-shadow: none;
  148. background-color: #00000000;
  149. border: 2px solid #00000000;
  150. transition: .3s;
  151. }
  152.  
  153. .tabbed_interface>ul>li:hover:before {
  154. content: url("https://static.tumblr.com/h6qd8ql/2PXorpyp7/pmd_select.png");
  155. margin-right: 2px;
  156. width: 100%;
  157. height: 100%;
  158. }
  159.  
  160. .tabbed_interface>div { /* content */
  161. z-index: 1;
  162. font-family: PMD;
  163. padding: 10px;
  164. text-align: left;
  165. margin-left: -70px;
  166. margin-bottom: -20px;
  167. width: 100%;
  168. height: auto;
  169. position: relative;
  170. bottom: 65px;
  171. background-color: #202020;
  172. border-radius: 10px;
  173. text-shadow: 0.5px 0.5px 0 #000, 1px 1px 0 #000, 1.5px 1.5px 0 #000, 2px 2px 0 #000;
  174. border-style: solid;
  175. border-width: 5px 7px;
  176. border-image: url("https://static.tumblr.com/h6qd8ql/ZvMorrkm0/pmd_border.png") 5 7 stretch;
  177. color: #fff;
  178. font-size: 24px;
  179. box-shadow: 0px 0px 0px #00000000;
  180.  
  181. @media only screen and (max-width: 1280px) {
  182. margin-left: 5px;
  183. width: 68%;
  184. bottom: 75px;
  185. }
  186. }
  187.  
  188. a {
  189. color: #fff;
  190. }
  191.  
  192. ol {
  193. list-style-image: url(https://i.ibb.co/7d6Ttszr/orangegummy.png);
  194. list-style-position: outside;
  195. margin-bottom: -20px;
  196. }
  197.  
  198. li {
  199. font-size: 24px;
  200. }
  201.  
  202. hr {
  203. border: 0;
  204. border-bottom: 2px dashed #fff;
  205. }
  206.  
  207. /* toolip */
  208.  
  209. div.tooltip_content {
  210. width: auto;
  211. background: #202020;
  212. color: #fff;
  213. border: 2px solid #fb6cc8;
  214. border-radius: 0px;
  215. font-size: 20px;
  216. border-radius: 5px;
  217. }
  218.  
  219. div.tooltip_content:before {
  220. content: url("https://textbox.skytemple.org/assets/Icons/Text%20Bubble.png");
  221. margin-right: 5px;
  222. }
  223.  
  224. .bbcode_tooltip {
  225. border-bottom: 0.5px dotted @sub;
  226. cursor: help;
  227. }
  228.  
  229. /* panel */
  230.  
  231. .panel {
  232. width: 95%;
  233. margin: auto;
  234. box-shadow: none;
  235. border: none;
  236. background: none;
  237. &>h3 {
  238. color: #fff;
  239. text-shadow: none;
  240. font-weight: normal;
  241. &>a {
  242. color: #fff;
  243. text-shadow: none;
  244. font-size: 24px;
  245. }
  246. text-align: left;
  247. background: #202020;
  248. font-size: 24px;
  249. border-radius: 0px;
  250. border: 2px solid #fff;
  251. }
  252. &>div {
  253. background: #202020;
  254. display: block;
  255. margin: 0;
  256. padding: 6px;
  257. margin-top: 5px;
  258. color: #fff;
  259. border-radius: 10px;
  260. border-style: solid;
  261. border-width: 5px 7px;
  262. border-image: url("https://static.tumblr.com/h6qd8ql/ZvMorrkm0/pmd_border.png") 5 7 stretch;
  263. }
  264. }
  265.  
  266. /* progress bar */
  267.  
  268. .expbar {
  269. margin-bottom: -10px;
  270. background: #202020;
  271. border-radius: 0px;
  272. width: 90%;
  273. height: 7%;
  274. border: 2px solid #E0F8F8;
  275. color: #fff;
  276. text-shadow: 0px 0px 0px #00000000;
  277. > span {
  278. font-size: 24px;
  279. font-weight: normal;
  280. }
  281. >div {
  282. background: #fd6dc2;
  283. border-right: 1px solid #fd6dc2;
  284. }
  285. }
  286.  
  287. /* table */
  288.  
  289. table {
  290. border: none;
  291. padding: 4px;
  292. border-collapse: separate;
  293. width: 92%;
  294. margin: auto;
  295. th, td {
  296. text-align: center;
  297. padding: 5px;
  298. border-radius: 0px;
  299. border: none;
  300. color: #4B4140;
  301. }
  302. th {
  303. background-color: #202020;
  304. color: #fff;
  305. text-shadow: none;
  306. box-shadow: inset -1px -1px #af296e,inset 1px 1px #fa61bc,inset -2px -2px #fa61bc,inset 2px 2px #af296e;
  307. font-weight: normal;
  308. }
  309. td {
  310. text-shadow: none;
  311. background-color: #202020;
  312. color: #fff;
  313. border: 2px solid #fff;
  314. }
  315. }
  316.  
  317. @platform-base: #fb6cc8;
  318. @platform-border: #a12468;
  319. @name-color: #fff;
  320. @name-background: #202020;
  321. @name-border: #fff;
  322. @berry-background: @col-flavour-up;
  323. @berry-border: #6E9EF8;
  324. @display-item: block;
  325. @display-berries: block;
  326.  
  327. .party {
  328. display: inline-block;
  329. &,>div {
  330. padding: 0;
  331. margin: 0;
  332. background: transparent;
  333. width: 120px !important;
  334. height: 120px;
  335. overflow: hidden;
  336. border: none;
  337. border-radius: 0;
  338. box-shadow: none;
  339. }
  340. >div {
  341. &::after {
  342. display: none;
  343. }
  344. .pkmn {
  345. margin: 0 10px;
  346. float: unset;
  347. &::before {
  348. background-color: @platform-base;
  349. border-color: @platform-border;
  350. }
  351. .helditem {
  352. display: @display-item;
  353. .itemsprite {
  354. cursor: unset;
  355. }
  356. .tooltip_content {
  357. display: none;
  358. }
  359. }
  360. }
  361. .name {
  362. background-color: @name-background;
  363. border: 1px solid @name-border;
  364. border-radius: 5px;
  365. margin-top: 1px;
  366. height: 16px;
  367. display: flex;
  368. flex-wrap: nowrap;
  369. a {
  370. color: @name-color;
  371. text-shadow: 0px 0px 0px #00000000;
  372. font-weight: normal;
  373. margin: 0 2px;
  374. width: 80px !important;
  375. flex-grow: 99;
  376. font-size: 18px;
  377. text-decoration: none;
  378. }
  379. a:hover {
  380. transform: none;
  381. }
  382. img {
  383. display: none;
  384. }
  385. img:nth-last-of-type(-n+2) {
  386. display: inline;
  387. margin: 0;
  388. }
  389. }
  390. .action {
  391. display: @display-berries;
  392. position: absolute;
  393. left: 88px;
  394. top: 70px;
  395. height: unset;
  396. width: unset;
  397. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  398. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  399. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  400. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  401. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  402. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  403. display: inline-block;
  404. }
  405. .berrybuttons {
  406. >a {
  407. display: none;
  408. width: 20px;
  409. height: 20px;
  410. line-height: 20px;
  411. padding: 5px;
  412. background-color: @berry-background;
  413. border-radius: 20px;
  414. >img {
  415. vertical-align: top;
  416. max-height: 20px;
  417. max-width: 20px;
  418. }
  419. }
  420. >a[data-berry="pecha"] img {
  421. /* this berry is short */
  422. margin-top: 1px;
  423. }
  424. }
  425. &.working {
  426. opacity: 0.5;
  427. }
  428. table, a[data-evolve] {
  429. /* "thank you" message and evolve button */
  430. display: none;
  431. }
  432. }
  433. .expbar, .taste, .extra {
  434. display: none;
  435. }
  436. }
  437. >div:hover>.action a[data-berry]:after {
  438. border-color: @berry-border;
  439. }
  440. }
  441.  
  442. .credit {
  443. font-family: PMD;
  444. margin-right: 10px;
  445. margin-bottom: -20px;
  446. margin-top: -15px;
  447. text-align: right;
  448. font-size: 8px;
  449. user-select: none;
  450. width: auto;
  451. height: auto;
  452. position: absolute;
  453. top: 15px;
  454. right: 0px;
  455.  
  456. div.tooltip_content {
  457. top: 10px;
  458. right: 35px;
  459. width: 400px;
  460. font-size: 18px;
  461. padding: 4px;
  462. background-color: #202020;
  463. color: #fff;
  464. text-align: left;
  465.  
  466. @media only screen and (max-width: 1280px) {
  467. width: 300px;
  468. top: 5px;
  469. right: 35px;
  470. }
  471. }
  472. .bbcode_tooltip {
  473. border-bottom: none;
  474. }
  475. }
  476. [/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!