API tools faq
paste
weldherwings

skylar -- cs

weldherwings
Aug 17th, 2020
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.35 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Source Code Pro]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. display:block;
  7. font-smoothing:antialiased;
  8. -webkit-font-smoothing: antialiased;
  9. -moz-osx-font-smoothing: grayscale;
  10. position:relative;
  11. text-align:justify;
  12. white-space:nowrap;
  13. box-sizing:border-box;
  14. width:100%;
  15. height:auto;
  16. font-size:0px;
  17. overflow:hidden;
  18. line-height:0px;
  19. color:black;
  20. padding-bottom:80px;
  21. background-color:#0f0f0f;
  22. --mainbg: #0f0f0f;
  23. --green: #649568;
  24. --fontcolor: #649568;
  25. --dots: url(https://www.transparenttextures.com/patterns/subtle-dots.png);
  26. --sidepic1:url(https://i.pinimg.com/564x/e5/25/1d/e5251d40870e9dd23e4250f6ef53bce5.jpg);
  27. --sidepic2: url(https://i.pinimg.com/564x/06/8f/e6/068fe675d6462ea1d1856fcdffcd5a18.jpg);
  28. --sidepic3:url(https://i.pinimg.com/564x/15/34/f2/1534f21120298f0aea51140ebff380ea.jpg);
  29. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  30.  
  31. [border=0px; padding:0px;border-top: 20px solid var(--mainbg); padding:0px; width:700px; height:400px; display:flex; margin:auto; position:relative; justify-content:space-between; margin-top:50px; box-shadow: 0px 0px 0px 1px var(--green); background:var(--mainbg);]
  32.  
  33. [border=0px; padding:0px;width:310px; height:auto; overflow:hidden; background-image:var(--dots); background-size:10%;border-top: 1px solid var(--green);]
  34.  
  35. [border=0px; padding:0px;border-top: 10px solid var(--mainbg); padding:0px; width:150px; height:200px; display:flex; margin:auto; position:relative; justify-content:space-between; position:absolute; top:30px; left:20px; box-shadow: 0px 0px 0px 1px var(--green);overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; background:var(--sidepic1); background-size:cover; filter:grayscale(100%);][/border][/border]
  36.  
  37. [border=0px; padding:0px;border-top: 10px solid var(--mainbg); padding:0px; width:150px; height:200px; display:flex; margin:auto; position:relative; justify-content:space-between; position:absolute; top:60px; left:148px; box-shadow: 0px 0px 0px 1px var(--green);overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; background:var(--sidepic2); background-size:cover; filter:grayscale(100%);][/border][/border]
  38.  
  39. [border=0px; padding:0px;border-top: 10px solid var(--mainbg); padding:0px; width:150px; height:200px; display:flex; margin:auto; position:relative; justify-content:space-between; position:absolute; top:160px; left:30px; box-shadow: 0px 0px 0px 1px var(--green);overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; background:var(--sidepic3); background-size:cover; background-position:50%;filter:grayscale(100%);][/border][/border]
  40.  
  41. [border=1px solid var(--green); box-sizing:content-box;padding:10px; width:140px; height:3px; background: var(--mainbg); text-transform:uppercase; font-size:8px; position:absolute; top:290px; left:120px;color:var(--fontcolor); letter-spacing:2px; display:flex; justify-content: space-between; white-space:normal][border=0px; padding:0px; margin-top:-3px;][fa]fas fa-computer-classic[/fa][/border][border=0px; padding:0px; text-align:right;font-family:Source Code Pro; margin-top:1px;][comment]
  42.  
  43. ‧͙⁺˚*･༓☾　change title here　☽༓･*˚⁺‧͙
  44. [/comment]skylar lee[/border][/border]
  45.  
  46. [/border]
  47.  
  48. [border=0px; padding:0px; width:390px; height:auto; border-top: 1px solid var(--green);]
  49. [border=0px; padding:0px; width:320px; height:15px; overflow:hidden;margin-left:90px; margin-top:-20px; ][border=0px; padding:0px; width:700px; height:20px; position:absolute; top:-20px; margin-left:-400px;z-index:4; display:flex; justify-content: space-evenly; text-transform:uppercase; font-size:8px; color:var(--fontcolor); letter-spacing:2px; font-family:Source Code Pro; pointer-events:none; background:var(--mainbg); ]
  50. [border=0px; padding:10px; box-sizing:border-box; width:400px; height:20px; ][comment]
  51.  
  52. ‧͙⁺˚*･༓☾　change title here　☽༓･*˚⁺‧͙
  53. [/comment]please don't let this love die young[/border]
  54. [border=0px; padding:6px; padding-left:40px;box-sizing:border-box; width:300px; height:20px; font-size:10px; letter-spacing:28px;][comment]
  55.  
  56. ‧͙⁺˚*･༓☾　change fa icons here　☽༓･*˚⁺‧͙
  57. [/comment][fa]fas fa-user-alt[/fa] [fa]fas fa-code[/fa] [fa]fas fa-upload[/fa] [fa]fas fa-shield-alt[/fa][/border][/border][tabs]
  58.  
  59. [comment]
  60.  
  61. ‧͙⁺˚*･༓☾　tab one here　☽༓･*˚⁺‧͙
  62. [/comment][tab=01][border=0px; padding:10px; box-sizing:border-box;width:390px; height:400px; position:absolute;z-index:4; overflow:hidden; font-family:Karla; font-size:12px; color:var(--fontcolor); margin-top:-35px;margin-left:-105px;]
  63. [border=0px; padding:10px; box-sizing:border-box;width:calc(100% + 30px); height:100%; line-height:13px; padding-right:30px;overflow-y:scroll; overflow-x:hidden; white-space:normal][border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  64.  
  65. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  66. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  67.  
  68. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  69. [/border]
  70.  
  71. [border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  72.  
  73. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  74. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  75.  
  76. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  77. [/border]
  78.  
  79. [border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  80.  
  81. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  82. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  83.  
  84. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  85. [/border]
  86.  
  87. [/border][/border][/tab]
  88.  
  89. [comment]
  90.  
  91. ‧͙⁺˚*･༓☾　tab two here　☽༓･*˚⁺‧͙
  92. [/comment][tab=02][border=0px; padding:10px; box-sizing:border-box;width:390px; height:400px; position:absolute;z-index:4; overflow:hidden; font-family:Karla; font-size:12px; color:var(--fontcolor); margin-top:-35px;margin-left:-105px;]
  93. [border=0px; padding:10px; box-sizing:border-box;width:calc(100% + 30px); height:100%; line-height:13px; padding-right:30px;overflow-y:scroll; overflow-x:hidden; white-space:normal][border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  94.  
  95. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  96. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  97.  
  98. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  99. [/border]
  100.  
  101. [border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  102.  
  103. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  104. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  105.  
  106. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  107. [/border]
  108.  
  109. [border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  110.  
  111. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  112. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  113.  
  114. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  115. [/border]
  116.  
  117. [/border][/border][/tab]
  118.  
  119. [comment]
  120.  
  121. ‧͙⁺˚*･༓☾　tab three here　☽༓･*˚⁺‧͙
  122. [/comment][tab=03][border=0px; padding:10px; box-sizing:border-box;width:390px; height:400px; position:absolute;z-index:4; overflow:hidden; font-family:Karla; font-size:12px; color:var(--fontcolor); margin-top:-35px;margin-left:-105px;]
  123. [border=0px; padding:10px; box-sizing:border-box;width:calc(100% + 30px); height:100%; line-height:13px; padding-right:30px;overflow-y:scroll; overflow-x:hidden; white-space:normal][border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  124.  
  125. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  126. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  127.  
  128. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  129. [/border]
  130.  
  131. [border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  132.  
  133. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  134. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  135.  
  136. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  137. [/border]
  138.  
  139. [border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  140.  
  141. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  142. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  143.  
  144. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  145. [/border]
  146.  
  147. [/border][/border][/tab]
  148.  
  149. [comment]
  150.  
  151. ‧͙⁺˚*･༓☾　tab four here　☽༓･*˚⁺‧͙
  152. [/comment][tab=04][border=0px; padding:10px; box-sizing:border-box;width:390px; height:400px; position:absolute;z-index:4; overflow:hidden; font-family:Karla; font-size:12px; color:var(--fontcolor); margin-top:-35px;margin-left:-105px;]
  153. [border=0px; padding:10px; box-sizing:border-box;width:calc(100% + 30px); height:100%; line-height:13px; padding-right:30px;overflow-y:scroll; overflow-x:hidden; white-space:normal][border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  154.  
  155. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  156. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  157.  
  158. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  159. [/border]
  160.  
  161. [border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  162.  
  163. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  164. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  165.  
  166. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  167. [/border]
  168.  
  169. [border=1px solid var(--green); border-top: 10px solid var(--green); margin:auto; position:relative;margin-bottom:30px; ][comment]
  170.  
  171. ‧͙⁺˚*･༓☾　post here　☽༓･*˚⁺‧͙
  172. [/comment]Lorem ipsum dolor sit amet, in voluptaria disputando consequuntur mel, adhuc impetus ullamcorper quo ex, ex appareat definiebas has. Aeque laudem nominavi sit id. Feugiat vulputate sea te, mei inani referrentur an, sensibus reprimique mediocritatem at est. Vel an omnesque mediocrem partiendo. Pro ea nusquam sapientem. Mei movet referrentur in, eos ex docendi offendit, iisque legendos per te.
  173.  
  174. Clita albucius has eu. Erant invidunt eos id, ad eam vero repudiare voluptaria. Ex velit decore corrumpit sit, eum cu elit rebum. Wisi ponderum adipisci ex vel, deseruisse complectitur vel id. Vim noluisse recteque ad, augue persius quo et. Et nibh adhuc quo, sit et virtute equidem perpetua.
  175. [/border]
  176.  
  177. [/border][/border][/tab]
  178.  
  179.  
  180. [/tabs][/border]
  181.  
  182. [/border][/border]
  183. [border=0px; font-size:8px; letter-spacing:1px; text-align:center;font-family:Karla; margin-top:20px;color:var(--fontcolor);]coded by weldherwings.[/border][/border]
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!