API tools faq
paste
dotunion

tbhayate about me code

dotunion
Apr 19th, 2025 (edited)
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.89 KB | None | 0 0
raw download clone embed print report
  1. [sc=background][sc=curtain]![br]![br]![br]![/sc][sc=frame][img]IMAGE URL HERE[/img][/sc]
  2. [sc=top]![br]![br]![/sc]
  3. [sc=tabbed_interface horizontal]
  4. [ul]
  5. [li]ABOUT[/li]
  6. [li]FAVS[/li]
  7. [li]FRIENDS[/li]
  8. [li]HUNTS[/li]
  9. [li]LINKS[/li]
  10. [/ul][
  11. ][sc=tab-active]tab 1[/sc][
  12.  
  13. ][sc=tab]tab 2[/sc][
  14.  
  15. ][sc=tab]tab 3[/sc][
  16.  
  17. ][sc=tab]tab 4[/sc][
  18.  
  19. ][sc=tab]tab 5[/sc][/sc]
  20. [sc=footer]![br]![br]![br]![br]![br]![/sc]
  21. [sc=credit][pit="[pkmn=krookodile]"]- code by [url=https://pfq.link/@J3dF]union[/url], for [url=https://pokefarm.com/user/TBHayate]tbhayate's[/url] use only
  22. - background from [url=https://www.tumblr.com/schizsou/767872861352460288/do-you-have-any-overlays-you-often-use?source=share]schizsou[/url]
  23. - red curtain from [url=https://www.tumblr.com/dollywons/760342058896703488/hi-there-love-i-hope-youre-doing-well-3-your?source=share]dollywons[/url]
  24. - gold image frame from [url=https://pastebin.com/e9PH3Ee1]kyujouz[/url]
  25. - black and red lace dividers from [url=https://www.tumblr.com/submarine-06/746993737802055680/haii-may-king-request-bloody-dark-red-dividers?source=share]submarine-06[/url][/pit][/sc]
  26. [/sc]
  27.  
  28. [style]
  29.  
  30. @font-face {
  31. font-family: 'Faculty Glyphic';
  32. font-style: normal;
  33. font-weight: 400;
  34. font-display: swap;
  35. src: url(https://fonts.gstatic.com/s/facultyglyphic/v4/RrQIbot2-iBvI2mYSyKIrcgoBuQ4HO2E.woff2) format('woff2');
  36. 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;
  37. }
  38.  
  39. .background {
  40. margin: auto;
  41. background-image: url("https://64.media.tumblr.com/064b5a2a8ace393d829cb36a7d711bef/e450f8a084d2448c-6e/s1280x1920/e431fd2a1f50c209a9d1851c0c569b0bea50d464.jpg");
  42. width: 300px;
  43. }
  44.  
  45. .curtain {
  46. background-image: url("https://64.media.tumblr.com/1e688b7415b38be97544c133d18f33d9/a9196e0bb32d5eb4-3b/s2048x3072/0a2abc83a78a9cad2e9401dbf013b966befd0c24.pnj");
  47. background-repeat: repeat-x;
  48. background-size: 100% auto;
  49. position: relative;
  50. z-index: 2;
  51. margin-bottom: -50px;
  52. color: #00000000;
  53. -webkit-filter: drop-shadow(0px 0px 3px #222 );
  54. filter: drop-shadow(0px 0px 3px #222);
  55. }
  56.  
  57. .frame {
  58. float: right;
  59. margin-right: 10px;
  60. margin-top: 8px;
  61. width: 160px;
  62. height: 110px;
  63. overflow: hidden;
  64.  
  65. border: 1.5em solid;
  66. border-image-slice: 130 125 125 130;
  67. border-image-outset:0px 0px 0px 0px;
  68. border-image-repeat:stretch stretch;
  69. border-image-source:url("https://files.catbox.moe/16vx4u.png");
  70.  
  71. -webkit-filter: drop-shadow(0px 0px 5px #000 );
  72. filter: drop-shadow(0px 0px 5px #000);
  73. }
  74.  
  75. .top {
  76. background-image: url("https://64.media.tumblr.com/c95607d472f84a1bac785ffe96a493ac/71948d3f4339f10d-e1/s1280x1920/62b93326c9876415a24a2deea5c18f4f79af79b6.pnj");
  77. background-repeat: repeat-x;
  78. background-size: 100% auto;
  79. position: relative;
  80. z-index: 9;
  81. color: #00000000;
  82. margin-top: 1px;
  83. margin-bottom: -72px;
  84. position: relative;
  85. top: 145px;
  86. }
  87.  
  88. .tabbed_interface>ul {
  89. background-color: inherit;
  90. width: 76px;
  91. margin-top: -30px;
  92. margin-left: 3px;
  93. }
  94.  
  95. .tabbed_interface>ul li { /* tabs */
  96. font-family: 'Faculty Glyphic';
  97. cursor: pointer;
  98. margin: 3px 3px;
  99. padding: 2px;
  100. position: relative;
  101. font-size: 16px;
  102. text-align: center;
  103. color: #000;
  104. box-shadow: none;
  105. background-color: #F8F3CC;
  106. border: 2px solid #670001;
  107. transition: .3s;
  108. position: relative;
  109. z-index: 3;
  110. }
  111.  
  112. .tabbed_interface>ul>li.tab-active {
  113. color: #fff;
  114. border: 2px solid #F4F4F4;
  115. background: #670001;
  116. box-shadow: 0px 0px 4px #000;
  117. }
  118.  
  119. .tabbed_interface>div { /* content */
  120. font-family: 'Faculty Glyphic';
  121. line-height: 1.3;
  122. text-align: center;
  123. margin: auto;
  124. margin-top: 30px;
  125. width: 90%;
  126. height: auto;
  127. background-color: #F4F4F4;
  128. box-shadow: 0px 0px 4px #3A0000;
  129. border: 2px solid #000;
  130. border-radius: 0px;
  131. color: #000;
  132. font-size: 14px;
  133. padding: 10px;
  134. }
  135.  
  136. .footer {
  137. background-image: url("https://64.media.tumblr.com/78a04a18f6a00448b3c092159bd08d1b/71948d3f4339f10d-8f/s1280x1920/65edef817a48da5717d2f0ae15550e5e8b06ddef.pnj");
  138. background-repeat: repeat-x;
  139. background-size: 100% auto;
  140. position: relative;
  141. z-index: 9;
  142. color: #00000000;
  143. margin-top: -30px;
  144. margin-bottom: -100px;
  145. }
  146.  
  147. /* links */
  148.  
  149. a {
  150. display: inline-block;
  151. transition: .2s ease;
  152. text-decoration: 1.5px #000 double underline;
  153. color: #000;
  154. }
  155.  
  156. /* tooltip */
  157.  
  158. div.tooltip_content {
  159. background: rgba(0, 0, 0, 00);
  160. color: #000;
  161. }
  162.  
  163. div.tooltip_content {
  164. width: auto;
  165. margin: auto;
  166. position: absolute;
  167. z-index: 1;
  168. font-size: 13px;
  169. word-spacing: 2px;
  170. background: #670001;
  171. color: #fff;
  172. border: solid 2px #F8F3CC;
  173. border-radius: 0px;
  174. text-align: center;
  175. }
  176.  
  177. .bbcode_tooltip {
  178. border-bottom: 1px #30103D dotted;
  179. }
  180.  
  181. /* progress bar */
  182.  
  183. .expbar {
  184. margin-bottom: -5px;
  185. background: none;
  186. border-radius: 0px;
  187. width: 90%;
  188. border: 2px solid #000;
  189. color: #000;
  190. background-image: linear-gradient(#8A0000, #000);
  191. >div {
  192. margin: 3px;
  193. background: #F8F3CC;
  194. border-right: 1px solid #F8F3CC;
  195. }
  196. }
  197.  
  198. /* panel */
  199.  
  200. .panel {
  201. background-image: linear-gradient(#8A0000, #000);
  202. padding: 4px;
  203. width: 90%;
  204. margin: auto;
  205. border-radius: 0px;
  206. box-shadow: none;
  207. border: 2px solid #000;
  208. &>h3 {
  209. &>a {
  210. color: #fff;
  211. text-decoration: none;
  212. }
  213. text-align: center;
  214. background: #670001;
  215. font-size: 12px;
  216. border-radius: 0px;
  217. border: 4px double #F8F3CC;
  218. color: #fff;
  219. }
  220. &>div {
  221. background: #570000;
  222. display: block;
  223. margin-top: 3px;
  224. padding: 6px;
  225. color: #fff;
  226. border: 2px solid #F8F3CC;
  227. animation: 1s fade;
  228. }
  229. }
  230.  
  231. table {
  232. margin: 0 auto;
  233. width: 90%;
  234. border: none;
  235. padding: 4px;
  236. border-collapse: separate;
  237. th, td {
  238. text-align: center;
  239. padding: 5px;
  240. border-radius: 0px;
  241. border: 1.5px solid #000;
  242. color: #b675c0;
  243. }
  244. th {
  245. background-color: #670001;
  246. color: #fff;
  247. }
  248. td {
  249. background-color: #F8F3CC;
  250. color: #000;
  251. }
  252. }
  253.  
  254. .credit {
  255. margin-right: 5px;
  256. margin-top: -20px;
  257. margin-bottom: -15px;
  258. text-align: right;
  259. position: relative;
  260. z-index: 10;
  261. font-size: 8px;
  262. user-select: none;
  263. width: auto;
  264. height: auto;
  265. -webkit-filter: drop-shadow(0px 0px 2px #fff );
  266. filter: drop-shadow(0px 0px 2px #fff);
  267.  
  268. div.tooltip_content {
  269. bottom: 0px;
  270. right: 35px;
  271. width: 80%;
  272. font-size: 12px;
  273. padding: 4px;
  274. border: 2px solid #F8F3CC;
  275. background-color: #670001;
  276. color: #F8F3CC;
  277. text-align: left;
  278.  
  279. @media only screen and (max-width: 1280px) {
  280. width: 80%;
  281. position: absolute;
  282. bottom: 0px;
  283. right: 35px;
  284. }
  285. }
  286. .bbcode_tooltip {
  287. border-bottom: none;
  288. }
  289.  
  290. a {
  291. color: #F8F3CC;
  292. text-decoration: 1.5px #F8F3CC double underline;
  293. }
  294. }
  295.  
  296. [/style]
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!