API tools faq
paste
Advertisement
weldherwings

rebel - request

weldherwings
Dec 2nd, 2020
203
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.98 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Rubik]kero! stop eating the sweets![/font][/font]
  3. to change the colours + images, change them below in the variables
  4.  
  5. [/comment][border=0px;
  6. padding:0px;
  7. display:block;
  8. font-smoothing:antialiased;
  9. -webkit-font-smoothing: antialiased;
  10. -moz-osx-font-smoothing: grayscale;
  11. position:relative;
  12. text-align:left
  13. white-space:nowrap;
  14. box-sizing:border-box;
  15. width:100%;
  16. height:auto;
  17. overflow:hidden;
  18. line-height:0px;
  19. padding-top:40px;
  20. padding-bottom:60px;
  21. font-size:0px;
  22. color:black;
  23.  
  24. background: rgba(227, 221, 211, 0.5);
  25. --bg:rgba(227, 221, 211);
  26. --fadebg: rgba(255,255,255,0.08);
  27. --textbg: rgba(255,255,255,0.5);
  28. --texture: url(https://www.transparenttextures.com/patterns/first-aid-kit.png);
  29.  
  30. --header: Rubik;
  31. --mainfont:Karla;
  32.  
  33. --boxshadow: 2px 3px #BFBFBF;
  34. --bannertopbg: #f8f8f8;
  35. --border:1.5px solid #BFBFBF;
  36. --bottomborder: 1px solid #BFBFBF;
  37. --musicbg: #edeae6;
  38. --musicplay: url(https://koopaskeys.com/wp-content/uploads/2020/06/play.gif);
  39. --notscolor: #8e8d8a;
  40. --twitterbg: #58a0f1;
  41.  
  42.  
  43. --insidebr: 10px 10px 0px 0px;
  44. --characterimg: url(https://www.rpnation.com/attachments/maxxx-png.808121/);
  45. --img1: url(https://i.pinimg.com/236x/29/86/2a/29862a73deff8d1c717b5d327dd4bdda.jpg);
  46. --img2: url(https://i.pinimg.com/236x/88/8a/10/888a104a2c683d4999191bde17db549e.jpg);
  47. --tab2img: url(https://i.pinimg.com/236x/df/37/a6/df37a68cc3c0e27b06963032b06db20b.jpg);
  48. --tab4img: url(https://i.pinimg.com/236x/13/31/6a/13316ad3e15bb91db3b44820bcfbba10.jpg);
  49. --twitterprofile: url(https://www.rpnation.com/attachments/maxxx-png.808121/);
  50.  
  51. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  52.  
  53. [border=var(--border); padding:0px; max-width:610px; width:100%; height:fit-content; background-color:var(--bg); background-image:var(--texture); background-size:15%;display:flex; flex-flow: row wrap; justify-content:center; align-items:center; margin:auto;box-sizing:border-box; border-radius:20px;]
  54. [border=0px; padding:0px; height:400px; width:200px;]
  55.  
  56. [border=var(--border); padding:0px; height:fit-content; width:170px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--fadebg); box-shadow: var(--boxshadow); border-radius: 10px; margin-top:12px; margin-left:30px;]
  57.  
  58. [border=0px; padding-top:12px; padding-bottom:12px;width: calc(100% - 20px); height: fit-content; background: var(--bannertopbg); var(--bottomborder); opacity: 0.4;font-family: var(--header); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;white-space:normal; border-radius:var(--insidebr); font-size:10px; margin-left:-1px; margin-top:-1px;][comment]
  59.  
  60. ‧͙⁺˚*･༓☾　character name here　☽༓･*˚⁺‧͙[/comment]name here[/border]
  61.  
  62. [border=0px; padding:0px; width:160px; height:150px; background:var(--characterimg); background-size:cover; background-position:50% 50%;margin:auto; margin-top:5px; margin-bottom:5px; filter:grayscale(20%); ][/border]
  63.  
  64. [/border]
  65.  
  66. [border=var(--border); padding:0px; height: fit-content; width:200px;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--fadebg); box-shadow: var(--boxshadow); border-radius: 10px; margin-top:-40px; margin-left:-30px;]
  67.  
  68. [border=0px; padding-top:12px; padding-bottom:12px;width:calc(100% - 18px);height: fit-content; background: var(--bannertopbg); border-bottom: var(--bottomborder); opacity: 0.4;font-family: var(--header); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;line-height:12px;white-space:normal; border-radius:var(--insidebr); font-size:10px; margin-left:-1px; margin-top:-1px; ] [comment]
  69.  
  70. ‧͙⁺˚*･༓☾　quote one here　☽༓･*˚⁺‧͙[/comment]You think that you're a man,[/border][border=0px; padding:0px; width:190px; height:80px; background:var(--img1); filter:grayscale(20%);background-size:cover; background-position:50% 50%;margin:auto; margin-top:5px; margin-bottom:5px; ][/border][/border]
  71.  
  72. [border=var(--border); padding:0px; height:fit-content; width:170px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--fadebg); box-shadow: var(--boxshadow); border-radius: 10px; margin-top:-20px; margin-left:40px;]
  73.  
  74. [border=0px; padding-top:12px; padding-bottom:12px;calc(100% - 20px);height: fit-content; background: var(--bannertopbg); border-bottom: var(--bottomborder); opacity: 0.4;font-family:var(--header); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;white-space:normal; border-radius:var(--insidebr); font-size:10px;margin-left:-1px; margin-top:-1px; ][comment]
  75.  
  76. ‧͙⁺˚*･༓☾　quote two here　☽༓･*˚⁺‧͙[/comment] I think therefore I am[/border][border=0px; padding:0px; width:160px; height:80px; background:var(--img2); filter:grayscale(20%);background-size:cover; background-position:50% 50%;margin:auto; margin-top:5px; margin-bottom:5px; ][/border][/border]
  77. [/border]
  78.  
  79. [border=0px; padding:0px; height:400px; width:400px;]
  80. [border=0px; padding:0px; height:60px; width:380px; margin:auto;margin-top:20px;]
  81. [border=0px; padding:0px; width:370px; height:200px; display:flex; justify-content: space-evenly; pointer-events:none;position:absolute; z-index:2; margin-top:-2px; margin-left:9px;white-space:normal; font-family: var(--header); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;font-size:12px; line-height:13px; font-family:var(--mainfont); background:var(--bg);background-image:var(--texture); background-size:15%; text-align:center;][comment]
  82.  
  83. ‧͙⁺˚*･༓☾　tab names☽༓･*˚⁺‧͙[/comment][border=0px; width:60px; height:10px;opacity: 0.4; ]tab 1[/border]
  84. [border=0px; width:60px; height:10px; opacity: 0.4;]tab 2[/border]
  85. [border=0px; width:60px; height:10px;opacity: 0.4; ]tab 3[/border]
  86. [border=0px; width:60px; height:10px;opacity: 0.4;]tab 4[/border][/border]
  87. [border=0px; padding:0px; letter-spacing:1px][tabs]
  88. [comment]
  89.  
  90. ‧͙⁺˚*･༓☾　TAB ONE　☽༓･*˚⁺‧͙[/comment]
  91. [tab=0001][border=var(--border); padding:0px; height: fit-content; padding-bottom:6px; width:340px;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--textbg); box-shadow: var(--boxshadow); border-radius: 10px; margin-top:-15px;position:absolute; z-index:3;]
  92. [border=0px; padding-top:12px; padding-bottom:12px;width:calc(100% - 20px); height: fit-content; background: var(--bannertopbg); border-bottom: var(--bottomborder); opacity: 0.4;font-family: var(--header); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;white-space:normal; border-radius:var(--insidebr); font-size:10px; margin-left:-1px; margin-top:-1px; ][comment]
  93.  
  94. ‧͙⁺˚*･༓☾　TAB ONE HEADER　☽༓･*˚⁺‧͙[/comment] tab one contents[/border]
  95.  
  96. [Border=0px; padding:8px; box-sizing:border-box; width:100%; height:200px; overflow-x: hidden;white-space:normal; font-size:11px; letter-spacing:0.5px;line-height:13px; font-family:var(--mainfont);overflow-y: scroll;display:flex; flex-flow:row wrap;]
  97. [comment]
  98.  
  99. ‧͙⁺˚*･༓☾　TAB ONE MAIN TEXT　☽༓･*˚⁺‧͙[/comment][border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold;font-size:12px;]full name[/border]
  100. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  101. [border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold; font-size:12px;]nick name[/border]
  102. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  103. [border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold;font-size:12px;]age[/border]
  104. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  105. [border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold; font-size:12px;]dob[/border]
  106. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  107. [border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold;font-size:12px;]gender[/border]
  108. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  109. [border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold; font-size:12px;]etc[/border]
  110. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  111. [/border]
  112. [/border]
  113.  
  114. [border=var(--border); padding:0px; height: 70px; padding-bottom:6px; width:200px;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--textbg); box-shadow: var(--boxshadow); margin-top:230px;border-radius: 10px; position:absolute; z-index:3; display:flex; justify-content: space-between]
  115. [border=0px; padding:0px; height:68px; width:130px; margin-top:3px;][border=0px; padding:0px; height:70px; width:100px;background: var(--musicbg); position:absolute; z-index;3; pointer-events:none;][border=0px; padding:0px; height:100px; width:100px; background:var(--musicplay); background-size:cover; filter:grayscale(100%); margin-top:-17px; margin-left:-20px;][/border][/border][MEDIA=soundcloud]https://soundcloud.com/billie-eilish009/therefore-i-am[/MEDIA][/border]
  116. [border=0px; padding:0px; height:70px; width:150px; margin-top:3px;margin-left:-100px; positive:relative; z-index:2;opacity: 0.4;font-family: var(--header); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;line-height:12px;white-space:normal; font-size:10px; box-sizing:border-box; padding-left:25px; padding-top:20px;][comment]
  117.  
  118. ‧͙⁺˚*･༓☾　music player　☽༓･*˚⁺‧͙[/comment][I]therefore i am[/I]
  119. billie eilish[/border][/border]
  120.  
  121. [border=var(--border); height: 80px; padding-bottom:6px; width:120px;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--textbg); box-shadow: var(--boxshadow); margin-top:230px; margin-left:220px;border-radius: 10px; position:absolute; z-index:3; box-sizing:border-box; text-align:center] [border=0px; padding:0px; opacity: 0.4;font-family: var(--header); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;line-height:12px;white-space:normal; font-size:10px; display:flex;align-items: center;][comment]
  122.  
  123. ‧͙⁺˚*･༓☾　small quote here　☽༓･*˚⁺‧͙[/comment]"you can put a small quote here or something?"[/border][/border]
  124.  
  125. [/tab]
  126.  
  127. [comment]
  128.  
  129. ‧͙⁺˚*･༓☾　TAB TWO　☽༓･*˚⁺‧͙[/comment]
  130. [tab=0002][border=0px; padding:0px; height:fit-content: width:340px; margin-top:-15px;position:absolute; z-index:3; display:flex; justify-content: space-between]
  131.  
  132. [border=var(--border); padding:0px; height: fit-content; padding-bottom:6px; width:180px;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--textbg); box-shadow: var(--boxshadow); border-radius: 10px; ]
  133. [border=0px; padding-top:12px; padding-bottom:12px;width: calc(100% - 20px); height: fit-content; background: var(--bannertopbg); border-bottom: var(--bottomborder); opacity: 0.4;font-family: var(--header); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;white-space:normal; border-radius:var(--insidebr); font-size:10px; margin-left:-1px; margin-top:-1px; ][comment]
  134.  
  135. ‧͙⁺˚*･༓☾　TAB TWO HEADER　☽༓･*˚⁺‧͙[/comment] tab two contents[/border]
  136.  
  137. [Border=0px; padding:8px; box-sizing:border-box; width:100%; height:290px; overflow-x: hidden;white-space:normal; font-size:11px; letter-spacing:0.5px;line-height:13px; font-family:var(--mainfont);overflow-y: scroll;display:flex; flex-flow:row wrap;][comment]
  138.  
  139. ‧͙⁺˚*･༓☾　TAB TWO MAIN TEXT　☽༓･*˚⁺‧͙[/comment][border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold;font-size:12px;]Likes[/border]
  140. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  141. [border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold; font-size:12px;]dislikes[/border]
  142. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  143. [border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold;font-size:12px;]powers[/border]
  144. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  145. [border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold; font-size:12px;]stuff[/border]
  146. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  147. [border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold;font-size:12px;]more stuff[/border]
  148. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  149. [border=0px; width:70px; height:fit-content; text-transform:uppercase; font-weight:bold; font-size:12px;]even more stuff[/border]
  150. [border=0px; width:200px; height:fit-content;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border][/border]
  151. [/border]
  152.  
  153.  
  154. [border=var(--border); padding:0px;padding-bottom:6px; width:150px; margin-left:15px; height:315px;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--textbg); box-shadow: var(--boxshadow); border-radius: 10px; display:flex; align-items: center; justify-content:center ]
  155. [border=0px;padding:0px; width:130px; height:310px; background:var(--tab2img); background-size:cover; background-position:50% 50%; margin-top:5px;][/border]
  156.  
  157. [/border]
  158. [/border][/tab][border=0px; padding:0px; height:fit-content: width:340px; margin-top:-15px;position:absolute; z-index:3; display:flex; justify-content: space-between]
  159. [comment]
  160.  
  161. ‧͙⁺˚*･༓☾　TAB THREE　☽༓･*˚⁺‧͙[/comment]
  162. [tab=0003]
  163. [border=var(--border); padding:0px; height: fit-content; padding-bottom:6px; width:340px;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--textbg); box-shadow: var(--boxshadow); border-radius: 10px; margin-top:-15px;position:absolute; z-index:3;]
  164. [border=0px; padding-top:12px; padding-bottom:12px;width:calc(100% - 20px); height: fit-content; background: var(--bannertopbg); border-bottom: var(--bottomborder); opacity: 0.4;font-family: var(--header); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;white-space:normal; border-radius:var(--insidebr); font-size:10px; margin-left:-1px; margin-top:-1px; ][comment]
  165.  
  166. ‧͙⁺˚*･༓☾　TAB THREE HEADER　☽༓･*˚⁺‧͙[/comment] tab three contents[/border]
  167.  
  168. [Border=0px; padding:8px; box-sizing:border-box; width:100%; height:290px; overflow-x: hidden;white-space:normal; font-size:11px; letter-spacing:0.5px;line-height:13px; font-family:var(--mainfont);overflow-y: scroll][comment]
  169.  
  170. ‧͙⁺˚*･༓☾　TAB THREE MAIN TEXT　☽༓･*˚⁺‧͙[/comment]Aliquam dapibus urna vel aliquam viverra. Ut a rhoncus nisl, vitae porta quam. Morbi urna dui, lacinia nec dictum vel, condimentum id erat. Sed lacus risus, egestas eget viverra dignissim, sagittis condimentum tortor. Fusce at consequat massa. Integer quis pellentesque massa, ut varius ipsum. Aliquam fringilla magna sit amet orci tristique, ut sollicitudin tortor pellentesque. Maecenas quis turpis dapibus, ullamcorper lectus nec, consectetur lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla enim diam, efficitur eget magna a, vehicula aliquam mi. Quisque tempus nisi eu libero dignissim finibus. Sed congue erat a est rhoncus, at congue augue luctus. Aenean lorem augue, hendrerit ut molestie mollis, vehicula nec turpis. Cras in lectus vestibulum, mattis mauris sed, dignissim urna. Aliquam dapibus urna vel aliquam viverra. Ut a rhoncus nisl, vitae porta quam. Morbi urna dui, lacinia nec dictum vel, condimentum id erat. Sed lacus risus, egestas eget viverra dignissim, sagittis condimentum tortor. Fusce at consequat massa. Integer quis pellentesque massa, ut varius ipsum. Aliquam fringilla magna sit amet orci tristique, ut sollicitudin tortor pellentesque. Maecenas quis turpis dapibus, ullamcorper lectus nec, consectetur lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/border]
  171. [/border]
  172. [/tab]
  173.  
  174. [comment]
  175.  
  176. ‧͙⁺˚*･༓☾　TAB FOUR　☽༓･*˚⁺‧͙[/comment]
  177. [tab=0004]
  178. [border=0px; padding:0px; height:fit-content: width:340px; margin-top:-15px;position:absolute; z-index:3; display:flex; justify-content: space-between]
  179. [border=0px; padding:0px;padding-bottom:6px; width:150px; height:315px; ]
  180. [border=var(--border); padding:0px; max-width:150px;width:100%;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--textbg); box-shadow: var(--boxshadow); border-radius: 10px; height:150px;position:absolute; z-index:2;][border=0px; padding-top:12px; padding-bottom:12px;width: calc(100% - 20px); height: fit-content; background: var(--musicbg); border-bottom: var(--bottomborder); font-family: var(--header); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;white-space:normal; border-radius:var(--insidebr); font-size:10px; margin-left:-1px; margin-top:-1px; position:absolute; z-index:2; color:var(--notscolor);pointer-events:none;] [comment]
  181.  
  182. ‧͙⁺˚*･༓☾　NOTIFCATIONS　☽༓･*˚⁺‧͙[/comment]notifications[/border]
  183.  
  184. [border=0px; padding:0px; width:100%; background: var(--musicbg);border-radius: 10px; height:80px; width:150px; position:absolute; z-index:2; margin-top:25px; pointer-events:none;font-family: var(--header); text-transform: uppercase; letter-spacing: 1px;white-space:normal; font-size:10px; color:var(--notscolor);][border=0px; padding:0px; border-bottom: var(--bottomborder);height: fit-content; width:90%; margin-top:5px; margin-left:5px;padding-top:10px; padding-bottom:10px;]18 twitter messages[/border]
  185. [border=0px; padding:0px; border-bottom: var(--bottomborder);height: fit-content; width:90%; margin-top:5px; margin-left:5px;padding-top:10px; padding-bottom:10px;]2 missed calls[/border][/border]
  186.  
  187.  
  188. [tabs][tab=01]leave blank[/tab]
  189. [tab=twitter]
  190. [border=var(--border); padding:0px; height: fit-content; padding-bottom:6px; width:350px;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--musicbg); box-shadow: var(--boxshadow); border-radius: 10px; margin-top:-75px; margin-left:-25px;position:absolute; z-index:6; pointer-events:none;]
  191. [border=0px; padding-top:12px; padding-bottom:12px;width:calc(100% - 20px); height: fit-content; background: var(--bannertopbg); border-bottom: var(--bottomborder); opacity: 0.4;font-family: var(--header); font-weight: 700; letter-spacing: 10px;white-space:normal; border-radius:var(--insidebr); font-size:12px; margin-left:-1px; margin-top:-1px; ] [border=0px; padding:0px; margin-left:15px; display:flex;][fa]fal fa-times-square[/fa] [fa]fad fa-minus[/fa] [border=var(--border);box-sizing:border-box; padding:5px; width:90%; height:fit-content; border-radius:5px;margin-left:20px; background:white; text-align:right; font-size:10px; letter-spacing: 1px;][comment]
  192.  
  193. ‧͙⁺˚*･༓☾　twitter url　☽༓･*˚⁺‧͙[/comment]twitter.com/characternamehere[/border]
  194.  
  195. [/border][/border]
  196. [comment]
  197.  
  198. ‧͙⁺˚*･༓☾　This chunk here is the twitter code! remember that twitter has a word limit, so the box with the text is only 100px tall!　☽༓･*˚⁺‧͙[/comment]
  199. [Border=0px; padding:8px; box-sizing:border-box; width:100%; height:280px; overflow: hidden;white-space:normal; font-size:11px; letter-spacing:0.5px;line-height:13px; font-family:var(--mainfont);][border=0px; padding:0px;width:95%; height:fit-content; margin:auto; display:flex; justify-content:center; margin-top:10px;]
  200. [border=0px; padding:0px; height:60px; width:60px; background:var(--twitterprofile); background-size:cover; border-radius:10px;][/border]
  201. [border=0px; padding:0px; height:60px; width:180px;padding-top:15px; padding-left:10px;][b]Name Here[/b]
  202. [border=0px; padding:0px; text-transform:none; ]@ here[/border][/border]
  203. [border=0px; padding:0px; height:60px; width:60px;][border=0px; padding:5px; text-align:center;width:60px; height:fit-content; border-radius:10px; margin-top:15px; margin-left:-15px;background: var(--twitterbg)]follow[/border][/border]
  204. [/border]
  205. [border=0px; padding:0px; margin:auto; height:100px; margin-top:-10px;width:330px; font-size:14px; line-height:16px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla enim diam, efficitur eget magna a, vehicula aliquam mi. Quisque tempus nisi eu libero dignissim finibus. Sed congue erat a est rhoncus, at congue augue luctus. #lol #weldherwingsrules [/border]
  206. [border=0px; padding:0px; font-size:10px; margin-top:10px; margin-left:10px;]7:00 am - 19th Feb 2022
  207.  
  208. [border=0px; padding:0px; letter-spacing:10px; margin-left:10px;][fa]fas fa-retweet[/fa] [fa]fas fa-share[/fa] [fa]fas fa-heart[/fa][/border][/border]
  209. [/border]
  210.  
  211. [/border]
  212. [/tab][/tabs]
  213.  
  214.  
  215. [/border]
  216.  
  217.  
  218. [border=var(--border); padding:0px; width:150px;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--textbg); box-shadow: var(--boxshadow); border-radius: 10px; height:150px; margin-top:170px;display:flex; align-items: center; justify-content:center ]
  219. [border=0px;padding:0px; width:130px; height:130px; background:var(--tab4img); background-size:cover; background-position:50% 50%][/border][/border][/border]
  220.  
  221. [border=var(--border); padding:0px; height: fit-content; padding-bottom:6px; width:180px;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); background-color: var(--textbg); box-shadow: var(--boxshadow); border-radius: 10px; margin-left:15px; ]
  222. [border=0px; padding-top:12px; padding-bottom:12px;width: calc(100% - 20px); height: fit-content; background: var(--bannertopbg); border-bottom: var(--bottomborder); opacity: 0.4;font-family: var(--header); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;white-space:normal; border-radius:var(--insidebr); font-size:10px; margin-left:-1px; margin-top:-1px; ] [comment]
  223.  
  224. ‧͙⁺˚*･༓☾　TAB FOUR HEADER　☽༓･*˚⁺‧͙[/comment]tab four contents[/border]
  225.  
  226. [Border=0px; padding:8px; box-sizing:border-box; width:100%; height:290px; overflow-x: hidden;white-space:normal; font-size:11px; letter-spacing:0.5px;line-height:13px; font-family:var(--mainfont);overflow-y: scroll][comment]
  227.  
  228. ‧͙⁺˚*･༓☾　TAB FOUR MAIN TEXT　☽༓･*˚⁺‧͙[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla enim diam, efficitur eget magna a, vehicula aliquam mi. Quisque tempus nisi eu libero dignissim finibus. Sed congue erat a est rhoncus, at congue augue luctus. Aenean lorem augue, hendrerit ut molestie mollis, vehicula nec turpis. Cras in lectus vestibulum, mattis mauris sed, dignissim urna. Aliquam dapibus urna vel aliquam viverra. Ut a rhoncus nisl, vitae porta quam. Morbi urna dui, lacinia nec dictum vel, condimentum id erat. Sed lacus risus, egestas eget viverra dignissim, sagittis condimentum tortor. Fusce at consequat massa. Integer quis pellentesque massa, ut varius ipsum. Aliquam fringilla magna sit amet orci tristique, ut sollicitudin tortor pellentesque. Maecenas quis turpis dapibus, ullamcorper lectus nec, consectetur lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/border]
  229. [/border]
  230.  
  231.  
  232.  
  233.  
  234. [/border]
  235.  
  236. [/tab][/border][/tabs][border=0px; padding:0px; height:fit-content: width:340px; margin-top:-15px;position:absolute; z-index:3; display:flex; justify-content: space-between][/border]
  237.  
  238. [/border]
  239.  
  240. [/border]
  241.  
  242. [/border][/border]
  243. [comment]
  244.  
  245. ‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
  246. [/comment][border=0px; font-size:8px; filter: grayscale(100%); letter-spacing:1px; text-align:center;font-family:Karla; margin-top:30px;line-height:11px;]coded by weldherwings.
  247. [/border]
  248.  
  249. [/border]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!