API tools faq
paste
dotunion

doodlingbun about me code

dotunion
May 20th, 2025 (edited)
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.65 KB | None | 0 0
raw download clone embed print report
  1. [sc=bg][sc=head][br][br][br][/sc][sc=sunday][img]https://i.imgur.com/P2c4ZIH.gif[/img][/sc]
  2. [sc=body]
  3. [sc=title][b]name goes here![/b]
  4. prns / age / etc
  5. i heart sunday too[/sc]
  6. [/sc]
  7. [sc=div][img]https://64.media.tumblr.com/d40ae7266602b976a87f8717a82410a4/1d4dc302c2811eae-8a/s2048x3072/f440ac61ceec338b962bfa8b3de3918136fe6242.pnj[/img][/sc]
  8. [sc=tabbed_interface horizontal]
  9. [ul]
  10. [li]Title 1[/li]
  11. [li]Title 2[/li]
  12. [li]Title 3[/li]
  13. [/ul][
  14. ][sc=tab-active]contents 1[/sc][
  15.  
  16. ][sc=tab][contents 2[/sc][
  17.  
  18. ][sc=tab]contents 3[/sc][/sc]
  19. [sc=footer][br][br][br][br][/sc][sc=credit][pit="[img]https://i.imgur.com/bFfq3XI.png[/img]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pfq.link/@JDz5]doodlingbbun's[/url] use only
  20. - [url=https://www.tumblr.com/selysie/764949093589172224/%E0%BD%AB-%E1%B5%94-simple-light-blue?source=share]header & footer[/url]
  21. - [url=https://www.tumblr.com/seamlessbackgrounds]background[/url]
  22. - [url=https://pfq.link/@JDz5]sunday animated graphic[/url] (stickers official hoyoverse art)
  23. - [url=https://www.tumblr.com/sister-lucifer/764692553483337728/if-youre-not-too-busy-could-you-make-dividers?source=share]dividers[/url][/pit][/sc][/sc]
  24.  
  25. [style]
  26.  
  27. @font-face {
  28. font-family: 'Outfit';
  29. src: url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYTkntBJ.woff2) format('woff2');
  30. 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;
  31. }
  32.  
  33. .bg {
  34. background-image: url("https://64.media.tumblr.com/656ad6f2185d5ede3911c93653b85f0e/0e23ad324be47b9a-f8/s1280x1920/0d194b928eb3e3fc8eaac831a48fcc178d03c0f0.jpg");
  35. width: 300px;
  36. margin: auto;
  37. }
  38.  
  39. .body {
  40. border: 2px solid #4f637a;
  41. background-color: #acbfd095;
  42. position: relative;
  43. z-index: 1;
  44. margin-top: -130px;
  45. margin-left: 5px;
  46. margin-right: 5px;
  47. box-shadow: 0px 0px 3px #000;
  48. }
  49.  
  50. .head {
  51. background-image: url("https://64.media.tumblr.com/ef2be24dbb5ef54bae07bf572080263e/db515b1cbbf80453-16/s2048x3072/a7ec828061f90d5bef738cfa4b62ac0efec3ebdd.pnj");
  52. background-repeat: repeat-x;
  53. background-size: 120% auto;
  54. position: relative;
  55. z-index: 2;
  56. color: #00000000;
  57. }
  58.  
  59. .sunday {
  60. width: 170px;
  61. position: relative;
  62. z-index: 3;
  63. margin-top: -70px;
  64. left: 140px;
  65. top: 10px;
  66. -webkit-filter: drop-shadow(0px 0px 2px #000);
  67. filter: drop-shadow(0px 0px 2px #000);
  68. }
  69.  
  70. .title {
  71. font-family: 'Outfit';
  72. width: 160px;
  73. color: #000;
  74. text-align: center;
  75. font-size: 16px;
  76. margin-right: 3px;
  77. margin-top: -5px;
  78.  
  79. b {
  80. color: #2a3660;
  81. text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  82. font-size: 20px;
  83. }
  84. }
  85.  
  86. .div {
  87. margin: auto;
  88. -webkit-filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-0.5px 0.5px 0 white) drop-shadow(0 -0.5px 0 white) drop-shadow(0.5px 0 white);
  89. filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-0.5px 0.5px 0 white) drop-shadow(0 -0.5px 0 white) drop-shadow(0.5px 0 white);
  90. margin-top: -45px;
  91. position: relative;
  92. z-index: 5;
  93. }
  94.  
  95. .tabbed_interface>ul {
  96. background: none;
  97. margin-top: -40px;
  98. }
  99.  
  100. .tabbed_interface>ul li {
  101. font-family: 'Outfit';
  102. transition: .3s;
  103. cursor: pointer;
  104. padding: 5px;
  105. text-align: center;
  106. margin-left: 5px;
  107. margin-right: 5px;
  108. border: 2px solid #465e7a;
  109. background-color: #acbfd0;
  110. color: #000;
  111. font-size: 17px;
  112. }
  113.  
  114. .tabbed_interface>ul>li.tab-active {
  115. color: #fff;
  116. background-color: #465e7a;
  117. border: 2px solid #acbfd0;
  118. box-shadow: 0px 0px 3px #000;
  119. }
  120.  
  121. .tabbed_interface>div {
  122. font-family: 'Outfit';
  123. margin-left: 5px;
  124. margin-right: 5px;
  125. margin-top: 5px;
  126. text-align: center;
  127. box-shadow: 0px 0px 3px #000;
  128. border: 2px solid #465e7a;
  129. background-color: #acbfd0;
  130. color: #000;
  131. font-size: 17px;
  132. padding-bottom: 40px;
  133. }
  134.  
  135. u {
  136. text-decoration: underline double;
  137. }
  138.  
  139. a {
  140. color: #000;
  141. }
  142.  
  143. hr {
  144. border-style: none;
  145. border-width: 0px;
  146. }
  147.  
  148. hr:after {
  149. display: flex;
  150. background-color: none;
  151. content: url(https://i.imgur.com/MOYtiKu.png);
  152. justify-content: center;
  153. }
  154.  
  155. div.tooltip_content {
  156. padding: 5px;
  157. width: auto;
  158. background-color: #465e7a;
  159. border: 2px solid #acbfd0;
  160. box-shadow: 0px 0px 3px #000;
  161. color: #fff;
  162. border-radius: 0px;
  163. font-size: 16px;
  164. }
  165.  
  166. .bbcode_tooltip {
  167. border-bottom: 1px dotted #000;
  168. cursor: help;
  169. }
  170.  
  171. .panel {
  172. background: none;
  173. margin: auto;
  174. box-shadow: none;
  175. border: none;
  176. width: 95%;
  177. &>h3 {
  178. &>a {
  179. color: #fff;
  180. text-decoration: none;
  181. font-weight: normal;
  182. }
  183. font-weight: normal;
  184. text-align: center;
  185. background: #465e7a;
  186. font-size: 16px;
  187. border-radius: 0px;
  188. border: 4px double #acbfd0;
  189. color: #fff;
  190. }
  191. &>div {
  192. background: #465e7a;
  193. display: block;
  194. padding: 4px;
  195. color: #fff;
  196. border: none;
  197. border-top: none;
  198. }
  199. }
  200.  
  201. .expbar {
  202. margin-top: -5px;
  203. margin-bottom: -5px;
  204. background: none;
  205. border-radius: 0px;
  206. border: 4px double #465e7a;
  207. color: #fff;
  208. width: 90%;
  209. >span {
  210. font-size: 16px;
  211. font-weight: normal;
  212. padding: 2px;
  213. }
  214. >div {
  215. margin: 2px;
  216. background: #465e7a;
  217. border-right: 1px solid #465e7a;
  218. }
  219. }
  220.  
  221. table {
  222. margin: auto;
  223. width: 95%;
  224. border: none;
  225. border-collapse: separate;
  226. th, td {
  227. text-align: center;
  228. padding: 3px;
  229. border-radius: 0px;
  230. border: 2px solid #465e7a;
  231. font-weight: bold;
  232. }
  233. th {
  234. background-color: #acbfd0;
  235. color: #000;
  236. }
  237. td {
  238. background-color: #465e7a;
  239. color: #fff;
  240. }
  241. }
  242.  
  243. @platform-base: #465e7a;
  244. @platform-border: #acbfd0;
  245. @name-color: #000;
  246. @name-background: #acbfd0;
  247. @name-border: #fff;
  248. @berry-background: @col-flavour-up;
  249. @berry-border: #acbfd0;
  250. /* Set to "block" to show, "none" to hide */
  251. @display-item: block;
  252. @display-berries: block;
  253.  
  254. .party {
  255. display: inline-block;
  256. &,>div {
  257. padding: 0;
  258. margin: 0;
  259. background: transparent;
  260. width: 120px !important;
  261. height: 120px;
  262. overflow: hidden;
  263. border: none;
  264. border-radius: 0;
  265. box-shadow: none;
  266. }
  267. >div {
  268. &::after {
  269. display: none;
  270. }
  271. .pkmn {
  272. margin: 0 10px;
  273. float: unset;
  274. &::before {
  275. background-color: @platform-base;
  276. border-color: @platform-border;
  277. }
  278. .helditem {
  279. display: @display-item;
  280. .itemsprite {
  281. cursor: unset;
  282. }
  283. .tooltip_content {
  284. display: none;
  285. }
  286. }
  287. }
  288. .name {
  289. background-color: @name-background;
  290. border: 1.5px solid @name-border;
  291. border-radius: 5px;
  292. margin-top: 0px;
  293. height: 16px;
  294. display: flex;
  295. flex-wrap: nowrap;
  296. box-shadow: none;
  297. a {
  298. color: @name-color;
  299. font-weight: normal;
  300. margin: 0 2px;
  301. width: 80px !important;
  302. flex-grow: 99;
  303. font-size: 14px;
  304. }
  305. img {
  306. display: none;
  307. }
  308. img:nth-last-of-type(-n+2) {
  309. display: inline;
  310. margin: 0;
  311. }
  312. }
  313. .action {
  314. display: @display-berries;
  315. position: absolute;
  316. left: 88px;
  317. top: 70px;
  318. height: unset;
  319. width: unset;
  320. .berrybuttons[data-up="any"]>a[data-berry="aspear"],
  321. .berrybuttons[data-up="sour"]>a[data-berry="aspear"],
  322. .berrybuttons[data-up="spicy"]>a[data-berry="cheri"],
  323. .berrybuttons[data-up="dry"]>a[data-berry="chesto"],
  324. .berrybuttons[data-up="sweet"]>a[data-berry="pecha"],
  325. .berrybuttons[data-up="bitter"]>a[data-berry="rawst"] {
  326. display: inline-block;
  327. }
  328. .berrybuttons {
  329. >a {
  330. display: none;
  331. width: 20px;
  332. height: 20px;
  333. line-height: 20px;
  334. padding: 5px;
  335. background-color: @berry-background;
  336. border-radius: 20px;
  337. >img {
  338. vertical-align: top;
  339. max-height: 20px;
  340. max-width: 20px;
  341. }
  342. }
  343. >a[data-berry="pecha"] img {
  344. /* this berry is short */
  345. margin-top: 1px;
  346. }
  347. }
  348. &.working {
  349. opacity: 0.5;
  350. }
  351. table, a[data-evolve] {
  352. /* "thank you" message and evolve button */
  353. display: none;
  354. }
  355. }
  356. .expbar, .taste, .extra {
  357. display: none;
  358. }
  359. }
  360. >div:hover>.action a[data-berry]:after {
  361. border-color: @berry-border;
  362. }
  363. }
  364.  
  365. .footer {
  366. background-image: url("https://64.media.tumblr.com/1a6c246a446496905ca039e88eaf48a1/db515b1cbbf80453-6d/s2048x3072/6e011f72a555edc02ea6e91aa2f9ceef09599ae9.pnj");
  367. background-repeat: repeat-x;
  368. background-size: 120% auto;
  369. margin-top: -70px;
  370. position: relative;
  371. z-index: 5;
  372. }
  373.  
  374. .credit {
  375. margin-right: 0px;
  376. margin-bottom: 0px;
  377. margin-top: -122px;
  378. text-align: right;
  379. user-select: none;
  380. position: relative;
  381. z-index: 6;
  382. top: 15px;
  383. right: 6px;
  384. width: 120px;
  385. height: auto;
  386.  
  387. img {
  388. -webkit-filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-0.5px 0.5px 0 white) drop-shadow(0 -0.5px 0 white) drop-shadow(0.5px 0 white);
  389. filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-0.5px 0.5px 0 white) drop-shadow(0 -0.5px 0 white) drop-shadow(0.5px 0 white);
  390. }
  391.  
  392. div.tooltip_content {
  393. font-family: 'Outfit';
  394. width: 260px;
  395. left: 1px;
  396. bottom: 12px;
  397. margin-left: 10px;
  398. font-size: 14px;
  399. padding: 5px;
  400. background-color: #465e7a;
  401. border: 2px solid #acbfd0;
  402. box-shadow: 0px 0px 3px #000;
  403. color: #fff;
  404. text-align: left;
  405. }
  406. .bbcode_tooltip {
  407. border-bottom: none;
  408. }
  409. a {
  410. color: #fff;
  411. }
  412. }
  413.  
  414. [/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!