Advertisement
izuemis

kokoro music player

Sep 7th, 2022
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.10 KB | None | 0 0
  1. <link rel="preconnect" href="https://fonts.googleapis.com">
  2. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  3. <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;800&display=swap" rel="stylesheet">
  4.  
  5. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  6.  
  7. <!-------MUSIC PLAYER BY GLENTHEMES------->
  8. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  9.  
  10. <style type="text/css">
  11. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  12. #glenplayer02 {
  13. position:relative;
  14. top:0px;
  15. left:5px;
  16. display:flex;
  17. z-index:99;
  18. }
  19. #glenplayer02 a {text-decoration:none;}
  20.  
  21. #glenplayer02 > div {
  22. align-self:center;
  23. -webkit-align-self:center;
  24. }
  25.  
  26. .music-controls {
  27. user-select:none;
  28. -webkit-user-select:none;
  29. width:13px;
  30. font-size:18px;
  31. cursor:pointer;
  32. }
  33.  
  34. .playy, .pausee {color:#F2CCA5; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;} /* color of play & pause buttons */
  35.  
  36. .pausee {display:none;}
  37.  
  38. .sonata {
  39. margin-left:10px;
  40. font-family: 'M PLUS Rounded 1c', sans-serif;
  41. font-size:14px;
  42. color:#F2CCA5;
  43. font-weight: bold;
  44. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0; /* color of music note symbol */
  45. }
  46.  
  47. .labeltext {
  48. margin-left:0px;
  49. position: relative;
  50. bottom:10px;
  51. font-family: 'M PLUS Rounded 1c', sans-serif;
  52. font-size:14px;
  53. color:#F2CCA5;
  54. font-weight: bold;
  55. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;/* color of song title */
  56. }
  57.  
  58. </style>
  59. <body>
  60. <!-------MUSIC PLAYER BY GLENTHEMES------->
  61. <div id="glenplayer02">
  62. <div class="music-controls" onclick="songstart();">
  63. <div class="playy">►</div>
  64. <div class="pausee">♬</div>
  65. </div>
  66. <div class="sonata"> <marquee> lyrics lyrics lyrics lyrics lyrics lyrics lyrics lyrics lyrics lyrics lyrics </marquee> </div>
  67. <div class="labeltext"></div>
  68. </div><!--end music player-->
  69.  
  70. <audio id="tune" src="https://dl.dropbox.com/s/qiiudgbz3z9uu3b/Puella%20Magi%20Madoka%20Magica%20Akogare%20Saita%20-%20Madoka%20Kaname%20%28Character%20Song%29.mp3""audio"></audio>
  71. </body>
  72.  
  73. <div class="labeltext"> </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement