Advertisement
powys

double border music player

Jun 4th, 2021
653
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.64 KB | None | 0 0
  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  2.  
  3. <!-------MUSIC PLAYER BY GLENTHEMES------->
  4. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  5.  
  6. <style type="text/css">
  7. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  8. #glenplayer02 {
  9. position:relative;
  10. top:30px;
  11. left:5px;
  12. width:150px
  13. ;z-index:5
  14. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  15. }
  16. div.ex2 {
  17. width: 170px;
  18. opacity:1;
  19. margin: auto;
  20. padding:5px;
  21. }
  22. #glenplayer02 a {text-decoration:none;}
  23.  
  24. #glenplayer02 > div {
  25. align-self:center;
  26. -webkit-align-self:center;
  27. }
  28.  
  29. .music-controls {
  30. user-select:none;
  31. -webkit-user-select:none;
  32. width:13px;
  33. font-size:13px;
  34. cursor:pointer;
  35. }
  36.  
  37. .playy, .pausee {color:#FBD9E6; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;} /* color of play & pause buttons */
  38.  
  39. .pausee {display:none;}
  40.  
  41. .sonata {
  42. margin-left:10px;
  43. color:#222; /* color of music note symbol */
  44. }
  45.  
  46. .labeltext {
  47. margin-left:8px;
  48. font-family:courier new;
  49. font-size:9px;
  50. color:#222; /* color of song title */
  51. }
  52.  
  53. </style>
  54. <body>
  55. <!-------MUSIC PLAYER BY GLENTHEMES------->
  56. <div id="glenplayer02">
  57. <div class="ex2">
  58. <div class="music-controls" onclick="songstart();">
  59. <div class="playy">►</div>
  60. <div class="pausee">♬</div>
  61. </div>
  62. <div class="sonata"> </div>
  63. <div class="labeltext"> </div>
  64. </div><!--end music player-->
  65.  
  66. <audio id="tune" src="https://dl.dropbox.com/s/0l74t8x8ffqrq67/%5BMV%5D%20BESTie%28%EB%B2%A0%EC%8A%A4%ED%8B%B0%29%20Love%20Options%28%EC%97%B0%EC%95%A0%EC%9D%98%20%EC%A1%B0%EA%B1%B4%29.mp3"audio"></audio>
  67. </body>
  68.  
  69. <div class="labeltext"> </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement