stardustcodes

neon demon - playlist

May 31st, 2021
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.76 KB | None | 0 0
  1. <div class="demon15"><div class="demon16"></div><div class="demon17"></div><div class="demon18">
  2. <img src="https://via.placeholder.com/130x130">
  3. <b>neon demon</b>
  4. PLAYLIST
  5. <i class="fas fa-backward"></i> <i class="fas fa-pause"></i> <i class="fas fa-forward"></i>
  6.  
  7.  
  8. <div class="demon19"><i class="fas fa-play-circle"></i> <b>título de la canción</b> <br> nombre del artista</div>
  9. <div class="demon19"><i class="fas fa-play-circle"></i> <b>título de la canción</b> <br> nombre del artista</div>
  10. <div class="demon19"><i class="fas fa-play-circle"></i> <b>título de la canción</b> <br> nombre del artista</div>
  11. <div class="demon19"><i class="fas fa-play-circle"></i> <b>título de la canción</b> <br> nombre del artista</div>
  12. <div class="demon19"><i class="fas fa-play-circle"></i> <b>título de la canción</b> <br> nombre del artista</div>
  13. </div></div><div class="stdcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>
  14.  
  15. <style>.demon15{margin: 20px auto; width: 450px; height: 550px; position: relative; border: 15px solid #fff; outline: 1px solid #d9d9d9; background: #f9f9f9; display: flex; flex-wrap: wrap; justify-content: center;}.demon16{clip-path: polygon(0 0, 0% 100%, 100% 100%); width: 450px; height: 550px; background: #fa448c; position: absolute;}.demon17{clip-path: polygon(100% 0, 0% 100%, 100% 100%); width: 450px; height: 550px; background: #43b5a0; position: absolute;}.demon18{width: 150px; height: 510px; border-top: 15px solid #fff; border-bottom: 15px solid #fff; padding: 10px 35px; overflow: auto; background: #fff; position: absolute; font-family: inconsolata; font-weight: 300; color: #888; font-size: 12px; text-align: center; line-height: 140%;}.demon18 img{width: 130px; height: 130px; border-radius: 50%; border: 10px solid #f9f9f9; margin-bottom: 20px;}.demon18 b{font-family: bevan; font-size: 20px; color: #fec859; line-height: 20px;}.demon18 i{padding: 0 5px; color: #d9d9d9;}.demon19{font-family: inconsolata; font-weight: 300; font-size: 11px; color: #888; text-align: justify;}.demon19 b{font-size: 11px; color: #43b5a0; line-height: 10px;}.demon19 i{font-size: 18px; color: #fa448c; float: left; padding: 0 5px 0 0;}.stdcred{margin: 0 auto; width: 80px; background: #fff; text-align: center; border: 1px solid #d9d9d9; border-radius: 10px;}.stdcred a{text-decoration: none; font-family: inconsolata; font-weight: 200; font-size: 11px; color: #888;}</style><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Bevan&family=Inconsolata:wght@200;300;400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
Add Comment
Please, Sign In to add comment