API tools faq
paste
Advertisement
weldherwings

stardust - request

weldherwings
Nov 10th, 2020 (edited)
205
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.80 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Caveat][font=Raleyway]kero! stop eating the sweets![/font][/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:justify;
  13. white-space:nowrap;
  14. box-sizing:border-box;
  15. width:100%;
  16. max-width:450px;
  17. height:auto;
  18. line-height:0px;
  19. padding-top:40px;
  20. padding-bottom:60px;
  21. color:black;
  22. margin:auto;
  23. font-size:0px;
  24. --titlefont: Caveat;
  25. --bgcolor: #283157;
  26. --purple1: #8f5bb0;
  27. --purple2: #1c1c58;
  28. --fontcolor:white;
  29. --mainfont:Raleway;
  30. --texture: url(https://www.transparenttextures.com/patterns/asfalt-light.png);
  31.  
  32. --image1: url(https://www.rpnation.com/proxy.php?image=https%3A%2F%2Fi.imgur.com%2FtI107W9.jpg&hash=85da46b91602e9ec6ce1ce0ac6998574);
  33. --image2:url(https://www.rpnation.com/proxy.php?image=https%3A%2F%2Fwww.kuhl.com%2Fborninthemountains%2Fwp-content%2Fuploads%2F2016%2F03%2FRendezvous-with-the-Stars-02.jpg&hash=24314a7b4a5bf0206d10e3d150cfc3cf);
  34. --star: url(https://icon-library.com/images/stars-icon/stars-icon-12.jpg);]
  35.  
  36.  
  37. [border=0px; padding-top:20px;max-width:400px;height:600px; background-color:var(--bgcolor); background-image: var(--texture); background-size:40%;]
  38.  
  39. [border=0px; width:calc(100% + 50px); height:20px; background:var(--purple1);white-space:normal; font-size:40px; color:white; line-height:12px;margin-left:-35px; text-align:center; font-family:var(--titlefont); padding-top:15px; z-index:2; position:relative; ] [comment]‧͙⁺˚*･༓☾　top border　☽༓･*˚⁺‧͙[/comment]Stardust and Salt Flats[/border]
  40.  
  41. [border=0px; width:12px; height:15px; background:var(--purple2); clip-path: polygon(100% 0, 20% 0, 100% 100%); margin-left:-41px; margin-top:-1px; ][/border]
  42. [border=0px; width:12px; height:15px; background:var(--purple2); clip-path: polygon(80% 0, 0 0, 0 100%); margin-left:409px; margin-top:-36px;][/border]
  43.  
  44.  
  45. [border=0px; padding:0px;width:100%; height:80px; display:flex; justify-content:space-evenly; margin-top:-15px;]
  46.  
  47. [comment]‧͙⁺˚*･༓☾　music player　☽༓･*˚⁺‧͙[/comment]
  48. [border=0px; padding:0px; padding-left:10px;width:220px; height:80px; background:var(--bgcolor); border-radius:10px;]
  49. [border=0px; padding:0px; width:200px; height:70px; margin-top:8px;overflow:hidden;]
  50. [border=0px; padding:0px; width:200px; height:70px; background:var(--bgcolor); position:absolute; pointer-events:none; line-height:14px; letter-spacing:1px;font-size:10px; white-space:normal; font-family: var(--mainfont); display:flex; justify-content: space-evenly; text-align:left; color:var(--fontcolor)][border=0px; padding:0px; width:80px; height:80px; font-size:60px;][fa]fas fa-play-circle[/fa][/border]
  51. [border=0px; padding:0px; width:120px; height:75px; padding-top:10px;][b][Homestruck Vol. 10] 14. Voidlight[/b]
  52. [i]Blue Pheonix Music[/i][/border]
  53. [/border][MEDIA=soundcloud]https://soundcloud.com/bluephoenixmusic/homestuck-vol-10-14-voidlight[/MEDIA][/border]
  54. [/border]
  55.  
  56. [border=0px; padding:0px; width:80px; height:80px; background:var(--star); background-size:30%; background-repeat: no-repeat; animation: fa-spin 6s infinite; filter: brightness(600%);][border=0px; padding:0px; width:30px; height:30px; background:var(--star); background-size:30%; background-repeat: no-repeat; animation: fa-spin 4s infinite; ][border=0px; padding:0px; width:30px; height:30px; background:var(--star); background-size:30%; background-repeat: no-repeat; animation: fa-spin 2s infinite; ][/border][/border][/border]
  57. [/border]
  58.  
  59.  
  60. [comment]‧͙⁺˚*･༓☾　first image + scroll　☽༓･*˚⁺‧͙[/comment]
  61. [border=0px; padding:0px;width:100%; height:210px;margin-top:15px;margin-bottom:20px; display:flex; justify-content:space-evenly]
  62. [border=0px; padding:0px; width:40%; height:210px; background:var(--image1); background-size:cover;][/border]
  63. [border=0px; padding:0px; width:58%; height:210px; background:var(--bgcolor); overflow:hidden;display:flex; flex-direction:column;]
  64. [border=0px; padding:0px; height:calc(100% - 10px); width:200%; margin-top:5px; overflow-y:scroll;overflow-x:hidden; line-height:14px; letter-spacing:1px;font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor); text-align:left;][border=0; height:auto; width:51%; box-sizing:border-box;]Lorem ipsum dolor sit amet, aliquam luptatum pertinax has eu, id modus antiopam consulatu vim. Epicuri tacimates inimicus his et, vim quod accumsan principes ea. Ad dicit iracundia sit, ex labores phaedrum mei. Impedit rationibus consetetur sea ut, et usu vituperata scriptorem reprehendunt.
  65.  
  66. Assum dicunt cu eos. At his inani homero, ea mel fugit aliquip maiorum. In usu iudico vivendo, id pri suas ubique quaestio. Qui nonumes patrioque ne. Illum utamur ex mei, libris mucius ponderum has ad. In est vivendum reprehendunt, eum at veniam voluptua, postea delicata vel ne.
  67.  
  68. Lorem ipsum dolor sit amet, aliquam luptatum pertinax has eu, id modus antiopam consulatu vim. Epicuri tacimates inimicus his et, vim quod accumsan principes ea. Ad dicit iracundia sit, ex labores phaedrum mei. Impedit rationibus consetetur sea ut, et usu vituperata scriptorem reprehendunt.
  69.  
  70. Assum dicunt cu eos. At his inani homero, ea mel fugit aliquip maiorum. In usu iudico vivendo, id pri suas ubique quaestio. Qui nonumes patrioque ne. Illum utamur ex mei, libris mucius ponderum has ad. In est vivendum reprehendunt, eum at veniam voluptua, postea delicata vel ne.
  71. [/border][/border][/border]
  72. [/border]
  73.  
  74. [comment]‧͙⁺˚*･༓☾　second image and scroll　☽༓･*˚⁺‧͙[/comment]
  75. [border=0px; padding:0px;width:100%; height:200px; display:flex; justify-content:space-evenly]
  76. [border=0px; padding:0px; width:40%; height:200px; background:var(--bgcolor); overflow:hidden;display:flex; flex-direction:column;]
  77. [border=0px; padding:0px; height:calc(100% - 20px); width:200%; margin-top:10px; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor); letter-spacing:1px; text-align:left;][border=0; height:auto; width:51%; box-sizing:border-box;]Lorem ipsum dolor sit amet, aliquam luptatum pertinax has eu, id modus antiopam consulatu vim. Epicuri tacimates inimicus his et, vim quod accumsan principes ea. Ad dicit iracundia sit, ex labores phaedrum mei. Impedit rationibus consetetur sea ut, et usu vituperata scriptorem reprehendunt.
  78.  
  79. Assum dicunt cu eos. At his inani homero, ea mel fugit aliquip maiorum. In usu iudico vivendo, id pri suas ubique quaestio. Qui nonumes patrioque ne. Illum utamur ex mei, libris mucius ponderum has ad. In est vivendum reprehendunt, eum at veniam voluptua, postea delicata vel ne.
  80.  
  81. Lorem ipsum dolor sit amet, aliquam luptatum pertinax has eu, id modus antiopam consulatu vim. Epicuri tacimates inimicus his et, vim quod accumsan principes ea. Ad dicit iracundia sit, ex labores phaedrum mei. Impedit rationibus consetetur sea ut, et usu vituperata scriptorem reprehendunt.
  82.  
  83. Assum dicunt cu eos. At his inani homero, ea mel fugit aliquip maiorum. In usu iudico vivendo, id pri suas ubique quaestio. Qui nonumes patrioque ne. Illum utamur ex mei, libris mucius ponderum has ad. In est vivendum reprehendunt, eum at veniam voluptua, postea delicata vel ne.
  84. [/border][/border][/border]
  85. [border=0px; padding:0px; width:55%; height:200px; background:var(--image2); background-size:cover; ][/border]
  86.  
  87. [/border]
  88. [/border]
  89. [comment]
  90.  
  91. ‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
  92. [/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.
  93. [/border]
  94. [/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!