dotunion

astralnebulae comm

Jun 21st, 2026
35
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.73 KB | None | 0 0
  1. [sc=bg]
  2. [sc=header] [img]https://64.media.tumblr.com/55542ec0cc3b67469af0b78762202920/98b8fc02a696116e-af/s1280x1920/355216b498bca758aeb3831eabd895210105c170.pnj[/img] [/sc]
  3. [sc=border]
  4. [sc=hoop] [img]https://i.ibb.co/JR3VgSvG/twoo.png[/img] [/sc]
  5. [sc=tag] [img]https://i.ibb.co/kgYp1tMS/c6deb9c2f93198eeea0d53616f90a070-removebg-preview.png[/img] [/sc]
  6. [sc=title]name's garden[/sc]
  7. [sc=heading] age | prns | etc! [/sc]
  8. [sc=vines] [img]https://decomail.space/dividers/blue/37.gif[/img] [/sc]
  9. [sc=tabbed_interface horizontal]
  10. [ul]
  11. [li]title 1[/li]
  12. [li]title 2[/li]
  13. [li]title 3[/li]
  14. [/ul][
  15. ][sc=tab-active][b]bold[/b] | [i]italics[/i] | [u]underline[/u]
  16. [tip=hello world!]tooltip[/tip] | [url=https://youtu.be/tp6wKVxqtsA]link[/url]
  17. [progress=80/100]progress[/progress]
  18. [display=display panel]hi[/display]
  19. [hide=hidebox]hello[/hide][/sc][
  20.  
  21. ][sc=tab][table]
  22. [tr]
  23. [th=3x1]cell[/th]
  24. [th=3x1]cell[/th]
  25. [th=3x1]cell[/th]
  26. [/tr]
  27. [tr]
  28. [td=3x1]one[/td]
  29. [td=3x1]two[/td]
  30. [td=3x1]three[/td]
  31. [/tr]
  32. [tr]
  33. [td=3x1]one[/td]
  34. [td=3x1]two[/td]
  35. [td=3x1]three[/td]
  36. [/tr]
  37. [/table][/sc][
  38.  
  39. ][sc=tab]contents 3[/sc][/sc]
  40.  
  41. [sc=hf][pit="[img]https://i.ibb.co/K3BCkqf/onee.png[/img]"]code by [url=https://pfq.link/@J3dF]union[/url]
  42. [url=https://decomail.space/bg]backgrounds & divider[/url]
  43. [url=https://www.creativefabrica.com/product/flower-frame-borders-clipart/]frame[/url]
  44. [url=https://www.tumblr.com/thes0nnysystem/809907039290703872/question-could-we-request-some-space-themed]galaxy header & footer[/url]
  45. [url=https://www.tumblr.com/pixelsjar/806292488485781504/rentry-borders-batch-2-please-credit-if-or?source=share]flower border[/url][/pit][/sc]
  46. [/sc]
  47. [sc=bottom] [img]https://64.media.tumblr.com/a61838937ac13bd5bc0e0ad4c3e9a80a/98b8fc02a696116e-15/s1280x1920/13c18b4ddcff7dfe8b8ee0b88a07120968cf350c.pnj[/img] [/sc]
  48. [/sc]
  49.  
  50.  
  51. [style]
  52.  
  53. @font-face {
  54. src: url(https://decomail.space/fonts/Biro%20Script%20Plus.otf);
  55. font-family: Biro Script Plus;
  56. }
  57.  
  58. @font-face {
  59. src: url(https://decomail.space/fonts/Atelier%20Blossom%20Serif.otf);
  60. font-family: Atelier Blossom Serif;
  61. }
  62.  
  63.  
  64. .header {
  65. width: 301px;
  66. position: absolute;
  67. top: -15px;
  68. z-index: 3;
  69. filter: hue-rotate(85deg);
  70. }
  71.  
  72. .bg {
  73. background-image: url("https://decomail.space/bg/red/102.jpg");
  74. width: 300px;
  75. margin: auto;
  76. background-size: 500px;
  77. }
  78.  
  79. .border {
  80. margin: auto;
  81. border-image: url(https://i.ibb.co/cX1Xcdkp/bailed.png);
  82. border-image-slice: 18%;
  83. border-image-width: 50px;
  84. border-image-outset: 36px;
  85. border-image-repeat: round;
  86. width: 229px;
  87. margin-top: 0px;
  88. margin-bottom: 0px;
  89. position: relative;
  90. left: 1px;
  91. }
  92.  
  93. .hoop {
  94. width: 90px;
  95. position: absolute;
  96. top: -70px;
  97. left: -35px;
  98. transform: rotate(15deg);
  99. z-index: 4;
  100. }
  101.  
  102. .tag {
  103. width: 260px;
  104. position: absolute;
  105. top: -10px;
  106. left: 50%;
  107. transform: translateX(-50%);
  108. z-index: 2;
  109. -webkit-filter: drop-shadow(0px 0px 2px #6E3254 );
  110. filter: drop-shadow(0px 0px 2px #6E3254);
  111. }
  112.  
  113. .title {
  114. font-family: Biro Script Plus;
  115. font-size: 30px;
  116. width: 100%;
  117. text-align: center;
  118. position: absolute;
  119. top: 50px;
  120. z-index: 3;
  121. color: #6B3B54;
  122. font-weight: bold;
  123. font-weight: bold;
  124. line-height: 0.7;
  125. }
  126.  
  127. .heading {
  128. font-family: Atelier Blossom Serif;
  129. font-size: 18px;
  130. width: 100%;
  131. text-align: center;
  132. position: absolute;
  133. top: 80px;
  134. z-index: 3;
  135. color: #6B3B54;
  136. font-weight: bold;
  137. line-height: 0.9;
  138. letter-spacing: 1.2px;
  139. }
  140.  
  141. .vines {
  142. width: 260px;
  143. position: absolute;
  144. top: 80px;
  145. z-index: 4;
  146. left: 50%;
  147. transform: translateX(-50%);
  148. }
  149.  
  150. .tabbed_interface >div {
  151. animation: 1s fade;
  152. }
  153.  
  154. .tabbed_interface>ul {
  155. background: none;
  156. margin-top: 15px;
  157. width: 275px;
  158. margin-left: -25px;
  159. }
  160.  
  161. .tabbed_interface>ul li {
  162. font-family: Atelier Blossom Serif;
  163. transition: .3s;
  164. cursor: pointer;
  165. padding: 5px;
  166. text-align: center;
  167. margin-left: 5px;
  168. margin-right: 5px;
  169. border: 2px solid #334A69;
  170. background-color: #B49AA0;
  171. color: #6B3B54;
  172. font-size: 18px;
  173. font-weight: bold;
  174. box-shadow: 0px 0px 3px #6E3254;
  175. }
  176.  
  177. .tabbed_interface>ul>li.tab-active {
  178. color: #B49AA0;
  179. background-color: #6B3B54;
  180. border: 2px solid #6B3B54;
  181. box-shadow: 0px 0px 3px #6E3254;
  182. }
  183.  
  184. .tabbed_interface>div {
  185. font-family: Atelier Blossom Serif;
  186. margin-right: 5px;
  187. margin-top: 8px;
  188. text-align: center;
  189. box-shadow: 0px 0px 5px #6E3254;
  190. border: 2px solid #334A69;
  191. background-color: #B49AA0;
  192. color: #6B3B54;
  193. font-size: 17px;
  194. margin-bottom: -10px;
  195. padding: 8px;
  196. width: 250px;
  197. margin-left: -23px;
  198. }
  199.  
  200. a {
  201. color: #6B3B54;
  202. text-decoration: 1px solid #6B3B54;
  203. }
  204.  
  205. hr {
  206. border-style: none;
  207. border-width: 0px;
  208. }
  209.  
  210. hr:after {
  211. display: flex;
  212. background-color: none;
  213. content: url(https://i.imgur.com/MOYtiKu.png);
  214. justify-content: center;
  215. }
  216.  
  217. div.tooltip_content {
  218. padding: 5px;
  219. width: auto;
  220. border: 2px solid #334A69;
  221. background-color: #B49AA0;
  222. color: #6B3B54;
  223. box-shadow: 0px 0px 3px #6E3254;
  224. border-radius: 0px;
  225. font-size: 16px;
  226. }
  227.  
  228. .bbcode_tooltip {
  229. border-bottom: 1px dashed #000;
  230. cursor: help;
  231. }
  232.  
  233. .panel {
  234. background-image: url("https://decomail.space/bg/red/123.jpg");
  235. padding: 4px;
  236. width: 95%;
  237. margin: auto;
  238. border-radius: 0px;
  239. box-shadow: none;
  240. border: 2px solid #000;
  241. &>h3 {
  242. &>a {
  243. color: #6B3B54;
  244. text-decoration: none;
  245. font-weight: bold;
  246. }
  247. font-weight: normal;
  248. text-align: center;
  249. background: #B49AA0;
  250. font-size: 15px;
  251. border-radius: 0px;
  252. border: 4px double #6B3B54;
  253. color: #6B3B54;
  254. font-weight: bold;
  255. }
  256. &>div {
  257. background: #B49AA0;
  258. display: block;
  259. padding: 4px;
  260. color: #6B3B54;
  261. border: 2px dotted #6B3B54;
  262. border-top: none;
  263. animation: 1s fade;
  264. font-size: 14px;
  265. }
  266. }
  267.  
  268. .expbar {
  269. margin-top: 20px;
  270. margin-bottom: -5px;
  271. background: none;
  272. border-radius: 0px;
  273. padding: 2px;
  274. border-image: url(https://64.media.tumblr.com/d18a082bae1642998f694975abe0def9/8ad21ea0bf50048b-09/s2048x3072/d634309d301151c622757f7ab6b940c54359562c.pnj);
  275. border-image-slice: 25%;
  276. border-image-width: 54px;
  277. border-image-outset: 13px;
  278. border-image-repeat: round;
  279. color: #fff;
  280. width: 90%;
  281. >span {
  282. font-size: 14px;
  283. font-weight: normal;
  284. padding: 5px;
  285. }
  286. >div {
  287. margin: 2px;
  288. background: #6B3B54;
  289. border-right: none;
  290. color: #B49AA0;
  291. }
  292. }
  293.  
  294. table {
  295. margin: auto;
  296. width: 98%;
  297. border: none;
  298. padding: 2px;
  299. background-image: url("https://decomail.space/bg/red/123.jpg");
  300. border: 2px solid #000;
  301. border-collapse: separate;
  302. th, td {
  303. text-align: center;
  304. padding: 5px;
  305. border-radius: 0px;
  306. border: 2px solid #000;
  307. }
  308. th {
  309. background-color: #B49AA0;
  310. color: #6B3B54;
  311. }
  312. td {
  313. background-color: #6B3B54;
  314. color: #B49AA0;
  315. }
  316. }
  317.  
  318. .hf {
  319. width: 120px;
  320. position: absolute;
  321. bottom: -40px;
  322. transform: rotate(20deg);
  323. right: -20%;
  324. z-index: 4;
  325. div.tooltip_content {
  326. font-family: Atelier Blossom Serif;
  327. padding: 5px;
  328. width: 200px;
  329. border: 2px solid #334A69;
  330. background-color: #B49AA0;
  331. color: #6B3B54;
  332. box-shadow: 0px 0px 3px #6E3254;
  333. border-radius: 0px;
  334. font-size: 14px;
  335. position: absolute;
  336. bottom: -20px;
  337. right: 60%;
  338. transform: rotate(-20deg);
  339. z-index: 4;
  340. @media only screen and (max-width: 1280px) {
  341. width: 200px;
  342. position: absolute;
  343. }
  344. }
  345.  
  346. .bbcode_tooltip {
  347. border-bottom: none;
  348. cursor: help;
  349. }
  350. }
  351.  
  352. .bottom {
  353. width: 301px;
  354. position: absolute;
  355. bottom: 4px;
  356. z-index: 3;
  357. filter: hue-rotate(85deg);
  358. }
  359.  
  360. [/style]
Advertisement
Add Comment
Please, Sign In to add comment